html5常用标签定义及使用说明

maolai web前端html5常用标签定义及使用说明已关闭评论119阅读模式

HTML5是下一代Web语言,它不再只是一种标记语言,它未下一代web提供了全新的框架和平台,包括提供免插件的音视频、图像动画、本体存储以及更多酷炫而且重要的功能,并使这些用用标准化,从而使web能够轻松实现类似桌面的应用体验。

Html5优点:1、提高可用性和改进用户的友好体验;2、新的标签将有助于开发人员定义重要的内容;3、可以给站点带来更多的多媒体元素(视频和音频);4、可以很好的代替FLASH和Silverlight;当涉及到网站的抓取和索引的时候,对于SEO很友好;5、将大量应用于移动应用程序和游戏。

<header>页眉|头部区域(文档、文章的头部区域),也叫头部标签。传统div布局多为<div id="header"></div>或<div class="header"></div>

<nav>此标签常用于网站导航布局。nav标签一般与ul li标签配合使用。

<section>用来表现普通的文档内容或应用区块(通常由内容和标题组成)。

<article>代表了文档、页面或者是应用程序当中的独立完整可以被外部引用的内容,他可以以一篇文章、一篇帖子、一段评论或者是独立的插件形式出现。除了内容主题以外,一个article元素通常会有自己的标题及脚注。

<aside>用来表示当前页面或文章的附属信息部分,可以包含与当前页面或主要内容相关的引用、侧边栏、广告、nav元素组,以及其他类似的有别与主要内容的部分。

<canvas>标签定义图形,比如图表和其他图像,必须使用脚本来绘制图形。

<figure> 标签规定独立的流内容(图像、图表、照片、代码等等)。

<figcaption> 标签定义 figure 元素的标题(caption)。元素应该被置于<figure> 元素的第一个或最后一个子元素的位置。

<hgroup>标签用于对网页或区段(section)的标题进行组合。如果有主标题、副标题,可以使用这个来包裹一下,一般比较常见的就是网站的标题和网站描述。

<video>标签的作用是在HTML页面中嵌入视频元素。标签定义视频,比如电影片段或其他视频流。例如:<video src="/i/movie.ogg" controls="controls"></video>

<audio>标签定义声音,比如音乐或其他音频流(mp3格式比较多)。常用属性与<video>一样:autoplay自动播放,controls播放按钮,loop重复播放。

<address>可定义一个联系方式(比如电子邮件地址)。您可以使用它来定义地址、签名或者文档的作者身份。通常被包含在<footer> 元素的其他信息中。

<footer>文档或节的页脚(通常包含文档的作者、版权信息、使用条款链接、联系信息等等。)

 
maolai
  • 本文由 maolai 发表于 2016年11月26日 08:10:14
  • 转载请务必保留本文链接:http://www.bokequ.com/129.html