改变H1,H2,H3或H4元素内部文本的颜色是否正确的HTML?他们是否阻止水平?H1,H2,H3,H4标签是块还是内联元素?
例如
<h1><span style="color:#ABAB">#500</span> Hello world</h1>
改变H1,H2,H3或H4元素内部文本的颜色是否正确的HTML?他们是否阻止水平?H1,H2,H3,H4标签是块还是内联元素?
例如
<h1><span style="color:#ABAB">#500</span> Hello world</h1>
它们是块元素。
如果你看一下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;
}
是头是块级。
在另一方面,#ABAB
是不是有效颜色:)
最好pracktace首先在样式表中创建CSS样式。
h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: bold;
color: #000000;
}
是的这是正确的方法,如果你想使用内联的CSS。否则,让一类说
<h1 class="title"><span>#500</span> Hello world</h1>
现在它的CSS是:
h1.title span{
color:#ABABAB;
}
同样是H1至为h6是块级。
颜色改变字体颜色,而不是背景颜色,所以在技术上它同样正确。但是,这样做意味着对于每个需要使用此样式的标头,您必须像您所做的那样在内部指定一个span标签。如果你想
更好的解决总是有它的有效期为H1标签可能是包括用下面的代码样式表:
h1 {
color: #ABABAB
}
没错,h1标签内的span
是允许的。正如你可以在W3C Reference page for the h1 tag看到:
允许的内容:段落式内容
造句含量是正常的文字,以及您的span
元素(并且可以在这个reference page for phrasing content可以看到几种其他元素。
噢,并在标题标签是块元素。
找出一个元素是块级或内联的Elemen最简单的方法t是在它周围放置一个边框。
HTML
<h1> Heading 1 </h1>
<span> Span </span>
CSS上jsFiddle
h1 {
border: 2px solid green;
}
span {
border: 2px solid blue;
}
更多的例子。
哦,哇哦,这么聪明 – 2016-12-05 21:01:46
我喜欢你添加HTML DTD的方式来解释答案.GR8 – 2010-10-28 10:18:34
我只是想保持示例简单如此使用内联CSS。我确实尝试了一些谷歌搜索,但我无法从撇渣中找到我的答案http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.5 – 2010-10-28 10:25:16
@Chris S - 没问题。我只能继续什么是在问题,虽然;) – Oded 2010-10-28 10:26:32