XHTML标识词义化详细介绍

最先表明的1点是,人能够根据视觉效果的区划分辨內容的词义,检索模块看到的只是编码。检索模块只能根据标识来分辨內容的词义。 之前我真的沒有如何高度重视过检索模块,如今刚开始较为在乎了,由于网页页面的很大1一部分总流量是来自检索模块的,要使网页页面尽量地对检索模块友善,因此就要尽量地使标识词义化。

  之前以我对web开发设计的浅显了解,感觉写1个好的合乎规范的网页页面只必须把构造和主要表现分离出来,随后不必应用table,font等标识就可以了,至于通篇全是div我也不容易感觉有甚么难题,由于CSS很强劲。可是,全部的标识全是有自身的词义的,下面得出1一部分标识的词义:

  div 词义:Division(隔开)

  span 词义:Span(范畴)

  ol 词义:Ordered List(排列目录)

  ul 词义:Unordered List(不排列目录)

  li 词义:List Item(目录新项目)

  …………

  假如疏忽标识词义和默认设置款式,全部标识都用div,实际上也是能够写出来视觉效果实际效果很好的网页页面,要是你灵便应用CSS。可是那样的话尽管视觉效果上做到了规定,可是全部网页页面1点词义都沒有,检索模块還是看不懂。因此,要记牢:

  构造(html)才是关键,款式(css)是用来装饰构造的。因此,要先明确html,明确标识,再来采用适合的css。

  1般来讲,全部的标识都会有1个默认设置的款式,因此1个简易的分辨网页页面标识词义是不是优良的方式便是:去掉款式,看网页页面构造是不是机构优良井然有序,是不是依然有很好的可读性。

  此外,值得关键提及的是h标识,h标识的语意是题目,检索模块对这个标识较为比较敏感,非常是h1,和h2。1个词义优良的网页页面,h标识应当是详细井然有序沒有断层的。也便是说,要h1,h2,h3,h4这样推下来,不必h1,h3,h4,漏掉h2。1个构造优良的网页页面,h标识能够机构起1个网页页面的考试大纲。