百科狗-知识改变命运!
--

- 标注为非文本化 - html5 内联文本语义

乐乐1年前 (2023-11-21)阅读数 16#技术干货
文章标签文本

在HTML5中,元素表示,将文本标记为应用了某种形式的非文本注释。例如将文本标记为中文文本中的专有名称(一个正确的中文标记),或将文本标记为拼写错误。

浏览器支持

所有主流浏览器都支持标签。

示例

this is a parragraph.

this is a parragraph.

标签定义及使用说明

在 HTML4 中废弃,但是在 HTML 5 中恢复了一个新的语义,意思是:将文本标记为应用了某种形式的非文本注释。

  • 标签定义与常规文本风格不同的文本,像拼写错误的单词或者汉语中的专有名词。为文本加下划线。
  • 标签的有效用例包括注释拼写错误,应用proper name mark来表示中文文本中的专有名称以及其他形式的注释。但是,您不应该使用简单地为文字加下划线,或者表示书籍的标题。请尽量避免使用标签为文本加下划线,用户会把它混淆为一个超链接。在可能和超链接混淆的地方,避免使用。要为文本加下划线,您应该应用包含CSStext-decoration:underline的样式。


HTML5 规范建议开发者尽量使用其他元素替代元素。在大多数情况下,您应该使用以外的元素,例如:


标签区别
表示重要的文本。
突出显示的文本,高亮显示。
突出显示文本。
呈现为被强调的文本。
表示非普通文本。例如技术术语、外文短语(西方语言体系中的成语俗语)或是小说中人物的思想、宇宙飞船的名字等等。
表示文本标记为拼写错误。或者表示汉语中的专有名称。
定义一个专业术语。或者定义一个缩写名称。
定义一个作品的标题。也可以表示一个作品的引用。可使用该标签引用参考文献,比如书籍或杂志的标题。
短引用。在行内,引用短文本的。这个标签是用来引用短的文本。
块级引用。代表其中的文字是大篇幅的引用内容。
表示计算机代码文本。
表示样本文本。
表示键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。
定义变量。您可以将此标签与
标签配合使用。


内容类别流式内容,短语内容,palpable 内容。
允许的内容短语内容
标签省略不允许,开始标签和结束标签都不能省略。
允许的父元素任何接受短语内容的元素。
允许的 ARIA 角色任意
DOM 接口HTMLElementGecko 1.9.2(Firefox 4)之前(包含), Firefox 为这个元素实现了HTMLSpanElement接口。

HTML 4.01 与 HTML5之间的差异

在 HTML 中,元素已废弃(元素被用来定义下划线)。

HTML5 中冲定义了元素,它定义与常规文本风格不同的文本,像拼写错误的单词或者汉语中的专有名词。

属性

这个元素仅包含全局属性。

全局属性

标签支持HTML 的全局属性。

事件属性

标签支持HTML 的事件属性。

示例

表示拼写错误

此示例使用元素和一些CSS来显示包含拼写错误的段落,其中错误以红色波浪下划线样式表示,这种情况通常用于此目的。

//html 

this paragraph includes a wrnoglyspelled word.

在HTML中,我们看到使用了一个类spelling,用于表示“wrongly”一词的拼写错误。

//CSS

u.spelling {
  text-decoration: red wavy underline;
}

这个CSS表示当元素使用类spelling进行样式化时,它的文本下面应该有一个红色的波浪下划线。这是拼写错误的常见样式。也可以使用另一种常见样式red dashed underline.。


避免使用

大多数情况下,您实际上不想使用。以下是一些示例,显示在几种情况下您应该做什么。

非语义下划线

要在不暗示任何语义含义的情况下为文本加下划线,请使用元素并将text-decoration属性设置为"underline",如下所示。

//html
today's special
chicken noodle soup with carrots
//CSS
.underline {
  text-decoration: underline;
}

 - 标注为非文本化 - html5 内联文本语义


表示书名

书籍标题应使用元素,而不是,也不能使用来呈现。

the class read moby dick in the first term.

请注意:元素的默认样式,会以斜体显示文本。如果您愿意,可以使用CSS覆盖它:

cite {
  font-style: normal;
  text-decoration: underline;
}
内容声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。部分内容参考包括:(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供参考使用,不准确地方联系删除处理!本站为非盈利性质站点,本着为中国教育事业出一份力,发布内容不收取任何费用也不接任何广告!)