ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

格式标签

2020-09-26 20:00:59  阅读:162  来源: 互联网

标签:定义 标签 元素 HTML5 使用 格式 文本



格式标签

  <wbr> (H5) (Word Break Opportunity) 标签规定在文本中的何处适合添加换行符。如果单词太长,或者担心浏览器会在错误的位置换行,那么就可以使用 <wbr> 元素来添加 Word Break Opportunity(单词换行时机),他的作用就是告诉浏览器在这个标记处可以断行,但只是建议而不是必定会在此处断行,因为要根据整行文字长度而定,因此只要在连续的文本中间适当的插入若干 <wbr> 标签就能解决断行问题。

  <meter> (H5) 标签定义度量衡。仅用于已知最大和最小值的度量。比如:磁盘使用情况,查询结果的相关性等。注意: <meter> 不能作为一个进度条来使用, 进度条请使用 <progress> 标签。

  <progress> (H5) 标签定义运行中的任务进度(进程)。请将 <progress> 标签与 JavaScript 一起使用来显示任务的进度。注意:<progress> 标签不适合用来表示度量衡(例如,磁盘空间使用情况或相关的查询结果)。表示度量衡,请使用 <meter> 标签代替。

  <time> (H5) 标签定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的,在该元素的内容中未指定日期或时间时,使用该属性。该元素能够以浏览器可读的方式对日期和时间进行编码,比如,用户代理能够把生日提醒或排定的事件添加到用户日程表中,搜索引擎也能够生成更智能的搜索结果。datetime 属性规定日期/时间。另一种方式,则是由元素的内容给定日期/时间,该属性在所有浏览器中不会渲染任何特殊的效果。

  <mark> (H5) 标签定义带有记号的文本,请在需要突出显示文本时使用 <mark> 标签。

  HTML 使用 <b><i> 标签对输出的文本进行格式定义, 如:b粗体 或 i斜体。通常标签 <strong> 替换加粗标签 <b> 来使用,<em> 替换 <i>标签使用。然而,这些标签的含义是不同的:<b> 与 <i> 定义粗体或斜体文本。<strong> 或者 <em> 意味着你要呈现的文本是重要的,所以要突出显示。现今所有主要浏览器都能渲染各种效果的字体,不过,未来浏览器可能会支持更好的渲染效果。

  <b> 标签定义粗体的文本。注意:根据 HTML5 的规范,<b> 标签应该做为最后的选择,只有在没有其他标记比较合适时才使用它。HTML5 规范声明:标题应该用 <h1> - <h6> 标签表示,被强调的文本应该用 <em> 标签表示,重要的文本应该用 <strong> 标签表示,被标记的或者高亮显示的文本应该用 <mark> 标签表示。也可以使用 CSS 的 "font-weight" 属性设置粗体文本。

  <i> 标签定义与文本中其余部分不同的部分,并把这部分文本呈现为斜体文本。<i> 标签被用来表示科技术语、其他语种的成语俗语、想法、宇宙飞船的名字等等。在没有其他适当语义的元素可以使用时,就使用 <i> 元素。其他语义的元素如下:<em> 元素定义被强调的文本,<strong> 元素定义重要的文本,<mark> 元素定义被标记的/高亮显示的文本,<cite> 元素定义作品的标题,<dfn> 元素定义一个定义项目。在 HTML4 中,<i> 标签呈现斜体的文本,然而,在 HTML5 中没有必要这么做,可以使用样式表来格式化 <i> 元素中的文本。

  <strong> 标签是一个短语标签,用来定义计算机程序的样本重要的文本。注意:并不反对使用这个标签,但是如果只是为了达到某种视觉效果而使用这个标签的话,建议使用 CSS,这样可能会取得更丰富的效果。所有短语标签:<em> 呈现为被强调的文本,<strong> 定义重要的文本,<dfn> 定义一个定义项目,<code> 定义计算机代码文本,<samp> 定义样本文本。<var> 定义变量,可以将此标签与 <pre> 及 <code> 标签配合使用。在 HTML4 中,<strong> 标签定义加粗的被强调的文本,而在 HTML5 中,<strong> 标签定义重要的文本。

  <em> 标签是一个短语标签,用来呈现为被强调的文本。注意:并不反对使用这个标签,但是如果只是为了达到某种视觉效果而使用这个标签的话,建议使用 CSS ,这样可能会取得更丰富的效果。

  <dfn> 标签是一个短语标签,用来定义一个定义项目。<code> 标签是一个短语标签,用来定义计算机代码文本。<samp> 标签是一个短语标签,用来定义计算机程序的样本文本。<var> 标签是一个短语标签,用来定义变量。提示:我们并不反对使用这些标签,但是如果你只是为了达到某种视觉效果而使用这些标签的话,我们建议你使用 CSS ,这样可能会取得更丰富的效果。

  <cite> 标签定义作品(比如书籍、歌曲、电影、电视节目、绘画、雕塑等等)的标题。注意:人名不属于作品的标题。在 HTML4 中,<cite> 标签定义一个引用,而在 HTML5 中,<cite> 标签定义作品的标题。

  <big> 标签定义大号文本,HTML5 不再支持,可以使用 CSS 代替。

  <small> 标签定义小号文本,主要用于定义小型文本和旁注。

  <pre> 标签定义预格式文本,也就是在 HTML 代码中的文本编写什么样,就会在 HTML 页面显示什么样,对空行和空格可进行控制,也就是被包围在 <pre> 标签中的文本通常会保留空格和换行符,而文本也会呈现为等宽字体。<pre> 标签的一个常见应用就是用来表示计算机的源代码。

  <bdo> 标签定义文本方向。bdo 指的是 bidi 覆盖(Bi-Directional Override),用来覆盖默认的文本方向。<p><bdo dir="rtl">我会反着显示。</bdo></p> dir 为 <bdo>标签的属性,rtl 是值,定义反向显示,该属性另一个值是 ltr,是默认值,文本方向是正常显示的。

  <bdi> (H5) 标签允许设置一段文本,使其脱离其父元素的文本方向设置。bdi 指的是 bidi 隔离(Bi-directional Isolation)。在发布用户评论或其他你无法完全控制的内容时,该标签很有用。

  <q> 标签定义短的引用。浏览器经常会在这种引用的周围插入引号,该元素有一个属性 cite,值为 URL 用于规定引用的源 URL。请使用 <blockquote> 来标记摘自另一个源的块引用。

  <blockquote> 标签定义摘自另一个源的块引用。浏览器通常会对 <blockquote> 元素进行缩进。该元素也有一个属性 cite,值为 URL 用于规定引用的来源。如果标记是不需要段落分隔的短引用,请使用 <q>。在 HTML4 中,<blockquote> 标签定义一段长引用,而在 HTML5 中,<blockquote> 标签定义摘自另一个源的块引用。

  <del> 标签定义被删除文字。<ins> 标签定义被插入文本。提示:<del> 和 <ins> 一起使用,描述文档中的更新和修正,浏览器通常会在已删除文本上添加一条删除线,在新插入文本下添加一条下划线。<del> 和 <ins> 拥有相同的两个属性:cite 和 datetime,cite 的值都为 URL ,<del> 的 cite 属性规定一个文档的 URL,该文档解释了文本被删除的原因,<ins> 的 cite 属性规定一个文档的 URL,该文档解释了文本被插入的原因。datetime 的值表示为:YYYY-MM-DDThh:mm:ssTZD,<del> 规定文本被删除/被插入的日期和时间。

  <s> 标签对那些不正确、不准确或者没有用的文本进行标识。<s> 标签不应该用来定义替换的或者删除的文本,如果要定义替换的或者删除的文本,请使用 <del> 和 <ins> 标签。在 HTML4 中,<s> 标签已被废弃,并且被用来给文本加删除线,而 HTML5 重新定义了 <s> 标签,现在是被用来定义那些不再正确的文本。

  <u> 标签定义与常规文本风格不同的文本,像拼写错误的单词或者汉语中的专有名词。在 HTML 中,<u> 元素已废弃,原被用来定义下划线,而在 HTML5 中重新定义了 <u> 元素。请尽量避免使用 <u> 为文本加下划线,用户会把它混淆为一个超链接。注意:HTML5 规范建议开发者尽量使用其他元素替代 <u> 元素。

  <sup> 标签定义上标。上标文本将会显示在当前文本流中字符高度的一半为基准线的上方,但是与当前文本流中文字的字体和字号都是一样的。上标文本能用来添加脚注。

  <sub> 标签定义下标文本。下标文本将会显示在当前文本流中字符高度的一半为基准线的下方,但是与当前文本流中文字的字体和字号都是一样的。下标文本能用来表示化学公式。

  <abbr> 标签定义缩写。当把鼠标移至带有 <abbr> 标签的缩写词/首字母缩略词上时,<abbr> 标签的 title 属性可被用来展示缩写词/首字母缩略词的完整版本。<abbr> 标签用来表示一个缩写词或者首字母缩略词。通过对缩写词语进行标记,就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。

  <address> 标签定义文档作者或拥有者的联系信息。如果 <address> 元素位于 <body> 元素内部,则它表示该文档作者/所有者的联系信息,如果 <address> 元素位于 <article> 元素内部,则它表示该文章作者/所有者的联系信息。<address> 元素的文本通常呈现为斜体,大多数浏览器会在该元素的前后添加换行,或可用 <br/> 换行显示。不应该使用 <address> 标签来描述邮政地址,除非这些信息是联系信息的组成部分。<address> 元素通常被包含在 <footer> 元素的其他信息中。

标签:定义,标签,元素,HTML5,使用,格式,文本
来源: https://www.cnblogs.com/summerxbc/p/13736497.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有