任何人都可以帮忙吗？
我应该遵循哪种类型？语义标签还是表示性的？
<i>（表示）和<em>（语义）给出相同的结果。
那么我应该使用哪种约定？为什么？它们之间有什么区别吗？
答案 0 :(得分：5)
在CSS时代之前的网络出现之初，<i>呈现出来，但其定义自此以后发生了变化。今天， <i>和<em>都是语义的，具有不同的含义。
i元素表示与其周围偏移的文本范围 内容没有传达任何额外的重点或重要性，并为 传统的印刷表现形式是斜体文字;对于 例如，分类学名称，技术术语，惯用语 来自其他语言，思想或船名的短语。
来源：http://w3c.github.io/html-reference/i.html
em元素代表一系列具有强烈压力的文本。
来源：http://w3c.github.io/html-reference/em.html
如果您的用例确实是其中之一，请使用相应的（＆lt; =这是“强调压力”）。在CSS的未来版本中，您可能决定以不同的方式设置它们的样式。
如果不是，而您只是对斜体渲染感兴趣，请使用都不是，而是使用CSS定义样式的自定义类。
答案 1 :(得分：2)
<i> - 斜体，现在用于“替代语音”中的文本，例如音译外来词，技术术语和印刷斜体文字（ W3C:Markup，WHATWG）
<em> - 强调，现在用于压力强调，即您发音不同的内容（W3C:Markup，{{3} }）
<i> vs. <em>
对于新开发人员来说，为什么有这么多元素来表达对某些文本的强调，这常常令人困惑。 <i>和<em>也许是最常见的一种。为什么要使用<em></em> vs <i></i>？它们产生完全相同的结果，对吗？
不完全是。默认情况下，可视结果是相同的 - 两个标记都以斜体显示其内容。但语义是不同的。标签表示其内容的重点强调，而标签表示从正常散文中引出的文本，例如电影或书籍的名称，外来单词，或者当文本引用单词的定义而不是代表其语义。
<强> WHATWG
<强> more info