HTML5是最新一代的HTML标准,它不仅拥有HTML中所有的特性,而且增加了许多实用的特性,如视频、音频、画布,本地存储等。年12月17日,W3C(万维网联盟)正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。根据W3C的发言稿称:“HTML5是开放的Web网络平台的奠基石。”
1、H5的浏览器兼容
不同的浏览器显示的效果可能不一样。因为HTML5没有一个统一的标准,不同的浏览器解析时不一样的,不过随着H5的发展,以后浏览器兼容会越来越好的。
2、H5的特点
1)更简洁、但是在实际开发中要注意书写规范,利于后期维护2)标签的语义化3)语法更宽松4)多设备跨平台5)自适应网页设计
3、H5新增加的语义化标签
header头标签header.htmlheader_noLogin.htmlnav导航标签article文章标签aside侧边栏导航footer页脚footer.htmlsection章节、页眉、栏目1)section表示内容区块,一般入章节、页眉、页脚或者页面中的其他部分。可以与h1-h6等元素结合起来使用,标示文档的结构2)article表示页面中的一块与上下文不相关的独立内容,譬如博客中的一篇文章或者报纸中的一篇文章3)asideAside表示acticle元素的内容之外的,与article元素的内容相关的辅助信息。4)header表示页面中一个内容区块或者整个页面的标题5)footer表示整个页面或者页面中的一个内容区块的脚注。一般来说,他会包含创作者的姓名、创作日期以及创作者联系信息。6)nav表示页面中导航链接的部分、①传统的导航条②腾讯新闻③侧边栏导航④内业导航:百度百科⑤翻页操作7)figure表示一段独立的流内容,一般表示文档主体流内容中的一个独立单元。规定独立的流内容(图像、图表、照片、代码等等)。使用figcaption元素为figure元素添加标题。◆figure是一种元素的组合,带有可选标题。用来表示网页上一块独立的内容。figure元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。◆figcaption表示figure的标题。从属于figure,并且,figure中只能放置一个figcaption8)video定义视频,比如电影片段或其他视频流videosrc=路径地址controls您的浏览器不支持video/videovideo允许有多个source元素,source元素可以连接不同的视频文件,浏览器将使用第一个可识别的格式进行播放sourcesrc=video.oggtype=video/ogg/sourcesrc=video.webmtype=video/webm/提示:可以在开始标签和结束标签之间放置文本内容,这样老的浏览器就可以显示出不支持该标签的信息。param元素允许您为插入XHTML文档的对象规定run-time设置,也就是说,此标签可为包含它的object标签提供参数。paramname=BorderStylevalue=1/name定义参数的名称(用在脚本中)。HTML5里video标签支持哪些格式的视频文件?Ogg:带有Threora视频编码和Vorbis音频编码的Ogg文件;MPEG4:带有H.视频编码和AAC音频编码的MPEG4文件;WebM:带有VP8视频编码和Vorbis音频编码的WebM文件9)embedembed标签用于定义嵌套的内容,包括各种媒体,格式可以是midi、wav、AIFF、AU、MP3、Flash等10)audio定义音频,比如音乐或其他音频流audiosrc=someaudio.wav您的浏览器不支持audio标签。/audio提示:可以在开始标签和结束标签之间放置文本内容,这样老的浏览器就可以显示出不支持该标签的信息。11)mark高亮显示文字,一个比较典型的应用就是在搜索结果中向用户高亮显示搜索关键词。12)canvas表示图形,比如图标和其他图像。这个元素本身没有行为,仅提供一块画布,但它把一个绘图API展现给客户端js,以使脚本能够把想绘制的东西绘制到这块画布上canvasid=“myCanvas”width=“”height=“”/canvas13)Datalistdatalist提供一个事先定义好的列表,通过id与input关联,当在input内输入时就会有自动完成(auto