好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

关于HTML语义化的一些理解_html/css_WEB-ITnose

语义化这个词我想大家都看到了无数次,特别是在一些招聘广告上。

其实我自己也是,不过每次看到都觉得是那些招聘公司复制的,其实他们根本说不清语义化是什么,而且也根本不看重。

所以我一直也没把这东西当回事过。

然而最近当我再次看到这个词时,我想我应该好好思考下这问题了。就写篇博客记录下。

一、什么是语义化?

在解释这个概念之前,应该先解释下“结构-表现-行为”。

如果说解耦合是代码的高境界,那么“结构-表现-行为”的原则就是前台的标杆。

随着前台代码的越来越庞大,各部分代码各司其职的作用就越来越重要了。

众所周知,前台代码是有HTML + CSS + JS来实现的。他们对应的就是负责“结构-表现-行为”。

HTML负责结构。

结构是什么?简单理解,结构就是HTML节点的层次、嵌套关系等。举个例子来说

       

上面的代码展示了该文档结构为 header、section、footer是同级的。然后h1是header的直接子节点,换句话说就是他们之间也就一层的嵌套。

但是,有个问题,看下面的代码

查看更多关于关于HTML语义化的一些理解_html/css_WEB-ITnose的详细内容...

  阅读:26次