• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • <em>

    HTML着重元素(<em>)标记出需要用户着重阅读的内容,<em>元素是可以嵌套的,嵌套层次越深,则其包含的内容被认定为越需要着重阅读。

    浏览器支持

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

    示例

    <em>元素通常被用于指示一个隐式或显式的对比。

    <p>
      in html 5, what was previously called <em>block-level</em> content is now called <em>flow</em> content.
    </p>

    结果

    in html 5, what was previously called block-level content is now called flow content.

    标签定义及使用说明

    • <cite>标签是一个短语标签,用来呈现为被强调的文本。
    • <cite>元素标记作品的标题(书籍,戏剧,歌曲等);它通常也采用斜体样式,但具有不同的含义。使用<strong>元素标记比周围文本更重要的文本。
    • <cite>元素会被浏览器展示为斜体文本,但是,它不应该仅仅用于应用斜体样式;为此目的,请使用CSS样式,会取得更丰富的效果。
    内容分类流内容,推辞内容,可触及内容
    允许的内容段落内容元素
    标签省略必须有开始标签,不能有结束标签。
    允许的父元素许的父元素接受扫描内容的任何元素
    允许的 ARIA roles
    DOM接口HTMLSpanElement

    <i> vs.<em>

    新的开发人员看到多个元素产生相似的效果,经常被混淆。<em><i>就是一对常见的例子,因为它们都对文字斜体化。它们的区别是什么?应该使用哪一个?

    在默认情况下,它们的视觉效果是一样的。但语义是不同的。<em>标签表示其内容的着重强调,而<i>标签表示从正常散文中区分出的文本,例如外来词,虚构人物的思想,或者当文本指的是一个词语的定义,而不是其语义含义。(作品的标题,例如书籍或电影的名字,应该使用<cite>。)

    这意味着,正确使用哪一个取决于具体的场景。两者都不是纯粹为了装饰的目的,那是CSS样式所做的。

    一个<em>的例子可能是:"Justdoit already!",或:"Wehadto do something about it"。人或软件在阅读文本时,会对斜体字的发音使用重读强调。

    一个<i>的例子可能是:"TheQueen Marysailed last night"。在这里,没有对"Queen Mary"这个词添加强调或重要性。它只是表明,谈论的对象不是一个名叫玛丽的女王,而是一艘名字叫玛丽的船。另一个<i>的例子可能是:"The wordtheis an article"。

    所有短语标签:


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

    HTML 4.01 与 HTML5之间的差异

    无。

    属性

    此元素只包括全局属性。

    全局属性

    <em>标签支持HTML 的全局属性。

    事件属性

    <em>标签支持HTML 的事件属性。

    实例

    对文档中的文本进行格式化:

    <em>emphasized text</em>
    

    上篇:<dfn>

    下篇:<i>