哪个h1标签代码是正确的?

时间:2009-06-26 11:14:23

标签: html css

我想知道以下哪些代码是正确的......在所有这三个代码中......

<h1><span class="bold">realestate</h1>
<h1>realestate</h1>
<h1 class=bold>realestate</h1>

请让我知道......

4 个答案:

答案 0 :(得分:16)

最好的选择4:

<h1 class="main-heading">realestate</h1>

你应该给你的课程语义 - 主标题永远是主标题,但如果设计师决定他们看起来更好看下划线呢?你最终得到了这个:

.bold { font-weight: normal; text-decoration: underline; }

充其量令人困惑!

答案 1 :(得分:2)

第一个不正确,因为span元素没有结束标记:

<h1><span class="bold">...</span></h1>

第二个和第三个都是正确的(但在第三个例子中缺少双引号)。


但是如果你想使用哪一个,我会说使用第二个并为h1元素定义粗体样式,例如:

<style>
h1 { font-weight: bold; }
</style>

答案 2 :(得分:0)

这取决于你想要做什么。

你是想让你所有的h1大胆。在这种情况下,使用#2并使用CSS相应地设置所有h1元素的样式。

<强> CSS

h1 {
  font-weight: bold;
}

<强> HTML

<h1>realestate</h1>

如果您只想选择少数几个h1的粗体,请使用#3并使用CSS设置所有具有粗体类的h1元素的样式。

<强> CSS

h1.bold {
  font-weight: bold;
}

<强> HTML

<h1 class="bold">realestate</h1>

第一个实际上只有在某些原因你希望h1的一部分是粗体

时才有用

<强> CSS

.bold {
  font-weight: bold;
}

<强> HTML

<h1><span class="bold">real</span>estate</h1>

此外,通常从您的样本中,请注意引号和结束标记。

答案 3 :(得分:-1)

第三个选项在我看来确实是最干净的选项,除非属性值应该用引号括起来,假设您使用的是XHTML:

<h1 class="bold">realestate</h1>

<h1>标记的全部内容包含在另一个标记中并不合理。将标签的一部分与<h1>的其余部分区分开来更有意义,但并不完全不同,例如:

<h1>Real <span class="bold">Estate</span></h1>

<span>标记视为<div>标记的内联等效项。