从<em>标签说前端开发

  <em title='图片预览|<img src=<%# GetImgUrl2(Eval("ProductInfoId").ToString())%> width=250 height=250 alt="close" /'>
                        预览</em>

 

问几个问题：

1.什么是<em>标签？

2.<em>标签和<i>标签的区别是什么？

3.<em>标签是强调，<strong>标签也是强调，这两个有什么关系和区别？

第一个问题最变态：

最诚实的回答：不知道，根本就没见！

最混淆的回答：大哥em是长度单位，是css的，不是html标签，和px（像素）一样，是单位。

最牛X的回答：em？就是强调啊，斜体，不过不推荐使用，你看看大的网站基本都不用这个标签的。

第二个问题主要是想引入html语义，虽然两者在浏览器中都显示为斜体，但是<em>是语义性标签，就是说他不光光是斜体，更重要的是有具体含义的，<i>是表现性标签，仅仅就是表现斜体；

第三个问题在网上搜索的最多的答案是：<em>是定义强调文本，<strong>是着重强调，<strong>强调比<em>强烈；我无意搜到的一片文章上说：

em标签代表强调，这个效果与i标签的效果在Firefox以及很多浏览器效果下是相同的，以至于wordpress默认用em标签实现斜体效果。strong标签代表重点强调。wordpress中默认的加粗是strong，没有设置em标签。

郁闷！！！！！！，wordpress怎么成了em和strong区分的标志了。无语。

说说第三个问题：.<em>标签是强调，<strong>标签也是强调，这两个有什么关系和区别？

我找到一片文章：em vs. strong(http://manishjethani.com/blog/2008/12/14/em-vs-strong/)

主要的信息我请jq群的小菜鸟翻译了一下，大致这个意思：

em用来表示本地的强调。你看，本地的强调。如果你将要强调一个单词在文稿中，用em，（或这个词的组成、来源或者读法）。
strong是一种全局高亮辅助，当人们看到你的文档是，一目了然，某些文字和段落应该跳过。这些被strong标示的文字和段落组成了文章的主 旨--精髓，（就是这个词的意义）。

作为一个开发者，该在什么时候选择用那个呢？我说不要迷惑。当你在写的时候将em用在强调（点击了i 按钮）。后来，在同一时间校对和格 式化的时候，高亮重要的点用strong，就象你会在学校的教科书，使用标记。

以下是射雕的语义研究（1）：em和strong的区别，建议大家查看原文：http://lifesinger.org/blog/?p=909

em 表示内容的着重点（stress emphasis），strong 表示内容的重要性（strong importance），strong 不会改变所在句子的语意，em 则会改变所在句子的语义。并且举了一个非常好的例子：

<p><em>Cats</em> are cute animals.</p>

强调猫，讨论的是哪种动物聪明可爱。

<p>Cats <em>are</em> cute animals.</p>

强调是，讨论的是猫是不是聪明可爱。

<p>Cats are <em>cute</em> animals.</p>

强调聪明可爱，讨论的是猫究竟是聪明可爱呢还是愚蠢讨厌。

<p><strong>Warning.</strong> This dungeon is dangerous.
<strong>Avoid the ducks.</strong> Take any gold you find.
<strong><strong>Do not take any of the diamonds</strong>,
they are explosive and <strong>will destroy anything within
ten meters.</strong></strong> You have been warned.</p>

strong 表示的是重要性上的强调，不会引起句子意思的变化。最后注意 em 和 strong 都可以有多重，比如可以用两个 strong 来表示内容很重要。

大家或许看出一点我要说的一些观点：

1.前端开发、网站重构或者说网页制作不是纯粹的css+div；你兼容性做的再好，效果做的再美，html没有语义，还是垃圾页面。

2.基础很重要，多去了解了解html的那些标签，不要页面做出来的全是div,li。本来是什么就用什么。虽然你全部用div也能完整的实现页面效果。

最后应用一下朋友在群里发的一句话：

入门的时候发现：原来这么简单
进阶的时候发现：以前原来什么都不懂
高级的时候发现：娘的，还有很多东西需要学习啊

转载于:https://www.cnblogs.com/zs1111/archive/2009/11/26/1611286.html