我的编程空间,编程开发者的网络收藏夹
学习永远不晚

html不常用的标签是什么

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

html不常用的标签是什么

这篇文章主要介绍“html不常用的标签是什么”,在日常操作中,相信很多人在html不常用的标签是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”html不常用的标签是什么”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

html不常用的标签有:pre、figure、figcaption、em、strong、del、ins、sub、sup、ruby、bdo、vedio、audio、track、optgroup、output、progress、meter等等。

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

html不常用的标签

1、pre 标签

HTML <pre> 元素表示预定义格式文本。在该元素中的文本通常按照原文件中的编排,以等宽字体的形式展现出来,文本中的空白符(比如空格和换行符)都会显示出来。

例如:

<pre>
    < Hello World >                          我      就是   想
      ---------------------------                    乱    七   
            \   ^__^                            八       遭
              \  (oo)\_______
                (__)\       )\/\        的                     定位  写
                    ||----w |
                    ||     ||                      出来 ~
</pre>

效果图:

html不常用的标签是什么

2、figure 与 figcaption

HTML <figure> 元素代表一段独立的内容, 经常与说明(caption)<figcaption>配合使用, 并且作为一个独立的引用单元。当它属于主内容流(main flow)时,它的位置独立于主体。这个标签经常是在主文中引用的图片,插图,表格,代码段等等.

<figure>
	<img style="width: 300px" class="lazy" data-src="img/2.jpg" >
	<figcaption>美丽的海景~</figcaption>
</figure>

效果图:

html不常用的标签是什么

3、em 标签 与 strong 标签

HTML 着重元素 (<em>) 标记出需要用户着重阅读的内容, <em> 元素是可以嵌套的,嵌套层次越深,则其包含的内容被认定为越需要着重阅读,一般显示为 " 倾斜字体 "

Strong 元素 (<strong>)表示文本十分重要,一般用粗体显示。

4、del 标签 与 ins 标签

HTML的 <del> 标签表示一些被从文档中删除的文字内容。比如可以在需要显示修改记录或者源代码差异的情况使用这个标签。

<p><del>这段文本已被删除。 </del>, 请浏览其它部分</p>

效果图:
html不常用的标签是什么

HTML <ins> 元素定义已经被插入文档中的文本。

<ins>这一段文本是新插入至文档的。</ins>

效果图:

html不常用的标签是什么

5、sub 标签 与 sup 标签

HTML <sub> 元素定义了一个文本区域,出于排版的原因,与主要的文本相比,应该展示得更低并且更小。

<p>水的化学公式: H<sub>2</sub>O</p>

效果图:

html不常用的标签是什么

HTML <sup> 元素定义了一个文本区域,出于排版的原因,与主要的文本相比,应该展示得更低并且更小。

<p>2 + 3<sup>2</sup>= 11</p>

效果图:
html不常用的标签是什么

6、ruby 标签

HTML <ruby> 元素 被用来展示东亚文字注音或字符注释。

<ruby>
  曲 <rp>(</rp><rt>qu</rt><rp>)</rp>
  小 <rp>(</rp><rt>xiao</rt><rp>)</rp>
  强 <rp>(</rp><rt>qiang</rt><rp>)</rp>
</ruby>

效果图:
html不常用的标签是什么

7、bdo 标签

指定子元素的文本方向 ,显式地覆盖默认的文本方向。

<bdo> 元素 ( HTML双向覆盖元素 )用于覆盖当前文本的朝向,它使得字符按给定的方向排列。

<p>这段文本是从左到右的</p>
<p><bdo dir="rtl">这段文本是从右到左的</bdo></p>

效果图:

html不常用的标签是什么

当你用css 写大量的样式的时候,有没有想过,有一个标签可以代替大量的样式属性呢。

8、vedio、audio 和 track

vedio、audio 和 track 三者都是 HTML5 的产物,相信很多小伙伴,都肯定使用过<video><audio> ,因为比较常用,这里就不介绍<video><audio>了,今天说一下<track>

HTML <track> 元素 被当作媒体元素 <audio><video>的子元素来使用。它允许指定计时字幕(或者基于时间的数据),例如自动处理字幕。

track 给媒体元素添加的数据的类型在 kind 属性中设置,属性值可以是 subtitles, captions, descriptions, chaptersmetadata。该元素指向当用户请求额外的数据时浏览器公开的包含定时文本的源文件。

