【问题标题】:Best replacement for font tag in htmlhtml中字体标签的最佳替代品
【发布时间】:2013-10-17 07:12:33
【问题描述】:

由于 HTML 中的 font 标记在 HTML5 中已被弃用(我明白为什么),是否有一个干净的解决方案可以将某些属性和样式仅应用于段落文本的 部分?我正在使用 JavaScript 解析 XML 文件,该文件依赖于 font 标记允许使用基于类的 CSS 格式化部分换行文本这一事实。我意识到“锚”(a)标签也可以用于此目的,但这种方式似乎非常落后和不自然。

编辑

当我问这个问题时(几年前),我无法理解每个 DOM 元素都属于 display 类别,两个主要类别是:

  • block - 坚持自己占一排
  • inline - 与其他 inline 元素或文本一致

HTML 提供了两个通用容器元素,默认情况下每个容器元素都遵循这些显示值之一; div 用于block 显示,span 用于inline 显示。

span 元素是指定特定文本块并赋予其独特样式或 ID 的完美方式,因为您可以将其包裹在较大段落的一部分周围,而无需将所选内容分成新行。

【问题讨论】:

    标签: css html tags display


    【解决方案1】:

    HTML:

    <span class="yourstyle">
    Text in your style
    </span>
    

    CSS:

    .yourstyle {
                color: red;
               }
    

    【讨论】:

      【解决方案2】:

      始终使用 css 文件来保存您的代码,这些代码对于您设置的每个元素都将被视为“通用”。当您想为特定设置时,可以说&lt;span&gt; 元素。您可以像上面所说的 Adam Plocher 所说的那样,为 &lt;span&gt;element 使用 style="" 属性。

      【讨论】:

        【解决方案3】:

        你可以使用&lt;span&gt;标签

        <p>here is your paragraph text and it goes on and on and on..... and now 
        lets start some <span>formatted text.</span> here is another<span>section 
        of formatted text</span> here is unformatted text<p>
        

        您可以使用内联样式,例如 &lt;span style="color: #000000; font-family: calibri, arial, helvetica;"&gt;,或者您可以将一个类应用于您的 span,例如 &lt;span class="textformat1"&lt;span class="textformat2"&gt;。然后根据类应用不同的 css 规则。

        .textformat1 {
            color: red;
        }
        .textformat2 {
            color: blue;
        }
        

        希望对你有帮助

        【讨论】:

          【解决方案4】:

          span 标签是最好的方法。

          虽然通常不建议使用内联 CSS,但这里有一个示例:

          <p>
          This is my <span style="font-weight:bold">paragraph</span>.
          </p>
          

          spandiv类似,但是div标签是块元素,所以会造成换行。 span 是一个内联标签,可以与您的文本内联使用。

          【讨论】:

          • 除了strongbi 标签(它们也是内联标签)之外,使用span 的另一个很好的理由是这些元素在语义上用于强调,并且应该不能用于“随机”文本部分。
          • 这很有意义。不幸的是,我没有太多使用 span 标签,因此可以说它甚至不在我的“雷达”上。谢谢!
          • 然而,&lt;font&gt; 做了一件 &lt;span&gt; 做不到的好事(尽管你们可能会觉得这很可怕):它可以跨越 &lt;p&gt; 元素——就像这样:&lt;p&gt;first paragraph where &lt;font style="color:blue;"&gt;blue text starts, followed by&lt;/p&gt;&lt;p&gt;second paragraph, where blue text &lt;/font&gt; ends.&lt;/p&gt;。如果有很多段落,这很方便。我想没有替代品吗?
          • 这是奇怪的行为:codepen.io/aplocher/pen/ZEYvmav - 我不确定是否有办法让 span 的行为与本示例中的字体行为相同...
          • 这个答案解释了为什么 &lt;span&gt; 在包裹 &lt;p&gt; 时不起作用。它没有详细说明为什么&lt;font&gt; 标签有效,但我相信字体在 HTML5 中已被弃用。它可能只是 html5 之前的一种古怪渲染行为...stackoverflow.com/questions/23371706/…
          猜你喜欢
          • 2011-04-08
          • 1970-01-01
          • 2011-12-13
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2016-04-09
          • 2013-04-21
          相关资源
          最近更新 更多