前端开发每天必学之认识HTML标签(1)
两者在强调的语气上有区别:<em> 表示强调,<strong> 表示更强烈的强调。并且在浏览器中<em>默认用斜体表示,<strong>用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用<strong>表示强调。 语法:
XML/HTML Code复制内容到剪贴板
<em>需要强调的文本</em> <strong>需要强调的文本</strong> 举例说明em和strong标签:
<em>的内容在浏览中显示为斜体,<strong>显示为加粗。如果不喜欢这种样式,没有关系,以后可以使用css样式去改变它。 2.6 style/span标签,为文字设置单独样式 对<em>、<strong>、<span>这三个标签进行一下总结: <em>和<strong>标签是为了强调一段话中的关键字时使用,它们的语义是强调。 <span>标签是没有语义的,它的作用就是为了设置单独的样式用的。 如果现在我们想把上一小节的第一段话“美国梦”三个字设置成blue(蓝色),但注意不是为了强调“美国梦”,而只是想为它设置和其它文字不同的样式(并不想让屏幕阅读器对“美国梦”这三个字加重音读出),所以这样情况下就可以用到<span>标签了。 语法: <span>文本</span>举例:
XML/HTML Code复制内容到剪贴板
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>了不起的盖茨比</title> <style> span{ color:blue; } </style> </head> <body> <p><span>美国梦</span>。</p> <p><strong>菲茨杰拉德</strong></p> <p><em>爱丽丝</em></p> </body> </html> 在浏览器显示为:
2.7 q标签,短文引用 想在你的html中加一段引用吗?比如在你的网页的文章里想引用某个作家的一句诗,这样会使你的文章更加出彩,那么标签是你所需要的。语法: <q>引用文本</q>注意要引用的文本不用加双引号,浏览器会对q标签自动添加双引号。 注意这里用标签的真正关键点不是它的默认样式双引号(如果这样我们不如自己在键盘上输入双引号就行了),而是它的语义:引用别人的话。
XML/HTML Code复制内容到剪贴板
<!DOCTYPE HTML> <html> <head> (编辑:衡阳站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |