<!doctype html> <html> <head> <meta charset="utf-8" /> </head> <body> <div id="subject" class="wrapper"> <ul> <li class="big"> <a href="#link1"> <img src="http://gtms01.alicdn.com/tps/i1/T1Lvt3Fv4kXXbA5QAK-195-120.jpg_Q90.jpg"> <div class="info"> <h3 style="color:#f62368">聚美妆</h3> <p>聚美妆1/2周年庆</p> <p class="price"><strong>1</strong><em>折起</em></p>//我这里用的em也实现了斜体?和i有什么区别吗? </div> <s class="line"></s> <i class="mask"></i> </a> </li> </ul> </div> </body> </html>
想知道em和i两个标签的区别,只知道他们都是字体变倾斜,我这里用em对吗?
就表现而言<em></em>,<i></i>表现都一样,都是表示斜体。
但是<em>标签是“含有语义”的标签,搜索引擎会了解这些语义。其在HTML中是特意被设定为表示“强调”的意思。当发现这些表示“强调”的标签时,一些屏幕阅读器可能使用不同的inflection,更利于SEO。
<i>标签表示对所包含内容显示斜体文本效果。
<em>标签表示对所包含文本内容的强调。目前,浏览器采用斜体字来显示强调。将来,浏览器也可能采用其他效果来显示强调文本。如果要显示斜体文本效果,请使用<i>标签。
好像明白
还是不清楚地了解哦
如果解决了您的问题,请设某楼为正确答案吧,这样方便其他同学参考,谢谢!
同意楼上。具体到这两个标签,<em>表示被强调呈现的内容,<i>是物理上的斜体,没有内容上的意义。
一个是基于内容的样式(em),一个是基于物理的样式(i)。
html标签都分为以上两大类,都推荐使用基于内容的样式,不要用基于物理的样式