标签一样，搜索引擎也不会因为有一些东西在段落中被加粗了而给予更高的优先。
难以设计样式
用普通的和的组合，也带来了另一个缺憾——无法把这个标题设计成不同于其他段落的样式。我们可能想用一个特别的样式来突出标题，来使页面内容更清晰更具结构，但是用这个方法只能使其显示成粗体。
方法三:样式加实质 文章标题
恩，多么好的标题定义。大多数的网页设计者对它都很熟悉。其实适当的使用它们， 就能为页面内容提供灵活的、可索引的、以及可样式化的结构。
这也是聪明的定义方法，你会发现它很简单。不再需要额外的标签，你可以说，这仅仅比另外两个方法节省了一点点的字节，可以忽略不计，但节省一点是一点。
一直到，代表了标题的六个级别，从最重要的（）到最次要的（）。他们本身就是块级的，不需要增加其它元素来使其单独成行。简单，有效——就是好工具。
轻松定制样式
因为我们使用标签是唯一的，而或
标签更适合使用在整个页面，所以我们可以用各种各样的CSS方法来样式化。
更重要的是，尽管完全不用样式，一个标题标签也能明显的表示出一个标题！可视化的浏览器把
显示成更大的粗体。一个非样式化的页面将以被期望的那样显示文档结构，用适当的标题标签来传达意思。
屏幕阅读器、PDA、手机、以及可视化的和非可视化的浏览器都会明白，碰到一个标题标签时该做的事情，正确的处理，比页面上的普通文本更重视的来对待。而使用标签，那些不支持CSS的浏览器就不会特别的对待它。
讨厌的默认样式
以往，由于浏览器默认的缺省值非常的丑陋，设计者们也许会避免完全的使用标题标签。或者，因为缺省值的巨大尺寸而避免使用或，取而代之的是用更高数值的标题标签来实现更小的尺寸。
然而，需要重点强调的是，我们可以很简单的用CSS来改变这些标题标签——举个例子，一个< ;h1>并非一定是占满大半屏幕的巨大标版。在后面，我将证明用CSS来样式化标题标签是多么的简单，希望可以帮助你减轻巨大的恐惧。
对搜索引擎友好的
这是一个巨大的好处。搜索引擎喜欢标题标签。另一方面，一个标签或者普通的加粗的段落标签却在意味着次要一点。适当的用到标记你的标题，只需要你的一点点努力，然而却让搜索引擎更容易的检索到你的页面，让人们最终能找到它们。
搜索引擎机器人会给予标题标签特别的关注——这是你可能放置一些关键词的地方。就象检索到 和<meta>，它们会顺着标题标签往页面下面查找。如果你不使用这些标签，那么包含在里面的关键词将不会被认为是有价值的，从而被忽略掉。<BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"><BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif">所以只要付出一点点的努力，你就能增加人们基于页面的内容找到你的站点的可能性。听上去不错，不是吗？<BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"><BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif">关于标题的次序<SPAN class=Apple-converted-space> </SPAN><BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif">在范例中，这个特别的标题是页面中最重要的，因为它是文档的标题。因此，我们使用最重要的标题标签，<h1>。顺应W3C的规范，一些人认为跳过数个标题级是个不好的使用。举个例子，想象我们在下面的页面：<BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"><BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"><h1>文章标题</h1><SPAN class=Apple-converted-space> </SPAN><BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif">我们接下去的标题（如果不是用另一个<h1>重复的话）应该是<h2>，然后是<h3 >，等等。你也许不应该在<h1>后面跳过一级，直接跟上<h3>。我倾向于同意以上的观点，顺着行文保持级别的连续性，来构造一个排版结构。这样的话，给一个已经存在的页面添加标题和样式就更容易了，你会减少因使用超出的数字而导致的错误。<BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"><BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif">前面提到的，设计者也许会用<h4>来标签一个页面上最重要的标题，仅仅是因为它的缺省的字体尺寸不象<h1>那样令人生厌的巨大。但是记住，先结构，后设计。我们总是能用CSS来把标题样式化成任何我们喜欢的文字尺寸。</SPAN></SPAN><a href="/news/list/215/1">HTML</a></div>
</div>
</div>
</div>
</main>
<aside class="col-md-4 sidebar">
<div class="widget">
<h4 class="title">热点作业</h4>
<div class="content tag-cloud">
<a href="/focus/604917">四年级简便计算</a>
<a href="/focus/604916">经度109.313132纬度35.177649</a>
<a href="/focus/604915">经度109.313132纬度35.177649经度纬度查询定位系统</a>
<a href="/focus/604914">已知两点A（5,-2）及B（0,-3）。试在x轴上求一点P使PA=PB</a>
<a href="/focus/604913">诸葛亮令军立状。</a>
<a href="/focus/604912">喜欢用别的国家语言怎么说</a>
<a href="/focus/604911">2020年春八年级物理校本作业答案</a>
<a href="/focus/604910">TM150303196503080512</a>
<a href="/focus/604909">十大骑兵</a>
<a href="/focus/604908">圆锥的母线长</a>
</div>
</div>
<div class="widget">
<h4 class="title">作业帮手</h4>
<div class="content tag-cloud">
<a data-type="mip" data-title="科学社会主义基本原则" href="/mip/focus/163252">科学社会主义基本原则</a>
<a data-type="mip" data-title="hardlyevers" href="/mip/focus/173929">hardlyevers</a>
<a data-type="mip" data-title="2017年信息安全大事件" href="/mip/focus/198568">2017年信息安全大事件</a>
<a data-type="mip" data-title="高三语文教学反思" href="/mip/focus/143315">高三语文教学反思</a>
<a data-type="mip" data-title="钢筋工" href="/mip/focus/158182">钢筋工</a>
<a data-type="mip" data-title="带回执的会议通知" href="/mip/focus/164094">带回执的会议通知</a>
<a data-type="mip" data-title="习惯说文言文阅读答案" href="/mip/focus/138130">习惯说文言文阅读答案</a>
<a data-type="mip" data-title="中国有钛合金潜艇吗" href="/mip/focus/204117">中国有钛合金潜艇吗</a>
<a data-type="mip" data-title="怎么把文档转成pdf" href="/mip/focus/211184">怎么把文档转成pdf</a>
<a data-type="mip" data-title="与朱元思书" href="/mip/focus/71109">与朱元思书</a>
<a data-title="andbutor的用法" href="/focus/176410">andbutor的用法</a>
<a data-title="题不会做下载什么软件" href="/focus/153574">题不会做下载什么软件</a>
<a data-title="十二月风雪客txt下载" href="/focus/185024">十二月风雪客txt下载</a>
<a data-title="2018邗江区小升初政策" href="/focus/205158">2018邗江区小升初政策</a>
<a data-title="林翰编译原理作业" href="/focus/156441">林翰编译原理作业</a>
<a data-title="氨基和醛基的反应" href="/focus/154571">氨基和醛基的反应</a>
<a data-title="植物大战僵尸二作弊器" href="/focus/104750">植物大战僵尸二作弊器</a>
<a data-title="军事气象" href="/focus/162903">军事气象</a>
<a data-title="幸福幸运健康英文" href="/focus/159839">幸福幸运健康英文</a>
<a data-title="黄金氧化图片" href="/focus/168877">黄金氧化图片</a>
<a data-title="certainly什么意思中文" href="/focus/189606">certainly什么意思中文</a>
</div>
</div></aside>
</div>
<div id="footer">
<div class="footerlinks">
<a href="/zuoye/10994606">怎样让自制整流器输出的电压一定我自制一小</a>
<a href="/zuoye/10994607">整流器能改变电压吗今天我修一个日光灯本来</a>
<a href="/zuoye/10994608">镇流器不知道是否坏了或是电压之类的问题H</a>
<a href="/zuoye/10994609">13W的台灯装11W的灯泡就是这样啊</a>
<a href="/zuoye/10994610">热爱科学反对邪教的事例</a>
<a href="/zuoye/10994611">根据“饱经风霜”一词,想象车夫的外貌.</a>
<a href="/zuoye/10994612">求高人给我一段描写一个三十多岁的车夫饱经</a>
<a href="/zuoye/10994613">猫猴子是什么</a>
<a href="/zuoye/10994614">猫的特点是什么?猴子的特点呢?</a>
</div>
<div class="copy-right"><p>百度一下哈勃学习网作业帮，作业帮习题。香蕉皮教育考试辅导作业共享，智慧之海香蕉皮作业帮忙</p></div>
</div>
</div>
<!--mip 运行环境-->
<mip-stats-baidu>
<script type="application/json">
{
"token": "44ceb62cedcb0b7d9fa7affe6d66be88",
"_setCustomVar": [1, "login", "1", 2],
"_setAutoPageview": [true]
}
</script>
</mip-stats-baidu>
<script src="https://c.mipcdn.com/static/v1/mip.js"></script>
<!--分享组件 代码-->
<script src="https://c.mipcdn.com/static/v1/mip-share/mip-share.js"></script>
<!--百度统计组件 代码-->
<script src="https://c.mipcdn.com/static/v1/mip-stats-baidu/mip-stats-baidu.js"></script>
</body>
</html>