使用标签注意点:标签的用途和标签的默认样式。
语义化:明白怎样合理使用标签。便于编程者写的网页更容易被搜索引擎理解。
各标签简介:
-
<body>
标签
在网页上要展示出来的页面内容一定要放在<body>
标签中。 -
<p>
标签
在网页中显示文章时,将文章的段落放在<p>
标签中,<p>
标签的默认样式在段前段后都有空白,可通过css样式进行删除或改变。 -
<hx>
标签
语法为:<hx>标题文本</hx> (x为1-6)。<hx>
标签用来作为文章的标题,<h1>
的标题等级最高,标题标签的样式均会加粗,<h1>
标签的字号最大,<h6>
标签的字号最小。 -
<strong>
和<em>
标签
如果想在一段话中特别强调某几个文字,这时候就可以用到<strong>
和<em>
标签。<em>
表示强调,默认用斜体表示,<strong>
表示更强烈的强调 ,用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用<strong>
表示强调。
语法:
<em>
需要强调的文本</em>
<strong>
需要强调的文本</strong>
-
<span>
标签
没有语义,它的作用就是为了设置单独的样式用的。
语法:<span>
文本</span>
设置样式在<head>
里的<style>
里面设置。 -
<q>
标签
用于短文本引用,该标签将会自动在引用文本两端加上双引号,所以不用自己再加双引号。语法:<q>
引用文本</q>
。 -
<blockquote>
标签
用于长文本引用,浏览器对<blockquote>
标签的解析是缩进样式。
语法:<blockquote>
引用文本</blockquote>
-
<br>
标签
在需要加回车换行的地方加入<br />
,<br />
标签作用相当于word文档中的回车。在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行,就必须输入<br />
。现在一般都有<br />
,也有的用<br>
。
语法:<br />
-
标签
在 html 代码中输入回车、空格都是没有作用的。所以需要打空格时,必须写入
,可一次性写多个。
语法:
-
<hr>
标签
在信息展示时,有时会需要加一些用于分隔的横线,这样就会用到<hr>
标签。默认样式线条比较粗,颜色为灰色,可通过css对其进行修改。
语法:<hr>
-
<address>
标签
用于定义一个地址(比如电子邮件地址)、签名或者文档的作者身份。默认样式为斜体,可通过css进行样式修改。
语法:<address>
联系地址信息</address>
-
<code>
标签
当代码为一行代码时,可使用<code>
标签。
语法:<code>
代码语言</code>
<pre>
标签
需要加入大段代码时,将会用到<pre>
标签。<pre>
标签的主要作用:预格式化的文本。被包围在<pre>
元素中的文本通常会保留空格和换行符。
语法:<pre>
语言代码段</pre>