码迷,mamicode.com
首页 > 其他好文 > 详细

描述文本级语义的元素

时间:2016-12-08 00:10:29      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:文字标签

<span> 标签被用来组合文档中的行内元素。

提示:请使用 <span> 来组合行内元素,以便通过样式来格式化它们。

注释:span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。

<em> 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说,这意味着要把这段文字用斜体来显示。

在文本中加入强调也需要有技巧。如果强调太多,有些重要的短语就会被漏掉;如果强调太少,就无法真正突出重要的部分。这与调味品一样,最好还是不要滥用强调。

尽管现在 <em> 标签修饰的内容都是用斜体字来显示,但这些内容也具有更广泛的含义,如果你只想使用斜体字来显示文本的话,请使用 <i> 标签。除此之外,文档中还可以包括用来改变文本显示的级联样式定义(强调)。

<strong> 标签和 <em> 标签一样,用于强调文本,但它强调的程度更强一些。

浏览器通常会以不同于 <em> 标签的方式来显示 <strong> 标签中的内容,通常是用加粗的字体(相对于斜体)来显示其中的内容,这样用户就可以把这两个标签区分开来了。

如果常识告诉我们应该较少使用 <em> 标签的话,那么 <strong> 标签出现的次数应该更少。如果说用 <em> 标签修饰的文本好像是在大声呼喊,那么用 <strong> 标签修饰的文本就无异于尖叫了。沉默寡言的人说出的话总是一诺千金,与此相同,限制 <strong> 的使用可以令应该更加引人注意,而且更加有效。

<b>元素中的任何内容都会以粗体显示。

<i>元素中的任何内容都会以斜体显示。

<small>元素用于打印条纹细则,免费声明,警告以及版权信息等都是典型的用例。

<cite>当引用文本时,可以通过将来源信息置于开标签<cite></cite>之间对其进行指定。

<q>当你想在语句内添加引用时使用,而不要将其独自作为整段缩进文本块。<q>元素同样可以带有cite特性,她的值应该是指向引用源的URL地址。

<dfn>元素用于指明文档中引入的特殊术语。

<abbr> 标签指示简称或缩写,比如 "WWW" "NATO"

通过对缩写进行标记,您能够为浏览器、拼写检查和搜索引擎提供有用的信息。可以在 <abbr> 标签中使用全局的 title 属性,这样就能够在鼠标指针移动到 <abbr> 元素上时显示出简称/缩写的完整版本。

<time>标签定义日期或时间,或者两者。

datetime

datetime

定义元素的日期和时间。

如果未定义该属性,则必须在元素的内容中规定日期或时间。

<p>
我们在每天早上 <time>9:00</time> 开始营业。
</p>

<p>
我在 <time datetime="2008-02-14">情人节</time> 有个约会。
</p>

<code> 标签用于表示计算机源代码或者其他机器可以阅读的文本内容。

软件代码的编写者已经习惯了编写源代码时文本表示的特殊样式。<code> 标签就是为他们设计的。包含在该标签内的文本将用等宽、类似电传打字机样式的字体(Courier)显示出来,对于大多数程序员和 W3School 的用户来说,这应该是十分熟悉的。

只应该在表示计算机程序源代码或者其他机器可以阅读的文本内容上使用 <code> 标签。虽然 <code> 标签通常只是把文本变成等宽字体,但它暗示着这段文本是源程序代码。将来的浏览器有可能会加入其他显示效果。例如,程序员的浏览器可能会寻找 <code> 片段,并执行某些额外的文本格式化处理,如循环和条件判断语句的特殊缩进等。

注:使用<;取代左尖括号,使用>;取代右尖括号。";取代“;&取代&

<figure> 标签规定独立的流内容(图像、图表、照片、代码等等)。

figure 元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。

<var> 标签表示变量的名称,或者由用户提供的值。

<var> 标签是计算机文档中应用的另一个小窍门,这个标签经常与 <code>  <pre> 标签一起使用,用来显示计算机编程代码范例及类似方面的特定元素。

<var> 标签标记的文本通常显示为斜体。

eg:<p><code>console.log("<var>user-name</var>")</code></p>

<samp>元素用于指明来自程序,脚本等的示例输出。

编辑文本:

<ins>元素,用于需要插入文本时(浏览器中通常以下划线字体显示)

<del>元素,用于需要删除文本时(浏览器中通常以横穿线字体显示)

 

HTML中注释<!--comment goes here-->,任何从<!--到-->之间的内容都不会显示。

本文出自 “小止” 博客,请务必保留此出处http://10541556.blog.51cto.com/10531556/1880379

描述文本级语义的元素

标签:文字标签

原文地址:http://10541556.blog.51cto.com/10531556/1880379

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!