换个角度看页面重构中的语义化

guoning1236

guoning1236

2016-02-20 00:02

下面是个换个角度看页面重构中的语义化教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

《 页面重构中的语义化 》所表达的好像不太好理解,我们可以换一个角度来看看。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

在表格布局1 的时代,大家所使用的布局方式都是表格,没有其它的方式可以选择, Dreamweaver的可视化操作大大的简化了页面制作的过程,而且当时虽然网络情况比现在差得多,但并没有多少人会去关注页面性能这块。搜索引擎对于表格布局也无能为力,只能过复杂的算法去把内容抓取出来,而且很难知道哪些内容是重点,因为会正确使用标签的页面太少了。那搜索引擎如何得知页面的重点呢?没错,就是页面头部的信息,在这个区域,标签是有语义的,明确的指出页面的标题、主要内容、作者、版权等等信息。

接着,WEB标准进入了国人的视野,它带来了颠覆性的改变,从页面制作方式到思维方式的种种改变。推荐使用CSS布局2 代替原先的表格布局,让原先让人遗忘的许许多多HTML标签重新被认识,并以较严格的方式使用,在一定程度上规范了页面书写的形式,像标签闭合、标签、属性使用小写、使用DTD等等。搜索引擎也很支持这种方式制作的页面,因为算法不用像以前那么复杂了,可以很简便的得到内容的主次,提高抓取的质量。这也是为什么WEB标准会更利于 SEO 。

那么,如果标签足够表达内容的语义,页面内容的语义就能以标签的方式被传递给更多的用户。因此, 所谓语义化,就是尽可能的理解要表达的内容,选择适合的标签,将内容转换成浏览器认识的语言,通过浏览器传达给用户。 可以理解为将内容的语义通过标签的方式表现。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

写过 XML 的同学可能体会会深些,在XML中,标签是可以自定义的,但这些标签的定义都是为了让读取更容易,或许可以看下常见的RSS,它就是一个标准化的XML格式,但RSS里使用的标签都是有语义的,你可以通过标签很清楚的看出哪部分是代表什么的。虽然(X)HTML看起来比RSS复杂得多,但在搜索引擎看来,好的页面不就是一个XML?

做为对《 页面重构中的语义化 》的一个补充,欢迎讨论。

1 使用表格单元格的划分来进行页面布局的方式。

2 使用样式的定位属性进行布局的方式。

展开更多 50%)
分享

猜你喜欢

换个角度看页面重构中的语义化

Web开发
换个角度看页面重构中的语义化

页面重构中的模块化思维:理解好样式的作用域

Web开发
页面重构中的模块化思维:理解好样式的作用域

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

换个角度理解PS中的布尔运算

PS
换个角度理解PS中的布尔运算

换个角度拍建筑

摄影技巧
换个角度拍建筑

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

详细解析网页重构中页面细节处理心得

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析网页重构中页面细节处理心得

CSS也要语义化

Web开发
CSS也要语义化

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Win7系统如何不重装系统拆分分区

Win7系统如何不重装系统拆分分区

找回Win8开始按钮的多种方法

找回Win8开始按钮的多种方法
下拉加载更多内容 ↓