仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1760|回复: 8
打印 上一主题 下一主题

[HTML5] 带来一篇HTML标志em和strong的区分

[复制链接]
深爱那片海 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:28:40 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
每一款手机有不同的分辨率,不同屏幕大小,如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢?学习html5viewport的使用能帮你做到这一点……em和strong的区分,能够从三个条理下去谈。
起首看HTML4.01中的申明:
EM:Indicatesemphasis.
STRONG:Indicatesstrongeremphasis.
em暗示夸大,strong暗示更激烈的夸大。一针见血,标明了em和strong的定名来源。而且在扫瞄器中,em默许用斜体暗示,strong用粗体暗示。这是第一个条理上的区分。
第二个条理上,在Emphasisincontextversusoverallhighlighting和emvs.strong这两篇文章中,做了很好的总结:

  • emisforlocalemphasis.Yousee?Localemphasis.Ifyouwouldemphasizeawordinspeech,useem.
  • strongisforglobalhighlighting.Whensomebodylooksatyourdocument,ataglance,certainwordsandphrasesshouldjumpout.Thesearethewordsandphrasesthatmakeupthegistofthecontent—thehighlights.
em用来部分夸大,strong则是全局夸大。从视觉上思索,em的夸大是有按次的,浏览到某处时,才会注重到。strong的夸大则是一种随便无按次的,瞥见某文时,立即就凸显出来的关头文句。斜体和粗体恰好满意了这两种视觉效果,因而也就成了em和strong的默许款式。
感到下面已注释得很分明了?我们再来看看第三个条理上的区分。HTML5草案中做了细致注释:

  • Theemelementrepresentsstressemphasisofitscontents.Theplacementofemphasischangesthemeaningofthesentence.
  • Thestrongelementrepresentsstrongimportanceforitscontents.Changingtheimportanceofapieceoftextwiththestrongelementdoesnotchangethemeaningofthesentence.
em暗示内容的侧重点(stressemphasis),strong暗示内容的主要性(strongimportance),strong不会改动地点句子的语意,em则会改动地点句子的语义。而且举了一个十分好的例子:
<p><em>Cats</em>arecuteanimals.</p>
夸大猫,会商的是哪一种植物伶俐心爱。
<p>Cats<em>are</em>cuteanimals.</p>
夸大是,会商的是猫是否是伶俐心爱。
<p>Catsare<em>cute</em>animals.</p>
夸大伶俐心爱,会商的是猫事实是伶俐心爱呢仍是愚昧厌恶。
<p><strong>Warning.</strong>Thisdungeonisdangerous.
<strong>Avoidtheducks.</strong>Takeanygoldyoufind.
<strong><strong>Donottakeanyofthediamonds</strong>,
theyareexplosiveand<strong>willdestroyanythingwithin
tenmeters.</strong></strong>Youhavebeenwarned.</p>
strong暗示的是主要性上的夸大,不会引发句子意义的变更。最初注重em和strong都能够有多重,好比能够用两个strong来暗示内容很主要。
能够看出,第二个条理上所说的部分夸大和全局夸大是不敷正确的。em和strong区分的奥妙处,在HTML5草案里才失掉极尽描摹的阐释。保举人人偶然间的时分,细心浏览HTML5草案。有良多元素的语义,都阐释得十分分明,关于我们怎样在最得当的中央利用最得当的标签,十分具有代价。
最初,在前端与平易近工一文的复兴中,和收到的邮件里,很遗憾的没有发明有谁晓得第三个条理上的区分。因而筹办的礼物(我还真筹办了10份),很落漠的发不进来了。不外这篇文章仅是个引子,接上去筹办用一系列文章来切磋HTML中元素的语义。礼物的答应持续无效,留给下一个话题:
请论述dl的语义,并枚举最少5种利用场景。
能够查阅材料,将了局贴在复兴里,或邮件发送给我都能够,礼品无限,前10个答对的必送。
增补:和一些伴侣又会商了下,最初我的意见是:
em是句意夸大,加与不加会引发语义变更。
strong是主要性夸大,和部分仍是全局有关,部分夸大用strong也能够,strong夸大的是主要性,不会改动句意。
</p>
HTML5语音识别(现在一般用在搜索上),目前相关介绍还是挺多的。为何呢?因为很简单!
精灵巫婆 该用户已被删除
沙发
发表于 2015-1-17 22:55:54 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
若相依 该用户已被删除
板凳
发表于 2015-1-24 15:18:11 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
变相怪杰 该用户已被删除
地板
发表于 2015-2-1 21:40:16 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
活着的死人 该用户已被删除
5#
发表于 2015-2-7 17:30:38 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
小女巫 该用户已被删除
6#
发表于 2015-2-22 21:37:34 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
7#
发表于 2015-3-7 05:12:03 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
简单生活 该用户已被删除
8#
发表于 2015-3-14 14:39:40 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
柔情似水 该用户已被删除
9#
发表于 2015-3-21 11:28:44 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-15 12:12

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表