h1 標簽中的兩行
[英]Two lines in h1 tag
問題描述
我需要在一個 h1 標簽中放入兩行（而不是制作兩個分開的 h1 標簽）。
如何在 h1 標簽內創建換行符？
6 個解決方案
解決方案1
107 已采納 2011-07-27 14:54:16
使用：
<h1>Line 1 <br/> Line 2</h1>
解決方案2
32 2016-03-24 23:16:32
W3C 驗證的方法是
<h1>Line 1 <span style = "display: block;">Line 2</span></h1>
解決方案3
14 2019-02-01 19:44:02
總結所有聰明的答案，這就是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>
解決方案4
11 2011-07-27 14:54:44
您可以在h1插入標記，這樣您就可以簡單地執行<h1>foo<br>bar</h1> 。
解決方案5
2 2021-01-01 21:58:26
h1內br有效的標准報價
讓我們教更多人閱讀現行標准
4.3.6 “h1、h2、h3、h4、h5 和 h6 元素”說：
內容模型：短語內容。
然后我們點擊“Phrasing content”的定義，這導致3.2.5.2.5“Phrasing content”它說：
短語內容是文檔的文本，以及在段落內標記該文本的元素。 大量的措辭內容形成段落。
..., br, ..., 跨度, ...
所以我們看到br在巨大的短語內容元素列表中，因此可以進入h1 。
這也向我們展示了另一種選擇是執行以下操作：
<h1><span>ab</span><span>cd</span></h1>
然后使span display: inline-block; 使用 CSS。
解決方案6
0 2020-07-31 23:01:20
您可以使用換行標記
<h1>heading1 <br> heading2</h1>
你也可以用 PHP 來做
$str = "heading1 heading2 heading3";
foreach(explode(" ",$str) as $data)
{
echo '<h1>' . $data . '</h1>' . '<br>';
}
h1 標簽中帶有鏈接和跨度的兩行
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.