ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

HTML 4.01 版本的结构化元素

2021-10-31 20:29:59  阅读:156  来源: 互联网

标签:段落 结构化 4.01 元素 标题 HTML 内容 文本


标题元素(<h1> ~<h6>

代码:

<h1>标题一</h1>
​
 <h2>标题二</h2>
​
 <h3>标题三</h3>
​
 <h4>标题四</h4>
​
 <h5>标题五</h5>
​
 <h6>标题六</h6>

效果:

image-20211021162014125.png

  • 注:默认呈现效果是 <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>

效果:

psc.png

换行符(<br>)

HTML <br> 元素会在 HTML 页面中生成一个换行符。编写在 <br> 元素后的文本内容会呈现在第二行中。

水平线元素(<hr>

HTML <hr> 元素用来表示段落元素之间的主题转换。在较早版本的 HTML 中,<hr> 元素表示一个水平线,并且浏览器运行解析也是水平线效果。但目前 <hr> 元素被定义为语义上的,而不是表现上。

标签:段落,结构化,4.01,元素,标题,HTML,内容,文本
来源: https://blog.csdn.net/qq_46133833/article/details/121069387

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有