如何定义标题最恰当符合Web标准?

　　A、没有语义的标题定义： Example Source Code []<span >文章标题</span> Example Source Code [].heading {　　尽管为这个标签增加了一点意义，但<span>仍然只是一个普通的标签，可以被大多数浏览器的缺省样式所修改掉。　　搜索引擎检索这个页面时会略过<span>标签，就好象它不存在一样，不会对其可能包含的要害字给于一点额外的重视。在后面我们会更多的谈到搜索引擎和标题的关系。　　最后，由于<span>标签是一个内嵌元素，我们可能需要把它嵌套在一个额外的块级元素中，比如<p>标签或<div>标签，为的是使它能够形成单独的行，这会进一步被非必要的代码弄乱你的标签。而这些额外增加的标签却是必须的，这样才能使不支持CSS的浏览器显示出没有差别的文本。　　B、无助的<p>和<b>组合　　<p><b>文章标题</b></p> 　　不象方法A，<b>标签能在可视化的浏览器中把文字显示成粗体——甚至在不支持CSS的浏览器中。但是和<span>标签一样，搜索引擎也不会因为有一些东西在段落中被加粗了而给予更高的优先。　　难以设计样式　　用普通的<p>和<b>的组合，也带来了另一个缺憾——无法把这个标题设计成不同于其他段落的样式。我们可能想用一个非凡的样式来突出标题，来使页面内容更清楚更具结构，但是用这个方法只能使其显示成粗体。　　C、样式加实质　　<h1>文章标题</h1> 　　这也是聪明的定义方法，你会发现它很简单。不再需要额外的标签，你可以说，这仅仅比另外两个方法节省了一点点的字节，可以忽略不计，但节省一点是一点。 　　<h1>一直到<h6>，代表了标题的六个级别，从最重要的（<h1>）到最次要的（<h6>）。他们本身就是块级的，不需要增加其它元素来使其单独成行。简单，有效——就是好工具。 　　为标题轻松定制样式　　因为我们使用<h1>标签是唯一的，而<b>或<p>标签更适合使用在整个页面，所以我们可以用各种各样的CSS方法来样式化。　　更重要的是，尽管完全不用样式，一个标题标签也能明显的表示出一个标题！可视化的浏览器把 <h1>显示成更大的粗体。一个非样式化的页面将以被期望的那样显示文档结构，用适当的标题标签来传达意思。　　屏幕阅读器、PDA、手机、以及可视化的和非可视化的浏览器都会明白，碰到一个标题标签时该做的事情，正确的处理，比页面上的普通文本更重视的来对待。而使用<span>标签，那些不支持CSS的浏览器就不会非凡的对待它。　　讨厌的默认样式　　以往，由于浏览器默认的缺省值非常的丑陋，设计者们也许会避免完全的使用标题标签。或者，因为缺省值的巨大尺寸而避免使用<h1>或<h2>，取而代之的是用更高数值的标题标签来实现更小的尺寸。　　然而，需要重点强调的是，我们可以很简单的用CSS来改变这些标题标签——举个例子，一个<;h1>并非一定是占满大半屏幕的巨大标版。在后面，我将证实用CSS来样式化标题标签是多么的简单，希望可以帮助你减轻巨大的惧怕。　　对搜索引擎的友好　　这是一个巨大的好处。搜索引擎喜欢标题标签。另一方面，一个<span>标签或者普通的加粗的段落标签却在意味着次要一点。适当的用<h1>到<h6>标记你的标题，只需要你的一点点努力，然而却让搜索引擎更轻易的检索到你的页面，让人们最终能找到它们。　　搜索引擎机器人会给予标题标签非凡的关注——这是你可能放置一些要害词的地方。就象检索到 <title>和<meta>，它们会顺着标题标签往页面下面查找。假如你不使用这些标签，那么包含在里面的要害词将不会被认为是有价值的，从而被忽略掉。　　所以只要付出一点点的努力，你就能增加人们基于页面的内容找到你的站点的可能性。听上去不错，不是吗？　　关于标题的次序　　在范例中，这个非凡的标题是页面中最重要的，因为它是文档的标题。因此，我们使用最重要的标题标签，<h1>。顺应W3C的规范，一些人认为跳过数个标题级是个不好的使用。举个例子，想象我们在下面的页面：　　<h1>文章标题</h1> 　　前面提到的，设计者也许会用<h4>来标签一个页面上最重要的标题，仅仅是因为它的缺省的字体尺寸不象<h1>那样令人生厌的巨大。但是记住，先结构，后设计。我们总是能用CSS来把标题样式化成任何我们喜欢的文字尺寸。　　简单的样式　　使用CSS，最轻易做的事情就是给我们的标题设置不同的字体样式。我们可以建立一个CSS规则，它将把样式应用到页面中出现的所有<h1>标签（或者是整个站点，当使用一个外部样式表的时候）。随后，假如我们想要改变整个站点上所有出现<h1>标签的地方的颜色、尺寸、字体的话，我们所有需要做的事情就是修改一些CSS规则，然后它们将立即改变。听上去非常诱惑人，不是吗？　　让我们熟悉一下我们自己的超级酷的标题： Example Source Code []　　<h1></h1> Example Source Code []h1 {
font-family: Arial, sans-serif;
font-size: 24px;
color: #red;
}
　　页面上所有找到<h1>的地方都将应用Arial字体（或者是缺省的sans-serif字体）、24点大小以及红色。我们可以给文字加上边框，或者让h1的区域有一定图案的背景。这些美化的工作，你全都可以通过CSS来完成。是不是更方便，更有语义，更加的友好。
　　

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：如何定义标题最恰当符合Web标准?

关键词：web