文本内容标签

学思创的头像
学思创
268

<h1> ~ <h6>:定义标题,由大到小表示不同级别的标题(自带加粗和行高、字体大小)
<p>:定义一个段落
<br>:定义换行,用于插入换行符;一个空标签,意味着它没有结束标签
<hr>:定义水平分割线
<span>:定义行内元素容器
<code>:定义计算机代码文本
<pre>:定义预格式化文本
<mark>:定义标记文本,用于高亮显示
<b>:定义粗体的文本(定义了文本中的部分比其余的部分更重要,并呈现为粗体)
<i>:定义斜体的文本
<em>定义强调文本,通常会用斜体显示
<strong>:定义重要的文本,用于表示重要文本,通常会加粗显示
<small>:制作更小字号的文本
<sub>:定义下标文本
<sup>:定义上标文本
<bdo>: 标签覆盖默认的文本方向
<abbr>:表示一个缩写

属性 描述
title 缩写的全称 该缩写所代表的全称


<blockquote>:定义引用

属性 描述
cite URL地址 引用的URL地址,如果来自网络的话


<q>:定义一个短的引用(通常浏览器会显示在引号中,浏览器会为这段文本添加引号)

属性 描述
cite URL地址 引用的URL地址,如果来自网络的话


提示:<blockquote>与<q>标签的作用基本相似,区别只是<blockquote>用于引用一段带换行的大段文本;但<q>用于引用一段不带换行的较短的文本
<cite>:定义文本对某个参考文献的引用,比如书籍或杂志、电影、歌曲的标题(通常会斜体显示)
<dfn>:定义一个项目、特定术语或概念(通常会粗体或斜体显示)
<del>:定义被删除的文本(通常会以中划线显示)

属性 描述
cite URL地址 指向另一个文档的 URL,该文档解释了文本被删除或插入的原因
datetime YYYYMMDD 定义文本被删除的日期和时间


<ins>:定义文档的其余部分之外的插入文本

属性 描述
cite URL地址 指向另一个文档的 URL,该文档解释文本插入的原因
datetime YYYYMMDD 定义文本插入的日期和时间


提示:<del>与<ins>通常会结合使用,来描述对文档的更新和修正
<samp>:定义样本文本(示范文本)
<kbd>:定义键盘文本,它表示文本是从键盘上键入的,经常用在与计算机相关的文档或手册中
<var>:定义变量。可将此标签与 <pre> 及 <code> 标签配合使用
<mark>:用于定义带有记号的文本。使用 <mark> 标签元素,可以高亮显示文档中的文字,以达到醒目的效果。这种高亮显示通常用于突出显示某些重要信息,例如在搜索结果中标记出搜索关键字。
<time>:用于标记文档中的时间信息。它可以表示具体的日期和时间,也可以表示一个时间段或时间范围。

属性 描述
datetime YYYYMMDD 指定一个准确的时间值

datetime属性的作用不仅是提供准确的时间值,还有助于可访问性和搜索引擎优化。对于视力障碍者或使用屏幕阅读器的人来说,datetime属性可以帮助他们获取更准确的时间信息。搜索引擎也可以根据datetime属性来理解和索引网页中的时间信息。

<details>:用于创建可折叠的详细内容区域。它通常与<summary>标签结合使用,用于表示详细内容的摘要或标题。

属性 描述
open true | false 用于设置详细内容区域默认展开显示

<summary>:用于为<details>元素提供摘要或标题。它被用于结合<details>标签,显示在可折叠的详细内容区域之前,作为摘要的内容。

<a>:定义超链接,用于从一个页面跳转(导航)到另一个页面

属性 描述
href 链接的目标 URL(绝对路径、相对路径、互联网URL地址)
target 指定链接的打开方式,属性值_self(默认值,当前页面窗口)、_blank(新窗口)、_top(顶层框架)、_parent(父级框架)
media 指定目标 URL 所引用的媒体类型,默认值:all
type 规定目标 URL 的 MIME 类型
rel 规定当前文档与目标 URL 之间的关系,仅在 href 属性存在时使用
ping 由空格分隔的 URL 列表,当用户点击该链接时,这些 URL 会获得通知,仅在 href 属性存在时使用
hreflang 规定目标 URL 的基准语言,仅在 href 属性存在时使用
download 是否下载资源而不是导航到它,如果是,则下载它的文件名
referrpolicy referr策略,设置在关注超链接时使用的引用者策略


URL介绍:https://xsc.sxcrun.com/userarticle/detail/id/306
锚点是HTML中的一种特殊元素,它用于链接到网页的不同部分。通过使用锚点,你可以直接将用户带到页面的特定部分,而无需滚动或搜索整个页面。要创建一个锚点,你需要先定义一个目标ID(id值为锚点名称),然后在需要链接的位置使用<a>标签,并在href属性中引用该ID(#+锚点名称)

<!-- 下面div就是锚点 -->
<div id="xuesichuang">
    学思创是IT技能学习平台。课程涉及PHP、前端、JavaScript、Mysql等主流技术语言,帮助用户技能提升。
</div>
<!-- 模拟页面挺长(只有浏览器垂直出现滚动条,点击下面锚点就可看到滚动条跳转到上面div所在的位置) -->
<div style="height:1000px"></div>
<!-- 点击下面超链接会定位到上面的锚点 -->
<a href="#xuesichuang" title="定位到学思创简介">学思创简介</a>

<!-- 点击下面超链接会先跳转到学思创首页,然后再定位到学思创的顶部 -->
<a href="https://xsc.sxcrun.com/#top-header" title="定位到学思创顶部">学思创顶部</a>

 

用户评论
评论列表