排版标签
在HTML中,排版标签用于定义文本的结构和布局,使内容更加清晰和易于阅读。以下是一些常用的排版标签及其用法:
标题标签
HTML提供了六种不同级别的标题标签,从<h1>
到<h6>
。<h1>
是最高级的标题,通常用于页面的主标题,而<h6>
是最低级别的标题。
html
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
1
2
3
4
5
6
2
3
4
5
6
特点:
字体加粗、独占一行。
用于视觉上区分标题,并对SEO有积极影响。
视觉效果:
标题标签在浏览器中呈现不同的字体大小,以表明它们的层次关系。通常,<h1>
最大,而<h6>
最小。具体大小取决于浏览器的默认设置和用户CSS样式表。
浏览器默认设置
标签 | 大小 |
---|---|
<h1> | 2em |
<h2> | 1.5em |
<h3> | 1.17em |
<h4> | 1em |
<h5> | 0.83em |
<h6> | 0.67em |
段落标签
段落标签 <p>
用于定义文本段落,浏览器会自动在每个段落前后添加一些空白,以使文本更加易读。
html
<p>这是一个段落。</p>
<p>这里另一个段落。</p>
1
2
2
特点:
- 独占一行,段落与段落之间保有空隙。
- 文本在一个段落中会根据浏览器窗口的大小自动换行。
- 不能嵌套标题标签。
换行标签
换行标签<br>
是一个自闭合标签,用于在文本中插入换行符,让文字强制换行。与段落不同,<br>
不会在换行处增加额外的空白。
html
<p>这是一个段落。<br>这是同一段落中的新行</p>
1
水平线标签
水平线标签 <hr>
也是一个自闭合标签,用于在页面中插入一条水平分割线,通常用来分隔不同的内容部分。
html
<p>这是一个段落。</p>
<hr>
<p>这里另一个段落。</p>
1
2
3
2
3