我需要在一个h1标记中容纳两行（而不是创建两个单独的h1标记）。如何在h1标记内创建换行符？
8ulbf1ek1#
使用：
<h1>Line 1 <br/> Line 2</h1>
xnifntxz2#
W3C validated方法
<h1>Line 1 <span style = "display: block;">Line 2</span></h1>
8wigbo563#
总结所有聪明的答案，下面是https://validator.w3.org对每一个答案的回答：
<h1>Line 1 <br/> Line 2</h1> <h1>Line 1<br>Line 2</h1> <h1>Line 1 <span style = "display: block;">Line 2</span></h1>
<h1> <p>Line1</p> <p>Line2</p> </h1>
原因：错误：在此上下文中，元素p不允许作为元素h1的子元素
<h1> <div>line1</div> <div>line2</div> </h1>
原因：错误：在此上下文中，元素div不允许作为元素h1的子元素。
<!DOCTYPE html> <html> <head> <title>test</title> </head> <body> <h1>Line 1 <br/> Line 2</h1> <h1>Line 1<br>Line 2</h1> <h1> <p>Line1</p> <p>Line2</p> </h1> <h1>Line 1 <span style = "display: block;">Line 2</span></h1> <h1> <div>line1</div> <div>line2</div> </h1> </body> </html>
qnyhuwrf4#
您可以在h1中插入标记，这样就可以简单地执行<h1>foo<br>bar</h1>。
h1
<h1>foo<br>bar</h1>
9jyewag05#
h1内br的标准引号有效
br
让我们教更多的人阅读现行标准4.3.6“h1、h2、h3、h4、h5和h6元素”表示：内容模型：短语内容。然后，我们单击“短语内容”的定义，这将导致3.2.5.2.5“短语内容”，其中说：短语内容是文档的文本，以及在段落内级别标记该文本的元素。短语内容的运行形成段落。...，br，...，span，...因此我们看到br在短语内容元素的巨大列表中，因此可以进入h1。这也向我们展示了另一种选择，即：
<h1><span>ab</span><span>cd</span></h1>
然后使用CSS将span转换为display: inline-block;。
span
display: inline-block;
wpx232ag6#
您可以使用换行符标记
<h1>heading1 <br> heading2</h1>
您也可以使用PHP
$str = "heading1 heading2 heading3"; $h1 = '<h1>'; foreach(explode(" ",$str) as $data) { $h1 .= $data .'<br>'; } $h1 .= '</h1>'; echo $h1;
6条答案
按热度按时间8ulbf1ek1#
使用：
xnifntxz2#
W3C validated方法
8wigbo563#
总结所有聪明的答案，下面是https://validator.w3.org对每一个答案的回答：
已确认：
无效
原因：
错误：在此上下文中，元素p不允许作为元素h1的子元素
原因：
错误：在此上下文中，元素div不允许作为元素h1的子元素。
受试代码：
qnyhuwrf4#
您可以在
h1中插入标记，这样就可以简单地执行<h1>foo<br>bar</h1>。9jyewag05#
h1内br的标准引号有效让我们教更多的人阅读现行标准
4.3.6“h1、h2、h3、h4、h5和h6元素”表示：
内容模型：短语内容。
然后，我们单击“短语内容”的定义，这将导致3.2.5.2.5“短语内容”，其中说：
短语内容是文档的文本，以及在段落内级别标记该文本的元素。短语内容的运行形成段落。
...，br，...，span，...
因此我们看到
br在短语内容元素的巨大列表中，因此可以进入h1。这也向我们展示了另一种选择，即：
然后使用CSS将
span转换为display: inline-block;。wpx232ag6#
您可以使用换行符标记
您也可以使用PHP