HTML5文本 描述性信息 强调
■知识点
HTML5提供了两个强调内容的语义标签。
strong:表示重要。
em:表示着重,语气弱于strong。
根据内容需要,这两个元素既可以单独使用,也可以一起使用。
■实例设计
【示例1】本示例使用strong设计一段强调文本,意在引起浏览者的注意,同时再使用em着重强调了特定区域。
<1^2>游客注意</h2>
<p><strong>请不要随地吐痰,特别是在<em>景区或室内</em> ! </strong></p>
在默认状态下,strong文本以粗体显示,em文本以斜体显示。如果em嵌套在strong中,将同时以 斜体和粗体显示。
【示例2】strong和em都可以嵌套使用,目的是使文本的重要程度递增。
<h2> 注册反馈</h2>
<p>你好,请记住<strong>g录密码(<strong>llllllll</strong>) </strongx/p>
其中“11111111”文本要比其他strong文本更重要。
■小结
在HTML4中,b等效于strong, i等效于em,它们的默认显示效果是一样的,但在HTML5中,不要再使用b元素替代strong,也不要使用i元素替代em。
在HTML4中,strong表示强调程度比em要高,两者语义只有轻重之分。而在HTML5中,em表示强调,而strong表示重要,两者语义进行了细微分工。
点击加载更多评论>>