回顾知识，H5的新特性

H5的新元素让一个页面避免都是div，灵活使用H5的各种新元素

1，结构元素

section元素可以认为div是section元素,一个普通的分块元素，可用来定义网站中的特定的可区别的区域

header元素包括标题，logo，导航和其他页眉的内容，可以在网站上加多个header，就像给内容加多个标题

hgroup元素即将标题进行分组的元素

nav元素主要用于主导航菜单

article元素独立成文且以其他格式重用的内容应该置于一个article元素中

aside元素用途包涵内容周围的相关内容

2.内部元素

figure元素一个典型用途是包含图像,代码和其他内容对主要内容进行说明，删除不会影响主内容

figcaption元素主要用于figure的标题

mark元素突出显示以表示引用的内容，或者突出显示与用户当前活动相关的内容，他不同于en或strong元素

time元素，当需要在内容中显示时间或者日期时，则建议使用time元素

time元素可以包涵两个属性，一个datetime表示在元素中指定的确切日期和世家，pubdate表示文章或者整个文档发布时time元素所指定的日期和时间

2表单input

3媒体元素audio和video不需要借助外部插件和应用程序，audio元素不需要在页面上呈现就能使用

src表示媒体路径

controls属性可用于指示浏览器提供默认的音频视频内容控制播放界面

loop属性

用source属性来解决格式问题

video也有独特属性

使用WebSocket和HTML5 Canvas，可以创建出色的实时多人儿女游戏

时间： 2024-11-10 14:13:55

回顾知识，H5的新特性的相关文章

H5常用新特性

html5新特性 [注意]这些新特性都有兼容性的问题,基本是IE9+以上版本的浏览器才支持,如果不考兼容性问题,可以大量使用这些新特性 html5新增的语义话标签 <header> :头部标签 <nav> 导航栏标签 <article> 内容标签 <section> 定义文档某个区域 <aside> 侧边栏标签 <footer> 尾部标签 [注意] 这种语义化标准主要是针对搜索引擎的这些新标签页面中可以使用多次在IE9中,需要把这

H5(1) h5的新特性

1.用于绘画的canvas标签 2.用于媒介回放的video和audio元素 3.对本地离线存储有更好的支持 4.新的特殊内容的元素: article . footer. header. nav. section. 5.新的表单控件,calendar. date. time. email. url. search 6.浏览器的支持:IE9+ Firefox Chrome Opera Safari 其中最让人关注的是第一个和第二个. <1>h5的声明是:<!DOCTY

让低版本IE兼容H5+CSS3新特性的方法

主要是针对ie6 7 8对支持和让老浏览器支持html5+css3的一些js脚本.我也不知道为什么叫腻子脚本,反正书上是这么翻译的. html5shiv.js(www.code.google.com/p/html5shiv)--让IE8及耕地版本的IE识别section,article,nav等html5元素; selectivizr(www.selectivizr.com)--让IE6/7/8支持 ::first-child等高级css选择符; IE9.js(www.code.google.c

h5新特性 File API详解

之前一直觉得h5的新特性就是一些新标签呢,直到想研究一下图片上传预览的原理,才发现还是有好多新的api的,只是不兼容ie低版本,挺可惜的, File API在表单中文件输入字段基础上,又添加了一些直接访问文件信息的接口.H5在DOM中为文件输入元素添加了一个files集合,在通过表单元素选择了一个或多个文件时,files集合中将包含一组file对象,每个file对象对应一个文件,每个file对象都有下列只读属性: 1.name:本地文件系统的文件名: 2.size:文件的字节大小: 3.type

前端面试基础-html篇之H5新特性

h5的新特性(目前个人所了解)如下语义化标签表单新特性视频(video)和音频(audio) canvas画布 svg绘图地理定位为鼠标提供的拖放API webworker (重点)Storage (重点)Websocket HTML语义化是什么? 语义化是指根据内容的结构化(内容语义化),选择合适的标签(代码语义化),便于开发者阅读和写出更优雅的代码的同时,让浏览器的爬虫和机器很好的解析. 为什么要语义化? 有利于SEO,有助于爬虫抓取更多的有效信息,爬虫是依赖于标签来确定上下文和各

H5新特性之data-*

简单介绍:html5的data-*能够为标签添加一些自定义的属性和值,并且这种自定义的属性和值可以通过js来获取,十分的便捷代码: //html代码<tr th:each="plan : ${list}" th:id="${plan.planId}" th:attr="data-plan-status=${plan.planStatus},data-name=${plan.planName}"> <td></td&

H5、C3、ES6的新特性

H5的新特性 1.语义化标签有利于SEO,有助于爬虫抓取更多的有效信息,爬虫是依赖于标签来确定上下文和各个关键字的权重. 语义化的HTML在没有CSS的情况下也能呈现较好的内容结构与代码结构方便其他设备的解析便于团队开发和维护 2.表单新特性 3.多媒体视频(video)和音频(audio) 4.web存储 sessionstorage:关闭浏览器清空数据,储存大小约5M. localstorage:永久生效,存储大小20M,多窗口下都可以使用都只能储存字符串 C3的新特性 1.选择器:

H5，C3，ES6新特性

JDK1.5的新特性：javabean、注解类、类加载器

关于Java基础的文章,我觉得写得还可以,以前发在了我其它的博客了,肯定是原创,现在再分享给大家出来. ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------