HTML5语义化结构规范有哪些-创新互联

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

创新互联-专业网站定制、快速模板网站建设、高性价比寿县网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式寿县网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖寿县地区。费用合理售后完善,10年实体公司更值得信赖。

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语义化结构规范有哪些-创新互联
本文网址:http://bzwzjz.com/article/peosc.html