HTML5语义化结构规范有哪些

这篇文章将为大家详细讲解有关HTML5 语义化结构规范有哪些,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

成都创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于成都网站建设、网站制作、朝天网络推广、小程序开发、朝天网络营销、朝天企业策划、朝天品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;成都创新互联公司为所有大学生创业者提供朝天建站搭建服务,24小时服务热线:028-86922220,官方网址:www.cdcxhl.com

HTML结构更加清晰、规范,学习HTML5优化结构的思路。
HTML5添加了一些新元素,用来标识常用的结构,是html更具语义化,可是我们无法直接使用,即使可能用到还要等他个十年八年的。
那就像微格式一样,使用class代替,或者随意点,使用id和class名来代替,让自己的结构更加清晰化,可以推广为规范,让团队协作更加顺畅。
一些新增的结构标记
◎section:这可以是书中的一章或一节,实际上可以是在HTML4中有自己的标题的任何东西
◎header:页面上显示的页眉;与head元素不一样
◎footer:页脚;可以显示电子邮件中的签名
◎nav:指向其他页面的一组链接
◎article:blog、杂志、文章汇编等中的一篇文章
一些例子
HTML5的文档结构

...



...



...

XHTML的文档结构
header

nav


section


aside
footer
HTML5的图片结构

Figure2.InstallMozillaXFormsdialog


XHTML的图片结构

Figure2.InstallMozillaXFormsdialog


HTML5的加上标记

m元素表示文本被“加上标志”,但是不一定要强调。可以把它想像成书中突出显示的一节。
Google的缓存页面就是典型的用例。如果链接到一个缓存的副本,搜索词就被加上标志。例如,如果搜索“Egret”,那么缓存的Google页面

关于HTML5 语义化结构规范有哪些就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


本文标题:HTML5语义化结构规范有哪些
URL标题:http://hbruida.cn/article/ghdips.html