资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

html不常用的标签是什么

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

创新互联-专业网站定制、快速模板网站建设、高性价比德阳网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式德阳网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖德阳地区。费用合理售后完善,十余年实体公司更值得信赖。

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

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

例如:

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

效果图:

html不常用的标签是什么

2、figure 与 figcaption

HTML

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

美丽的海景~

效果图:

html不常用的标签是什么

3、em 标签 与 strong 标签

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

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

4、del 标签 与 ins 标签

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

这段文本已被删除。 , 请浏览其它部分

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

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

这一段文本是新插入至文档的。

效果图:

html不常用的标签是什么

5、sub 标签 与 sup 标签

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

水的化学公式: H2O

效果图:

html不常用的标签是什么

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

2 + 32= 11

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

6、ruby 标签

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


  曲 (qu)
  小 (xiao)
  强 (qiang)

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

7、bdo 标签

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

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

这段文本是从左到右的

这段文本是从右到左的

效果图:

html不常用的标签是什么

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

8、vedio、audio 和 track

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

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

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

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


    
Sorry, your browser doesn't support embedded videos.

9、optgroup 标签

标签定义选项组。

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

效果图:

html不常用的标签是什么

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

10、output

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

注释Internet Explorer 不支持 标签。


   +
   =
  

效果图:

html不常用的标签是什么

11、progress 标签

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

进度条:70 % 
进度条:

效果图:

html不常用的标签是什么

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

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

12、meter 标签

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

显示度量值:

3/10
60%

效果图:

html不常用的标签是什么

13、details 标签

HTML

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

  点击展开   

世间万物,为我所用,非我所得。

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

注意: 目前只有 Chrome 和 Safari 6 支持

标签。

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


文章名称:html不常用的标签是什么
URL地址:http://cdkjz.cn/article/iighih.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220