我们可以在H1标签内添加<span>吗?</span>

时间:2011-09-23 04:20:48

标签: html

在H1标签内使用span标签是否正确?

<h1>
    <span class="boardit">Portfolio</span>
</h1>

我知道我们可以用这种方式编写它...并且我也在我自己的网站中遵循以下语法..

<h1 class="boardit">
  <span>Portfolio</span>
</h1>

但是,我只是想知道更清晰的html形式..

8 个答案:

答案 0 :(得分:174)

是的,你可以。

HTML4 has this to say

<!ENTITY % heading "H1|H2|H3|H4|H5|H6">
<!--
  There are six levels of headings from H1 (the most important)
  to H6 (the least important).
-->

<!ELEMENT (%heading;)  - - (%inline;)* -- heading -->

%inline;是:

<!ENTITY % inline "#PCDATA | %fontstyle; | %phrase; | %special; | %formctrl;">

%special;包括<span>

当前HTML has this to say

  

内容内容
  短语内容

Phrasing content包括<span>

答案 1 :(得分:27)

是的,你可以。它可以用来格式化h1块的一部分:

<h1>Page <span class="highlight">Title</span></h1>

如果样式适用于整个h1块,我这样做:

<h1 class="highlight">Page Title</h1>

答案 2 :(得分:3)

是的,在span内使用h1通常很好。 span是一个内联元素,因此通常可以在任何内容中使用它(允许其中的元素!)

如果你只想设置h1的一部分,那么有时候并没有更简洁的方法。

另一方面......如果没有必要,不要这样做,因为它有点难看:)

答案 3 :(得分:2)

是的,没关系,但为什么不呢

   <h1 class="boardit">
      Portfolio
   </h1>

如果这就是你所做的一切?

答案 4 :(得分:1)

是的,你可以。跨度显示为内联,因此不应影响H1的样式。

答案 5 :(得分:0)

是的,我们可以在标记标记中使用span标记,并且没有任何错误。实际上,这被广泛用于样式标题标签,特别是用于着色特定的单词或字母。

答案 6 :(得分:0)

是的,我们可以在标记标记中使用span标记,并且没有任何错误。实际上,这被广泛用于样式标题标签,特别是用于着色特定的单词或字母。

答案 7 :(得分:-3)

<h1 style="display:inline;">Bold text goes here</h1> 
<span style="display:inline;">normal text goes here</span>

在上面思考 - 为我工作 - 使用display:inline prop