【问题标题】:Is it out of date to use <br /> tag nowadays? If so, what should I use instead? [closed]现在使用 <br /> 标签已经过时了吗?如果是这样,我应该改用什么? [关闭]
【发布时间】:2013-01-07 14:14:58
【问题描述】:

现在使用
标签已经过时了吗?如果是这样,我应该改用什么?
对于新行,我这样编码。这些天不应该这样做吗?

<br />
<br />
<br />
<br />

【问题讨论】:

  • 根据W3C是&lt;br /&gt;
  • Closing tags in HTML5 的可能重复项
  • 天哪,很多“点猎人”都指向同一个答案,为什么不只留下一个呢?就像在 youtube 上竖起大拇指
  • 我更喜欢在 div 容器上使用边距或填充,而不是使用 br 或 p 路线。
  • @Ark 你只是希望你也发布了一个答案。 :p

标签: css html


【解决方案1】:

&lt;br /&gt; 用于表示所述内容的中断,一个常见的例子是地址:

<p>
    20 street name<br />
    City Name<br />
    etc.
</p>

正如您在上面的示例中看到的,地址是一组内容,中断仅用于演示目的。

简而言之:&lt;p&gt; 标签应该用于将内容分隔成块,&lt;br /&gt; 标签应该用于该内容中所需的任何中断(用于演示目的,如上例所示)

&lt;br /&gt; 标签完全有效,它也在当前的 HTML5 规范中。

【讨论】:

  • 冒着听起来像纳粹代码的风险,理想情况下,您永远不应该使用 html 来控制演示。这取决于个人开发人员或团队的约定,但就个人而言,每当我看到
    等时,我都会皱眉头……这些标签可以而且应该被替换通过 CSS。
  • 那么你建议做什么?将地址线包装在跨度标签中并将它们设置为显示块?不是一个很好的解决方案......那么强标签呢?您是否也建议为此使用跨度?我认为您将关注点分离得太远了。
  • 当然,我已经看到
    标签被滥用了很多,但它有一些有效的用途(如上面的地址示例),其中表示在语义上很重要。许多其他元素(标题元素、块引用等)也是如此。
  • 此外,将需要格式化的文本包装在 span 内可以让您无限灵活地继续做任何您需要做的事情,而不仅仅是使其变粗或显示在自己的行上。为什么过早地限制自己通过硬编码只能用于一个目的的标签?语义上。地址的每一部分都是其自己有意义的文本分组,为什么不将它们包装在一个跨度中以澄清这种区别?
  • @JoshuaBarker 你似乎没有考虑&lt;br&gt; 的语义价值。引用html.spec.whatwg.org/multipage/semantics.html#the-br-element:“br 元素表示换行符。[…] br 元素必须仅用于实际上是内容一部分的换行符,例如在诗歌或地址中。br 元素必须不能用于分隔段落中的主题组。”
【解决方案2】:

HTML 5 只需要 &lt;br&gt; 但是 &lt;br/&gt; 仍然可以。

如果您使用的是 XHTML 之类的东西,无论如何您都希望它是 &lt;br /&gt;..

这个问题可能会告诉你你需要知道的一切:HTML 5: Is it <br>, <br/>, or <br />?

【讨论】:

    【解决方案3】:

    (来自原始问题,在编辑之前):“换行结束标记”应该只在 XHTML 中使用 XML 内容类型(即几乎从不),即使这样你仍然可以使用 @ 987654321@.


    单独处理已编辑的问题:

    如果您想要换行,请使用&lt;br&gt;(或XHTML 中的&lt;br /&gt;)。 HTML 5 也允许 &lt;br /&gt; 但这只是 XML 上瘾和糟糕的语法突出显示的语法糖。

    换行元素并没有过时,但与任何其他元素一样,它只能在适当的地方使用。适合换行的地方并不多,王子想到的最常见的是邮政地址和诗歌。在大多数情况下,&lt;p&gt; 更合适。在出现多个连续换行符的地方,添加填充或边距的样式表通常是正确的选择。

    【讨论】:

      【解决方案4】:

      我将以不同的方式回答这个问题:

      您可以使用&lt;br /&gt;,但要按照我认为您要问的方式回答问题……您可以让&lt;p&gt;&lt;div&gt; 使用填充元素控制间距。所以不要添加&lt;br /&gt;,只需在 p 或 div 元素上进行填充。但正如人们提到的那样,&lt;p&gt; 是要走的路:)

      【讨论】:

        猜你喜欢
        • 2021-03-20
        • 1970-01-01
        • 2021-05-24
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2017-08-24
        • 2011-07-19
        • 1970-01-01
        相关资源
        最近更新 更多