HTML之<i>标签详解

 一.起源

<i>标签，i是italic的缩写，表示斜体，italic指的是“意大利体（Italic Type）” 。 

 

二. 场景

<i>标签使用的场景和西文中的场景差不多。

1.在西文中斜体主要在以下场合使用：

• 表示强调，唤起注意
• 书籍名称、文章标题、船舶名称等。
• 表示引用
• 外语，如英文文章中夹杂的法语（例：A splendid coq au vin was served.）

 2.HTML中的用法

• 表示术语，比如技术术语（a technical term）等,例子：

  <p>The term <i>prose content</i> is defined above.</p>

• 表示分类学名称（a taxonomic designation），例子：

  <p>The <i class="taxonomy">Felis silvestris catus</i> is cute.</p>

• 表示变音（transliteration 音译，直译）
• 表示外来语（a phrase from another language），例子：

  <p>There is a certain <i lang="fr">je ne sais quoi</i> in the air.</p>

• 表示一种思想（a thought）[翻译疑问，表示一段想法，还是一种思想]
• 表示车、船舶名字（a ship name，比如说Titanic,记得纸质版的《新概念英语第三册》当中第十课用得就是斜体），例子如下：

  //Ship Name
  <p>The great ship,<i>Titanic</i>,sailed for New York from Southampton on April 10th,1912</p>
  
  //Car Name
  <p>He named his car <i>The lightning</i>, because it was very fast.</p>
  

• 表示倒叙和插曲（a dream sequence，电影、故事的一种叙述技巧），例子：

  <p>Raymond tried to sleep.</p>
  <p>
      <i>The ship sailed away on Thursday</i>, he dreamt.
      <i>The ship had many people aboard, including a beautiful princess called Carey. He watched her, day-in, day-out, hoping she would notice him, but she never did.</i>
  </p>
  <p>
      <i>Finally one night he picked up the courage to speak with her—</i>
  </p>
  <p>Raymond woke with a start as the fire alarm rang out.</p>

   

3.HTML中用法注意

• 当用其他语言的术语的时候，<i>标签必须得带有lang属性，例子上面也有：

  <p>There is a certain <i lang="fr">je ne sais quoi</i> in the air.</p>

• 当你要用的那部分文字无法用下列标签替换的时候，才需要用<i>标签： 

  <em> (emphasized text，表示强调)
  <strong> (important text，表示重要)
  <mark> (marked/highlighted text，表示标记、高亮)
  <cite> (the title of a work，表示作品名称)
  <dfn> (a definition term，表示特殊术语或者短语的定义)

   
• 通过样式可以来格式化<i>标签，所以，用<i>标签就得是斜体，这个不是必须的。（Style sheets can be used to format i elements, just like any other element can be restyled. Thus, it is not the case that content in i elements will necessarily be italicized.）
• 很多人用<i>标签来放icon图标，我也是这么用的。

三.参考

1.斜体-维基百科

2.用span还是i-知乎

3.HTML i Tag-w3schools.com

4.The i Element-w3.org