Question

更改H1，H2，H3或H4元素内的文本颜色是否正确？它们是否阻挡水平？

例如

<h1><span style="color:#ABAB">#500</span> Hello world</h1>

Answer 1

它们是块元素。

如果你看一下HTML 4.01严格DTD：

<!ENTITY % heading "H1|H2|H3|H4|H5|H6">

<!ENTITY % block
     "P | %heading; | %list; | %preformatted; | DL | DIV | NOSCRIPT |
      BLOCKQUOTE | FORM | HR | TABLE | FIELDSET | ADDRESS">

因此，它们都被定义为%heading个实体，而这些实体又是%block个实体的一部分。

关于你是否可以改变颜色的问题 - 这只是造型而且很好，虽然我会在CSS文件中这样做，而不是内联：

H1, H2, H3, H4, H5, H6
{
 color: #ccccc;
}

Answer 2

是这是正确的方法，如果你想使用内联css。否则上课说

<h1 class="title"><span>#500</span> Hello world</h1>

现在它的Css是：

h1.title span{
color:#ABABAB;
}

同样，是的，h1到h6是块级别。

Answer 3

是标题是块级别。

另一方面，#ABAB不是有效的颜色：）

Answer 4

是的，允许h1标记内的span。正如您在W3C Reference page for the h1 tag上看到的那样：

允许的内容：措辞内容

短语内容是普通文本以及span元素（以及此reference page for phrasing content上可以看到的其他几个元素。

哦是的，标题标签是块元素。

Answer 5

找出元素是块级元素还是内联元素的最简单方法是在其周围放置边框。

HTML

<h1> Heading 1 </h1>
<span> Span </span>

CSS

h1 {
   border: 2px solid green;

}

span {
   border: 2px solid blue;
}

有关jsFiddle的更多示例。

Answer 6

最好的pracktace首先在样式表中创建CSS样式。

h1 { 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 18px; 
font-weight: bold; 
color: #000000; 
}

Answer 7

颜色会改变字体颜色，而不是背景颜色，因此从技术上讲它同样正确。但是，这样做意味着对于您希望使用此样式的每个标题，您必须像您一样在内部指定span标记。

如果你想让h1标签始终有效，那么更好的解决方案可能是包含一个带有以下代码的样式表：

h1 {
  color: #ABABAB
}

H1，H2，H3，H4标签是阻止还是内联元素？

7 个答案: