【问题标题】:What tag should/could I use for underlined text?我应该/可以为带下划线的文本使用什么标签?
【发布时间】:2014-08-19 13:27:39
【问题描述】:

首先,我意识到 HTML 中的样式应该由 CSS 处理,我不想改变它。

我只想要一个可用于下划线的实心标签,一个 意味着 用于下划线文本的标签,或者一个有意义的标签。然后我可以用 CSS 设置样式。

现在那个标签在哪里?

为什么strongbemi 等非常好(并且通常在浏览器中自动设置样式),但下划线是禁果?

我不想写

<span style="blabla: underline">some underlined text</span>
OR <span class="underlined">some text</span>

当我可以使用时

<u>hello</u>

并设置样式?

【问题讨论】:

  • 如果没有进一步的上下文,&lt;u&gt; 是最接近的匹配项。了解下划线的含义确实会有所帮助(例如,MDN 提到 Chinese proper names 作为用法示例)。

标签: html semantic-markup underline


【解决方案1】:

u 元素用于下划线,从HTML 3.2 开始。 HTML 4.01 通过“弃用”它来反对它,而 HTML5 建议以一种模糊的方式重新定义它的含义。然而,实际上,它适用于所有浏览器,并且将继续工作,并且具有下划线的确切效果。

您是否应该在网页上的链接以外的任何内容下划线是一个不同的问题。那么问题来了,你是否应该从逻辑结构而不是视觉渲染的角度来思考。

【讨论】:

  • 我现在已经消除了在我的 CMS 编辑器中添加下划线的可能性。我现在明白一点了..强调和强大就足够了
  • W3C 说他们引入它的原因是因为样式应该由 CSS 处理,因此存在混淆 'u' 元素,但该声明与仍然存在的 'strong' 等标签相矛盾。跨度>
【解决方案2】:

下划线文本通常是一个坏主意,因为它应该专门为链接保留。用户通常只是希望能够在带下划线的文本上计时并发生一些事情。

也就是说,我能想到一个主要的例外:

Price: <del>£12.34</del> <ins>£9.87</ins>!

大多数浏览器(如果不是所有浏览器)都会在此处显示带有下划线的新价格,人们会理解为插入。

【讨论】:

  • 嗯,我认为这在很大程度上取决于网站的链接设计与下划线。在我的网站上,这两件事是完全不同的,永远不会弄错。标记标准经常被混淆并且远非总是合乎逻辑的。这不是 1998 年
  • 不,这不取决于。这是这里最好和最准确的答案。从 HTML 中删除 &lt;u&gt; 标记有一个明确的解释,这里给出:它已被删除,因为不应该鼓励用户使用下划线来表示链接以外的任何内容(以及 cmets 中提到的一些罕见的特定情况,例如中国人)。结尾。时期。这是一个完整的故事:不要在页面的任何地方使用带下划线的文本,不管你有什么设计,因为它很容易与链接混淆。让您的用户错过带有链接的下划线文本是放松访问者和排名的最佳方式。阿门。
【解决方案3】:

我认为,如果我们尝试了解 HTML 规范编写者试图完成的工作,则可以更好地解决整个问题。

在早期,HTML 基本上是创建超文本文档的唯一工具,因此它试图提供所有必要的东西。随着网络的发展,很快就会发现这种一体化解决方案无法扩展。混合内容和演示并不能完全控制两者。所以采取了两个步骤:

  • 创建了一种新语言来处理视觉效果
  • HTML 本身已被清理以专注于内容定义

下划线的问题在于它本身并没有任何意义。如果您在应用程序上下文中为其指定一个,它将具有意义(例如,您可以决定将下划线文本用于在线图书馆目录中的书籍作者)。因此,当 W3C 的人为几种内容类型(标题、缩写、日期……)创建 HTML 标记时,他们根本没有考虑下划线:这是故意超出语言范围的。 “下划线”没有 HTML 标签,原因与没有“红色圆圈”或“大写 Comic-Sans 文本”标签的原因相同。

当然,实际上有一个&lt;u&gt; 标签,但下划线只是一个服务建议,因为重要的部分是语义——比如用大字体打印&lt;h1&gt;

【讨论】:

  • 嗯,下划线实际上只是强调的一种变体。为什么只能有一个?但我正在考虑......并且越来越接近放弃下划线,只使用 strong 和 em
  • 您可以用边框强调,但这并不会使边框成为强调的变体。下划线有许多不强调的用法,从 HTML 文档中的链接到中文专有名称。我坚持认为:您的网站可以对下划线本身进行合法使用,但它总是代表其他东西:这是您在选择标签时必须考虑的实际含义。
【解决方案4】:

这不是被禁止的,但最好不要使用它,因为 HTML 4 中不推荐使用下划线标签 http://www.w3.org/TR/REC-html40/present/graphics.html#edef-U 所以不会验证。

【讨论】:

  • Deprecated 与 Removed 不同。
  • 我没有说它被删除,我也没有说它不应该被使用。
  • 我想我想得到答案.. 是,我应该使用什么标签来强调这个词?不是按样式,而只是一个在语义上有意义的标签。像
  • 是我常用的,然后用css设置样式。
  • @Golu 我用它来表示斜体。也许我应该使用 B 作为下划线和样式
【解决方案5】:

给元素下划线更多的是一种风格问题。所以,最好给出一个像“underline_style”这样的类,并在 CSS 中给出正确的规则。

【讨论】:

  • 一个风格问题和公认的自动风格标签一样多 ?
  • 告诉我...&lt;u&gt;&lt;/u&gt;&lt;span class="omg_underline_me_plz"&gt;&lt;/span&gt; 之间到底有什么区别?
  • , 具有语义含义,其中 似乎没有或至少没有人能够识别,例如 em 或 strong。下划线主要用于显示文本流中的链接。如果目的是“强调”某些文本,则使用 em 或强重置来强调下划线可能是一个不错的选择...
【解决方案6】:

u 元素仍可用于下划线,但由于它比 bistrongem 更复杂,因此您需要使用 CSS 对其进行详细设置样式。下划线具有样式和颜色属性,这与其他提到的元素不同。你有更多关于这个话题here

【讨论】:

    猜你喜欢
    • 2023-01-08
    • 2014-05-01
    • 1970-01-01
    • 1970-01-01
    • 2016-11-03
    • 2022-12-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多