3、Html的语义化

语义化的HTML就是正确的标签做正确的事情,能够便于开发者阅读和写出更优雅的代码的同时让网络爬虫很好地解析。

  • 1、为了在没有css代码时,也能呈现很好的内容结构,代码结构,以至于达到没有编程基础的非技术人员,也能看懂一二。(其实,就是为了不穿CSS外衣,裸奔依然好看)。

  • 2、提高用户体验,比如:title,alt用于解释名词和图片信息。

  • 3、利于SEO,语义化能和搜索引擎建立良好的联系,有利于爬虫抓取更多的有效信息。爬虫依赖于标签来确定上下文和各个关键字的权重。

  • 4、方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以语义的方式来渲染网页。

  • 5、便于团队开发和维护,语义化更具可读性,如果遵循W3C标准的团队都遵循这个标准,可以减少差异化,利于规范化。

Html语义化结构的注意点

h1~h6 ,作为标题使用,并且依据重要性递减,h1 是最高的等级

不要使用纯样式标签,如:b、font、u等,改用css设置

尽可能少的使用没有语义的div和span元素

ul、ol、li,ul 无序列表

dl、dt、dd,dl 就是“定义列表”

需要强调的文本,可以包含在strong或者em标签中(浏览器预设样式,能用CSS指定就不用他们),strong默认样式是加粗(不要用b,因为没语义),em是斜体(不用i同b)

在对语义要求不明显时,技能使用div也能使用p,那就使用p,以为p默认有上下边距,可以兼容特殊终端

table、td、th、caption, (X)HTML中的表格不再是用来布局 使用表格时,标题要用caption,表头用thead,主体部分用tbody包围,尾部用tfoot包围。表头和一般单元格要区分开,表头标题用th,内容单元格用td;

results matching ""

    No results matching ""