【问题标题】:<br> tag semantic alternative usage<br> 标签语义替代用法
【发布时间】:2012-09-15 04:49:56
【问题描述】:

好吧,我知道
是没有语义的。问题是当有这样的段落时:

朋友你好。
今天我学到了一个新技巧,但我不会告诉你 还没有。

好吧,我只是在开玩笑。 Lorem ipsum dolor sit amet, consectetur 肥胖精英。 Rhoncus 在麦格纳。 Nulla aliquam turpis ac magna scelerisque vel eleifend libero malesuada
Quisque facilisis leo et elit ultricies id suscipit leo ornare。前庭 mi odio, facilisis non fringilla vitae, imperdiet egestas mauris。尼姆尼姆 时代,vehicula vel malesuada nec。

如您所见,有两段。它们在中间都有一个由&lt;br&gt; 标签完成的换行符。为了语义的缘故,如果不使用这个标签,我怎么能做到这一点?

注意:插入粗体“malesuada”是为了帮助您轻松识别第二个换行符。

【问题讨论】:

    标签: tags semantics line-breaks


    【解决方案1】:

    首先,换行符旨在用于必须在文本流中出现换行符的情况,例如在诗歌中。

    通常接受的标记文本的方式是段落,它是块级的,因此总是创建一个新行,并设置它们之间的边距。这里有两种段落样式,一种需要空间,一种不需要。你可以有两种不同风格的段落(我只是在这里说明垂直边距 - 水平边距设置为 0)。

    p {margin:.1em 0;}
    
    p.special {margin:0;}
    

    然后将“特殊”类添加到没有空格的段落中。请注意,垂直边距会折叠,因此每个段落之间只会有 1em 的空间。

    我更大的问题是设计问题:为什么要这样组织段落?为什么不只是有一个标准的段落间距,也许使用标题来分组段落集?您正在做的事情是非常规的,这就是为什么您在寻找要使用的正确 HTML 元素时遇到问题的原因。 hth,查尔斯

    【讨论】:

      猜你喜欢
      • 2013-12-26
      • 1970-01-01
      • 1970-01-01
      • 2015-08-15
      • 1970-01-01
      • 1970-01-01
      • 2015-05-21
      • 1970-01-01
      • 2015-01-20
      相关资源
      最近更新 更多