首页 > > 网页制作 > css >

浏览器中常见的html语义化标签

2020-02-28 16:01:55来源：博客园阅读 ()

浏览器中常见的html语义化标签

html标签默认在浏览器中展示的样式,html标签的用途：语义化（明白每个标签的用途,在什么情况下使用此标签合理）;标签语义化好处:1.更容易被搜索引擎收录2.更容易让屏幕阅读器读出网页内容。html常见标签诸如:文本段落,标题<h1-h6>,空格换行 ,强调or,短文本引用<q>,长文本引用<blockquote>,短代码引用<code>长代码引用<pre>,水平横线<hr/>添加地址信息<address>

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

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

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

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

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

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

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

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

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

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

原文链接:https://www.cnblogs.com/dhnblog/p/12377972.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有