满意答案
fgq232
2017.11.28
采纳率:46% 等级:9
已帮助:4913人
Step 1:简化DOCTYPE
在HTML4的页面开头,会加上DOCTYPE,用来告诉浏览器是用的哪个版本HMTL
/p>
PUBLIC ""-//W3C//DTD XHTML 1.0 Transitional//EN""
""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"">
而在HTML5中简化为:
Step 2:新增语义元素
HTML中,经常如果对header,footer,nav,aside等区域添加样式,则需要使用class或者id来定义。如下图,是一个典型的博客文章页面:
而在HTML5中,以上的这些标签是全新增加的语义元素,可以直接使用。相对于之前的div标签,页面的结构一目了然,清晰了很多。
:通常用来定义文档的页眉,也可以用在网页内容上,可以包含搜索表单,导航,页面标识等。
:可以作为页面导航的链接组,面包屑导航,分页导航等次要导航不建议使用标签。
:代表一个文档,页面或网站中自成一体的内容。
:代表文档中的“节”或“段”,“段“可以是指一篇文章里按照主题的分段;“节”可以是指一个页面里的分组。
:用来装载非正文内容,最典型的应用就是网站侧边栏,可以是附属信息,成组的导航,或者广告。
:代表“网页”或者“section”的页脚,通常含有与页面,文章有关的基础信息,用于包含版权资料和联系方式。
除了以上介绍的标签,在HTML5新增了多大30多个全新的标签,富有更细致的语义,不仅针对优化了搜索引擎,还大大提高了代码的可读性。
00分享举报