HTML和SEO基础知识：H标签全透视
来源：xmued.com 发布时间：2010-09-21 16:45:00
在html里的每一个标签都有其自身的意义，而H标签作为标题标签，它的意义更是至关重要。对于H标签的用法特别是h1的用法一直是个争议的问题，也是值得我们研究的问题。我在总结了前人经验的基础上结合自己对H标签的理解，写下了这篇文章，希望对大家有所帮助。
什么是H标签？
W3C指出h1-h6标签可定义标题。h1定义最大的标题。h6定义最小的标题。
h1，h2，h3，h4，h5，h6，作为标题标签，并且依据重要性递减。我认为遵循这样的原则是很有必要的，它能让页面的层级关系更清楚，让搜索引擎更好地抓取和分析出页面的主题内容等等。为了更好的理解，请看下面的代码：
<body>
<h1>一级标题</h1>
<p>段落</p>
<div>
<h2>二级标题</h2>
<p>...</p>
<div>
<h3> * 标题</h3>
<p>...</p>
<div>
<h4>四级标题</h4>
<p>...</p>
</div>
</div>
</div>
</body>
浏览器的默认样式也是依据重要性递减，字号从h1到h6由大变小。而不同的浏览器中的样式又有一些差别，介于这种差别，我们通常在布局中用CSS将其统一。
大家怎么用的？
现在很多网站（包括淘宝、新浪、搜狐等知名网站），都喜欢把h1用在LOGO上， 如图：
大家都这样用，不无道理，其实优点蛮多的：它概括了整个页面的内容，而且LOGO离body很近，这样就方便了搜索引擎最快的抓取主题，再者从语义来说也更加精准。
当然也不是全部网站都将h1用在LOGO上，网易的用法就是比较特别的例子：
网易将h1设置了display:none样式，使其隐藏起来，这样既解决了h1不知道放哪里的矛盾又起到了SEO优化的作用，可谓一箭双雕。
而腾讯首页的h1则是头条新闻，如图：
从上面的例子可以看到各大网站对于h1的用法都有所不同，对于h1放哪里？一直是一个争议的问题，但我认为到底放哪里没有绝对的答案。
0
投稿猜你喜欢
记得之前跟我女票说过，说要帮她空间点赞，点到999就不点了。刚开始还能天天记得，但是后来事情一多，就难免会忘记，前两天点赞的时候忽然觉得这样- Chrome 浏览器的书签如果可以导出，并转换为我们需要的格式时，我们就可以编写各种插件来配合书签的使用。答案显然是可以的，接下来我们以 P
- 一.环境搭建1.下载安装包访问 Python官网下载地址：https://www.python.org/downloads/下载适合自己系统
- 今天有点新的与大家分享，关于selenium与xpath之间爬数据获取指定位置的时候，方式不一样哦。详情可以看我的代码，以b站来看好吧：查看
- 扩展Code:var blogModule = (function (my) { my.AddPhoto = function (
- 代码如下:function checkip(checkstring)'用正则判断IP是否合法 dim re1 set re1=new
- vue项目中在可编辑div光标位置插入内容html：<div class="mouse-move fl f12 h22 lh
- 修改vue-treeSelect的高度.vue-treeselect{ height: 28px; }
- python中向上取整可以用ceil函数，ceil函数是在math模块下的一个函数。向上取整需要用到 math 模块中的 ceil() 方法
- 新闻系统、blog系统等都可能用到将动态页面生成静态页面的技巧来提高页面的访问速度，从而减轻服务器的压力，本文为大家搜集整理了ASP编程中常
- 译序：这篇文章是可用性大师 Jakob Nielsen 在10年前总结的，到今天仍然受用。通过这个时间跨度，可以得出，可用性话题不是某个时代
- 方法说明： 同步版的fs.writeFile() 。语法：fs.writeFileSync(filename, data, [o
- 本文实例讲述了html静态页面调用php文件的方法。分享给大家供大家参考。具体方法如下：静态页面中看上去好像是不能直接调用php文件的，但是
- 只需要在fckeditor\editor\filemanager\connectors\asp文件夹下的commands.asp修改一下即可
- 本文实例讲述了Python基于递归算法求最小公倍数和最大公约数。分享给大家供大家参考，具体如下：# 最小公倍数def lcm(a, b, c
- 1.MS SCRIPT ENCODE基本上没什么用了,一段JS就可以破解2.封装成DLL比较可行的方法,有通过VB封装成DLL的例子,而且无
- 建议有js基础,了解jquery,thinkphp,废话不说多下面就上代码《————HTML————》//thinkphp循环显示把data
- 感想我们在做深度学习处理图片的时候，如果是自己制作或者收集的数据集，不可避免的要对数据集进行处理，然后大多数模型都只支持RGB格式的图片，这
- 本文研究的主要内容是Python中装饰器相关学习总结，具体如下。装饰器(decorator)功能引入日志函数执行时间统计执行函数前预备处理执
- 一、要求二、原理决策树是一种类似于流程图的结构，其中每个内部节点代表一个属性上的“测试”，每个分支代表测试的结果，每个叶节点代表一个测试结果
