HTML 4.01 版本的结构化元素
作者:互联网
标题元素(<h1> ~<h6>
)
代码:
<h1>标题一</h1>
<h2>标题二</h2>
<h3>标题三</h3>
<h4>标题四</h4>
<h5>标题五</h5>
<h6>标题六</h6>
效果:
- 注:默认呈现效果是
<h1>
元素字体最大,然后依次减小,<h6>
元素字体最小。 <h1>
~<h2>
元素每个元素独占一行,也就是说,<h1>
~<h6>
元素呈现垂直方向排列规则。- 关于标题元素在开发中的使用时需要注意如下要点:
- 对于搜索引擎抓取 HTML 页面的内容,
<h1>
元素仅次于<title>
元素。 - 为了可以被搜索引擎抓取,建议一个 HTML 页面只包含一个
<h1>
元素。 - 不要为了减小标题的字体而使用低级别的标题, 而是通过使用 CSS font-size 属性实现。
- 避免跳过某级标题,始终要从
<h1>
元素开始,依次使用<h2>
元素、<h3>
元素、… …
段落元素(<p>
)
HTML <p>
元素表示一个段落,该元素通常呈现出当前段落的文本与其他段落的文本之间会以空白进行隔离。
粗体元素(<b>
)
HTML <b>
元素用来定义需要提醒注意的内容。该元素在过去被认为是粗体元素,因为绝大多数浏览器解析该元素呈现的是粗体效果。
代码:
<p>这是一个<b>段落</b>内容.</p>
斜体元素(<i>
)
定义表现因某些原因需要区分普通文本的一系列文本,例如技术术语、外文短语或是小说中人物的思想活动等。浏览器运行解析 <i>
元素一般呈现的效果是斜体。
上标元素(<sup>
)与下标元素(<sub>
)
HTML <sup>
元素表示为上标元素,HTML <sub>
元素表示为下标元素。这两个元素的特点如下:
<sup>
元素定义的文本内容与主体内容相比,显示更高更小。<sub>
元素定义的文本内容与主体内容相比,显示更低更小。
代码:
<p>你将在下学期学习到 E=MC<sup>2</sup> 公式。</p>
<p>水的化学成分叫做H<sub>2</sub>O。</p>
效果:
换行符(<br>
)
HTML <br>
元素会在 HTML 页面中生成一个换行符。编写在 <br>
元素后的文本内容会呈现在第二行中。
水平线元素(<hr>
)
HTML <hr>
元素用来表示段落元素之间的主题转换。在较早版本的 HTML 中,<hr>
元素表示一个水平线,并且浏览器运行解析也是水平线效果。但目前 <hr>
元素被定义为语义上的,而不是表现上。
标签:段落,结构化,4.01,元素,标题,HTML,内容,文本 来源: https://blog.csdn.net/qq_46133833/article/details/121069387