一个media 元素的任意两个 track 子元素不能有相同的 kind, class="lazy" data-srclang, 和 label属性。

<video controls width="250" class="lazy" data-src="xxx.mp4">
    <track default kind="captions"
       class="lazy" data-srclang="en"
       class="lazy" data-src="xxxxx.vtt"/>
Sorry, your browser doesn't support embedded videos.
</video>

效果图:

html不常用的标签是什么

9、optgroup 标签

<optgroup> 标签定义选项组。

optgroup 元素用于组合选项。当您使用一个长的选项列表时,对相关的选项进行组合会使处理更加容易。

<select>
    <optgroup label="Group 1">
      <option>Option 1.1</option>
    </optgroup> 
    <optgroup label="Group 2">
      <option>Option 2.1</option>
      <option>Option 2.2</option>
    </optgroup>
    <optgroup label="Group 3" disabled>
      <option>Option 3.1</option>
      <option>Option 3.2</option>
    </optgroup>
 </select>

效果图:

html不常用的标签是什么

简单的介绍这个功能,大多数的时候,我们所选择的框架开发,都会集成这种效果,可维护性也比较好,这里权当认识一下这个标签,不要遗忘了它~

10、output

HTML <output> 标签是HTML 5 中的新标签,表示计算或用户操作的结果,执行计算然后在 <output> 元素中显示结果。

注释Internet Explorer 不支持 标签。

<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
  <input type="number" name="b" value="40" /> +
  <input type="number" name="a" value="10" /> =
  <output name="result"></output>
</form>

效果图:

html不常用的标签是什么

11、progress 标签

HTML中的progress (<progress>) 元素用来显示一项任务的完成进度.

进度条:<progress value="70" max="100">70 %</progress> <br />
进度条:<progress></progress>

效果图:

html不常用的标签是什么

提示:请结合 <progress> 标签与 JavaScript 一同使用,来显示任务的进度。

不过一般会用到进度条的地方,都是组件,框架自带之类的,这个算是鸡肋的了,不过了解一下还是没有坏处的,哦对了,这个标签Internet Explorer 9 以及更早的版本不支持。

12、meter 标签

progress 相比 meter 元素来度量给定范围(gauge)内的数据:

<p>显示度量值:</p>
<meter value="3" min="0" max="10">3/10</meter><br>
<meter value="0.6">60%</meter>

效果图:

html不常用的标签是什么

13、details 标签

HTML <details>元素可创建一个挂件,仅在被切换成展开状态时,它才会显示内含的信息。<summary> 元素可为该部件提供概要或者标签。

<details>
  <summary>点击展开</summary>
  <p>世间万物,为我所用,非我所得。</p>
</details>

效果图:
html不常用的标签是什么

注意: 目前只有 Chrome 和 Safari 6 支持 <details> 标签。

到此,关于“html不常用的标签是什么”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

html不常用的标签是什么

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

常见HTML格式与标签是什么

这期内容当中小编将会给大家带来有关常见HTML格式与标签是什么,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。HTML其实还是蛮容易学习的,无非就是一些标签、格式的填写,大学的时候也做过网站设计,所以这里主
2023-06-04

HTML input标签的作用是什么

HTML input标签用于创建表单中的输入字段,可以接收用户的输入数据。它可以用于不同类型的输入,如文本、密码、日期、时间、数字等。通过设置不同的属性,可以对输入字段进行限制、验证和格式化。用户可以通过在输入字段中输入数据,或选择提供的选
2023-09-18

HTML template标签的作用是什么

HTML的template标签用于定义页面中的可复用内容模板。它允许开发者在HTML中定义一段标记,但不会在页面中立即呈现。相反,模板会被保留在文档中,供JavaScript脚本或其他模板处理工具使用。使用template标签可以将一些HT
2023-10-11

HTML font标签的作用是什么

HTML的font标签用于指定文本的字体、字号、颜色等样式。具体来说,font标签可以用于以下几个方面:1. 指定字体:可以使用font标签的face属性来指定文本的字体,例如 `This is some text.`。2. 指定字号:可以
2023-10-11

HTML frameset标签的作用是什么

