加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程 > 正文

前端开拓天天必学之熟悉HTML标签(1)

发布时间:2020-03-21 08:21:16 所属栏目:编程 来源:站长网
导读:副问题#e# 2.1 语义化,让你的网页更好的被搜刮引擎领略 这一章节我们要开始把网页中常用到的标签一 一贯各人先容,进修这一章节的时辰要记着进修html标签进程中,首要留意两个方面的进修:标签的用途、标签在赏识器中的默认样式。 什么叫做语义化呢,说的

两者在夸大的语气上有区别:<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>  

在赏识器表现为:


行使span的酿成了蓝色,行使strong标签的变革为粗体,行使em标签的酿成斜体。

2.7 q标签,随笔引用

想在你的html中加一段引用吗?好比在你的网页的文章里想引用某个作家的一句诗,这样会使你的文章越发出彩,那么标签是你所必要的。语法:

<q>引用文本</q>

留意要引用的文本不消加双引号,赏识器会对q标签自动添加双引号。

留意这里用标签的真正要害点不是它的默认样式双引号(假如这样我们不如本身在键盘上输入双引号就行了),而是它的语义:引用别人的话。

XML/HTML Code复制内容到剪贴板

<!DOCTYPE HTML>  

<html>  

    <head>  

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读