首页 / HTML / html标签的语义化之搜索引擎优化

html标签的语义化之搜索引擎优化

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了html标签的语义化之搜索引擎优化，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含5016字，纯文字阅读大概需要8分钟。

内容图文

为了使我们的网站更好的被搜索引擎抓取收录，更自然的获得更高的流量，网站标签的语义化就显得尤为重要。所谓标签语义化，就是指标签的含义。为了更好的理解标签的语义化，先看下面这个例子：

娱乐项目
项目支出
聚餐
200元

上面这一段代码就是明显的没有使用语义化标签的例子，为了让它的结构更加清晰，正确的做法如下：

支出统计
娱乐项目
项目支出
聚餐
200元

其中:
:表格的标题;
:一表格的表头;
:表的某一列的列头。
是的，标签语义化的目的就是对搜索引擎友好，有了良好的结构和语义我们的网页内容便自然容易被搜索引擎抓取，这种符合搜索引擎收索规则的做法，网站的推广便可以省下不少的功夫，而且可维护性更高，因为结构清晰,十分易于阅读。这也是搜索引擎优化SEO（search engine optimization）重要的一步，当然关于SEO远远不止如此，要了解更多有关SEO的内容知识，可移步：
http://baike.baidu.com/link?url=f_v0cbvzTIxhwKNaJtdd-qGjGMefJww4ko9pJaZj4rJArylR_dpUZsobKKLlMKBi
http://www.seoxuetang.com/
言归正传，所以我们要做的，就是语义化我们的HTML标签和属性，如：
div 语义：Division(分隔)
span 语义：Span(范围)
ol 语义：Ordered List(排序列表)
ul 语义：Unordered List(不排序列表)
li 语义：List Item(列表项目)
1.

、

、

、

、

、
,作为标题使用，并且依据重要性递减。

是最高的等级。

2.

段落标记，知道了

作为段落，你就不会再使用
来换行了，而且不需要

来区分段落与段落。

中的文字会自动换行，而且换行的效果优于
。

3.、和
标签语义为“加粗”
标签语义为“强调”
标签语义为“更强烈的强调” 而且em 默认用斜体表示，strong 用粗体表示。
当我们知道了这三个标签的语义时，做SEO时就好决定用哪个来强调重要的关键字了，强调用和，纯粹加粗用。
4.
    标签、
      标签、
    1. 标签
    标签语义为定义无序列表
    标签语义为定义有序列表
  • 标签语义为定义列表项目
    • 因此当涉及到列表的项目，应该用
    • 或
      1. （或者是
        来布局），而不是用或

        甚至。

    5.
    标签、
    标签、
    标签
    标签语义为定义了定义列表
    标签语义为定义了定义列表中的项目（即术语部分）
    标签语义为定义列表中定义条目的定义部分
    所以，当我们用带标题的列表时，即可采用
    自定义列表实现
    6.标签
    标签的语义为被用来组合文档中的行内元素
    （另外应当区分和
    的区别，
    是块级元素（block level），
    而是行内元素，前者的内容会自动换行，而后者前后不会自动换行
    http://www.cnblogs.com/coco1s/p/3578947.html）
    7.、
    、
    标签的语义为用来标记简短的单行引用，Web浏览器会自动识别在之间的内容
    标签的语义为用来标记那些一段或者好几段的长篇引用
    标签既可以与 一起用，也可以与
    一起用，用来提供引用内容的来源地址。
    看一个例子:

    孔子曰：有朋自远方来，不亦乐乎.


    我们大部分人都有深刻体验，每当主流浏览器版本的升级，我们刚建立的网站就可能变得过时，我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的"浏览器大战"，为了兼容 Netscape 和 IE，网站不得不为这两种浏览器写不同的代码。同样的，每当新的网络技术和交互设备的出现，我们也需要制作一个新版本来支持这种新技术或新设备，例如支持手机上网的 WAP 技术。类似的问题举不胜举：网站代码臃肿、繁杂浪费了我们大量的带宽；针对某种浏览器的 DHTML 特效，屏蔽了部分潜在的客户；不易用的代码，残障人士无法浏览网站等等。这是一种恶性循环，是一种巨大的浪费。


    8.、
    、、

    标签的语义的为定义 HTML 表格
    标签的语义为定义表格内的表头单元格
    标签的语义为定义表格标题
    9.

    内容总结

    以上是互联网集市为您收集整理的html标签的语义化之搜索引擎优化全部内容，希望文章能够帮你解决html标签的语义化之搜索引擎优化所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

    内容备注

    版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

    内容手机端

    扫描二维码推送至手机访问。

    本文链接：https://qyyshop.com/info/389845.html

    来源：【匿名】