关于web语义化

标签：des   style   c   a   width   strong   

　　最近一直在忙着投简历，在投简历的时候，发现了一个名词，叫web语义化，当时不太明白，什么叫语义化，相信很多人也有我当时的疑问，在这里我就把我最近学习到的，看到的总结一下，给大家提供一些解释，希望对大家能有所帮助。

　　所谓的web语义化，简单的解释下，就是将web的前端代码写成搜索引擎更容易理解的形式，就像人与人通过普通话聊天一样轻松，而不是和一个说方言的人聊天，虽然你大概能明白，但是有些费劲。同样，一份语义化做的好的前台代码，读起来，一样会是这个效果，举个例子，很多人写的前端代码会是这个样子：

<table>

　　 <tr>

    　　  <td colspan="2">aaaaa</td>

      </tr>

      <tr>

            <td>bbbb</td>                   <td>Name</td>  此处是作对比使用

            <td>cccc</td>                    <td>Age</td>

      </tr>

      <tr>

            <td>dddd</td>                   <td>biny</td>  此处是作对比用的

            <td>eeee</td>                    <td>23</td>

      </tr>

</table>

　　作为前端程序人员，我相信大家即使没有页面显示也都会明白这个是什么意思，但是搜索引擎不明白，它不明白你table中写的搜索引擎bbbb或者Name是什么意思，但是我们程序员能看懂Name是什么意思，但是如果这个代码写的坑一点，就是像我写的aaaa，bbbb，cccc，dddd那样，我想，大家一定都懵了吧。不光电脑懵了，我相信哪位童鞋看到这样的代码，也都会疯。所以，我们的代码写的既要便于编程人员读懂，也要便于搜索引擎读懂，这便是web语义化的真谛。还是上面的代码，如果换成这样的写法：

<table>

 　　<caption>List</caption>

        <thead>

            <tr>

                <th>Name</th>

                <th>Age</th>

            </tr>

        </thead>

        <tbody>

            <tr>

                <td>biny</td>

                <td>23</td>

            </tr>

        </tbody>

    </table>

我想，如果是这样的代码，对于编码人员咱们可以一眼就看出这是什么意图，对于搜索引擎呢，也可以读懂这个代码的含义，而我们不难发现，所谓web语义化就是：用恰当的元素标签，写出结构合理，元素含义清楚的web前端代码！这样的代码便于搜索引擎和人们的理解。

下面是我从网上找的标签语义，不全，欢迎大家补充！！！

还有center和font是不介意使用的，至于为什么不介意使用，大家自己领悟吧，这个我目前解释不好。

　　好了，关于web语义化，今天就说这么多，该收拾收拾上课去了，如果再想到什么，日后补充。如果对本文有什么意见，请给我留言，谢谢啦，大家互相学习，互相进步！！！！

关于web语义化,布布扣,bubuko.com

关于web语义化

标签：des   style   c   a   width   strong   

原文地址：http://www.cnblogs.com/biny1106/p/3734957.html