您现在的位置是:网站首页>前端技术>HTML5教程HTML5教程

HTML5 语义化标准

神夜2018-04-26 21:44:51HTML5教程4401人已围观文章来源:PHP中文网

简介距HTML5标准规范制定完成并公开发布已经有好些年了,面试时也少不了要问对HTML5语义化得理解。但是在实际运用时,真正使用HTML5标签来开发的似乎不是很多(ps:查看了几个巨头公司网站推论),可能一部分原因是仍有部分用户使用在使用低版本浏览器。

距HTML5标准规范制定完成并公开发布已经有好些年了,面试时也少不了要问对HTML5语义化得理解。但是在实际运用时,真正使用HTML5标签来开发的似乎不是很多(ps:查看了几个巨头公司网站推论),可能一部分原因是仍有部分用户使用在使用低版本浏览器。

    但是就我个人而言,因选取一些标签时会比较纠结,所以仍使用了div。(PS:正是因为这样,才有了这篇文章的,没错,以后要注意语义化了)

    什么是语义化?就是用合理、正确的标签来展示内容,比如h1~h6定义标题。

    语义化优点:

  • 易于用户阅读,样式丢失的时候能让页面呈现清晰的结构。
  • 有利于SEO,搜索引擎根据标签来确定上下文和各个关键字的权重。
  • 方便其他设备解析,如盲人阅读器根据语义渲染网页
  • 有利于开发和维护,语义化更具可读性,代码更好维护,与CSS3关系更和谐。

    今天先介绍主体结构标签,如图所示:

html5

    1、



定义文档或者文档的部分区域的页眉,应作为介绍内容或者导航链接栏的容器。


    在一个文档中,您可以定义多个

元素,但需要注意的是
元素不能作为
元素的子元素。


    2、

站点信息

  • 建站时间:2017-10-24
  • 网站程序:Hsycms 3.0
  • 文章统计:511条
  • 微信公众号:扫描二维码,关注我们