HTML frameset标签用于定义一个页面的框架集,它可以将一个页面分割为多个独立的窗口(框架),每个窗口可以加载不同的HTML页面。frameset标签通常与frame标签配合使用,frame标签用于定义每个窗口的内容。通过使用fra
2023-10-11

HTML iframe标签的作用是什么

HTML iframe标签用于在当前网页中嵌入其他网页或者嵌入其他文档格式,比如音频、视频和PDF文件等。它可以在一个网页中呈现出另外一个独立的网页,类似于在一个窗口中打开了另一个窗口。iframe标签可以设置宽度、高度、边框、滚动条和其他
2023-10-10

HTML textarea标签的作用是什么

HTML textarea标签用于创建可编辑的多行文本输入框。它允许用户在其中输入多行文本,比如评论、文章、用户反馈等。Textarea标签可以设置行数和列数来控制显示的大小,并且可以通过设置maxlength属性来限制输入的字符数。在表单
2023-09-05

HTML label标签的用处是什么

HTML中的 `` 标签用于为表单元素提供标签文本。它通常与输入元素(如文本框、复选框、单选按钮等)关联,以提供更好的用户体验和可访问性。主要用途包括:1. 表单标记:`` 标签用于标识表单控件的名称或说明。通过
2023-10-11

HTML head标签的作用是什么

HTML head标签用于定义HTML文档的头部,其中包含了一些元数据(metadata),即提供关于HTML文档的信息,而不是显示在页面上的内容。具体作用如下:1. 设置文档的标题:使用标签中的标签来定义文档的标题,标题将显示在浏览器的标
2023-10-11

HTML link标签的作用是什么

HTML link标签用于定义页面之间的链接关系。它可以用于以下几个方面:1. 定义外部样式表:通过link标签,可以将外部的CSS文件链接到HTML文档中,从而对页面的样式进行统一管理。2. 定义网站图标:通过link标签,可以指定网站的
2023-10-12

HTML menuitem标签的作用是什么

HTML ``标签用于定义用户界面(UI)中的命令、功能或选项。它通常用于以譬如上下文菜单、工具栏按钮、音频/视频控制等形式提供可交互的选项。``标签通常与``或``标签结合使用,定义一个菜单项或命令。它可以设置命令的名称、图标、快捷键等属
2023-10-12

HTML tbody标签的作用是什么

HTML tbody标签用于定义表格的主体内容。tbody标签包含了表格中的行(tr标签),每个行中又包含了表格的数据单元格(td或th标签)。tbody标签的主要作用是提高表格的可读性,使表格结构更加清晰。此外,使用tbody标签还可以对
2023-10-12

HTML dl标签的作用是什么

HTML ``标签用于定义一个描述列表,即一组术语和其对应的描述。``标签通常与``(定义术语)和``(定义描述)标签一起使用。``标签可以用于创建词汇表、说明列表、FAQ(常见问题解答)等。通过使用``标签,可以清晰地展示术语和其对应的定
2023-10-12

HTML map标签的作用是什么

HTML的map标签用于定义一个图像映射(image map),即将图像的不同区域划分为可点击的链接区域,实现图像上的点击交互。map标签通常与area标签配合使用。area标签定义图像区域,包括形状(矩形、圆形或多边形)和区域的坐标。ma
2023-10-12

HTML del标签的作用是什么

HTML的``标签用于表示被删除的文本。它在页面中呈现为横线穿过被删除的文本。``标签通常用于表示文本的错误、过时或无效,或者表示文本的一部分已被删除。例如:```html这是一段被删除的文本。```在浏览器中呈现的效果是:这是一段~~被删
2023-10-12

HTML q标签的作用是什么

`` 标签用于标记短的引用或引文,它表示被引用的内容是从其他源中获取的。通常情况下,浏览器会自动在引用周围添加引号以突出显示引文。`` 元素可以用于包裹单个词、短语或句子,将其与其他文本区分开来,并指示这部分内容是引用或来自其他
2023-10-12

HTML keygen标签的作用是什么

HTML的keygen标签用于创建一个公钥(public-key)对,用于提交表单时的身份验证。它会生成一个密钥对,并将私钥保存在用户的本地文件系统中,而公钥则用作表单的一部分被提交到服务器。这个标签通常与表单一起使用,并且只能在表单内部使
2023-10-11

编程热搜

目录