今天小编跟大家讲解下有关换个角度看页面重构中的语义化 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关换个角度看页面重构中的语义化 的相关资料,希望小伙伴们看了有所帮助。
在“表格布局”1 的时代 大家所使用的布局方式都是表格 没有其它的方式可以选择 Dreamweaver的可视化操作大大的简化了页面制作的过程 而且当时虽然网络情况比现在差得多 但并没有多少人会去关注页面性能这块。搜索引擎对于表格布局也无能为力 只能过复杂的算法去把内容抓取出来 而且很难知道哪些内容是重点 因为会正确使用标签的页面太少了。那搜索引擎如何得知页面的重点呢 没错 就是页面头部的信息 在这个区域 标签是有语义的 明确的指出页面的标题、主要内容、作者、版权等等信息。
接着 WEB标准进入了国人的视野 它带来了颠覆性的改变 从页面制作方式到思维方式的种种改变。推荐使用“CSS布局”2 代替原先的“表格布局” 让原先让人遗忘的许许多多HTML标签重新被认识 并以较严格的方式使用 在一定程度上规范了页面书写的形式 像“标签闭合”、“标签、属性使用小写”、“使用DTD”等等。搜索引擎也很支持这种方式制作的页面 因为算法不用像以前那么复杂了 可以很简便的得到内容的主次 提高抓取的质量。这也是为什么WEB标准会更利于 SEO 。
那么 如果标签足够表达内容的语义 页面内容的语义就能以标签的方式被传递给更多的用户。因此 所谓语义化 就是尽可能的理解要表达的内容 选择适合的标签 将内容转换成浏览器认识的语言 通过浏览器传达给用户。 可以理解为将内容的语义通过标签的方式表现。
写过 XML 的同学可能体会会深些 在XML中 标签是可以自定义的 但这些标签的定义都是为了让读取更容易 或许可以看下常见的RSS 它就是一个标准化的XML格式 但RSS里使用的标签都是有语义的 你可以通过标签很清楚的看出哪部分是代表什么的。虽然(X)HTML看起来比RSS复杂得多 但在搜索引擎看来 好的页面不就是一个XML
做为对《 页面重构中的语义化 》的一个补充 欢迎讨论。
1 使用表格单元格的划分来进行页面布局的方式。
2 使用样式的定位属性进行布局的方式。
来源:爱蒂网