刚开始接触web前端的时候不清楚什么是web语义话。记得学习html css的时候,网上有人用纯div + css 来实现网页制作。那时候感觉这种方法很好,因为够简洁。曾经也一度热爱过。
后来随着学习的深入,web语义化这个名词不断地被提及。于是乎开始网上搜索这个关键字,很遗憾,可能是自己的功力不够,很难理解网友所说的语义化是什么东西。因为网友所说的东西很凌乱,不够具体,不够全面。都是出于自己理解。但是随着html的不断发展,html5越来越盛兴。我开始留意到html5加入了很多新的标签。结合自己对web语义化的朦胧领会,html5不正是在强调语义化吗?
什么是web语义化呢?我看了很多网友的解释再结合自己的理解。归纳如下:
我们前端做web通俗来讲,做出来就是给人看的。当我在用html css 呈现出一个网页时,比如呈现一篇文章。我们会自然地把文章的标题放在文章的开头,加粗等,配上插图,文字环绕哇等等。这篇文章就很完美地展现出来了。至少我们看起是这样的,标题是标题,内容是内容。插图是插图,都一目了然。
但是看起来是这样,并不代表真的是这样。一个人看起来美丽,不代表她真的很美丽。我们还要追溯她的内在东西。同样,文章本身就是信息或者说web本身就是来传递信息的。所以呢,我们还需要把她的内在做到与外在一样好。因为传递信息我们就需要一些统一的,大众认可的格式,拿我们计算机术语来讲就是需要协议。不然我们人就无法理解。机器也无法理解。所以web语义化它就是在web传递信息的时候,帮助我们人,机器理解信息这么一个东西。
web语义化就是用广泛认可的语义信息来描述内容具,它的意义体现为:
可以帮助人与人之间的理解,以至于提升我们协同开发效率。
可降低机器处理 Web 内容的难度,来帮助搜索引擎或者其它机器归纳分类统计等(盲人辅助器)。在相等时间内,使我们的信息更准确,处理的信息更多,以至于我们web能够被传播得更快。
作为web前端开发者来说,我们会追求视觉上的像素级别的bug,那么我们肯定也会去追求能够使web作品表里如一的一个东西。这个东西就是语义化。