下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:浏览器中常见的html语义化标签

作者:大灰牛博客     来源: https://www.cnblogs.com/dhnblog/archive/2020/02/28/12377972.点击数:919发布时间: 2020-03-01 16:18:48

标签: html代码word文档html

Web开发

  超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

  html标签默认在浏览器中展示的样式,html标签的用途:语义化(明白每个标签的用途,在什么情况下使用此标签合理);标签语义化好处:1.更容易被搜索引擎收录2.更容易让屏幕阅读器读出网页内容。

  网页上显示的页面内容通常放在<body>标签内部,文章的段落用<p>标签,文章的标题<hx>(标题标签一共有6个,h1-h6分别为一级标题到六级标题,并且依据重要性递减,<h1>是最高的等级.)<em>或<strong>标签用来强调,但两者在强调的语气上有区别:<em>表示强调,<strong>表示更强烈的强调.并且在浏览器中<em>默认用斜体表示,<strong>用粗体表示.

  ✰对于<em>,<strong>,<span>这三个标签总结:1.<em>和<strong>标签是为了强调一段话中的关键字时使用,它们的语义是强调;2.<span>标签是没有语义的,它的作用就是为了设置单独的样式用的

  <q>标签短文本引用,示例<q>庄生晓梦迷蝴蝶,望帝春心托杜鹃</q>,浏览器会添加双引号;<blockquote>标签长文本引用,浏览器对<blockquote>标签的解析是2端缩进样式

  <br>标签分行显示文本,<br/>标签作用相当于word文档中的回车*语法:xhtml1.0写法:<br/>;html4.01写法:<br>现在一般使用xhtml1.0的版本的写法(其它标签也是),这种版本比较规范.

  <br/>标签是一个空标签,没有html内容的标签就是空标签,空标签只需要写一个标签,这样的标签有<br/>、<hr/>和<img/>小结:在html代码中输入回车,空格都是没有作用的,在html文本中想输入回车换行,就必须输入<br/>

  网页文字空格符&nbsp;原因:在html代码中输入空格,回车都是没有作用的.要想输入空格必须写入&nbsp;

  <hr>标签,添加水平横线,语法:html4.01版本<hr>,xhtml1.0版本<hr/>注意:1.<hr/>标签和<br/>标签一样也是一个空标签,所以只有一个开始标签,没有结束标签2.<hr/>标签的在浏览器中的默认样式线条比较粗,颜色为灰色,3.现在一般使用xhtml1.0的版本(其它标签也是),这种版本比较规范.

  <address>标签,为网页加入地址信息/在浏览器上显示的样式为斜体;

  <code>代码语言</code>注意:如果是多行代码,可以使用<pre>标签,加入一行代码的标签为<code>,但是在大多数情况下是需要加入大段代码的*<pre>标签的主要作用:预格式化的文本。被包围在pre元素中的文本通常会保留空格和换行符(附:<pre>标签不只是为显示计算机的源代码时用的,在你需要在网页中预显示格式时都可以使用它,只是<pre>标签的一个常见应用就是用来展示计算机的源代码。)

  HTML之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点------就是一种URL指针,通过激活(点击)它,可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。

赞(14)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程