我想知道以下哪些代码是正确的......在所有这三个代码中......
<h1><span class="bold">realestate</h1>
<h1>realestate</h1>
<h1 class=bold>realestate</h1>
请让我知道......
答案 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>
标记的内联等效项。