没有什么效果的html标签,你知道却不常用的HTML标签（一）

作为了一个前端帅小伙/靓姑娘，开发的时候总是会和 HTML 标签打交道。一来二往的就熟悉的开始使用 div + css 的布局了，今天介绍一篇很早以前就出现，但是没有太多人(我认识的人使用的不是很多)使用的HTML的其它标签，赶快来认识它们吧。

1、pre 标签

HTML

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

例如：

< Hello World > 我就是想

--------------------------- 乱七

\ ^__^ 八遭

\ (oo)\_______

(__)\ )\/\ 的定位写

||----w |

|| || 出来 ~

复制代码

效果图：

2、figure 与 figcaption

HTML

元素代表一段独立的内容, 经常与说明(caption)

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

alt="Elephant at sunset">

这是的我微信公众号，快来扫码认识我吧~

复制代码

效果图：

3、em 标签与 strong 标签

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

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

4、del 标签与 ins 标签

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

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

复制代码

效果图：

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

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

复制代码

效果图：

5、sub 标签与 sup 标签

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

水的化学公式: H₂O

复制代码

效果图：

HTML ^{元素定义了一个文本区域，出于排版的原因，与主要的文本相比，} 中的内容将会以当前文本流中字符高度的一半来显示。

2 + 3²= 11

复制代码

效果图：

6、ruby 标签

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

曲 (qu)

小 (xiao)

强 (qiang)

复制代码

效果图：

7、bdo 标签

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

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

这段文本是从左到右的

这段文本是从右到左的

复制代码

效果图：

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

谢谢观赏~~~

微信扫码关注我吧 ~

没有什么效果的html标签,你知道却不常用的HTML标签（一）相关推荐

HTML5中常见的列表标签包括,介绍几个常用的HTML5标签
一.Html的基本结构: 网页的文本.图片等信息: 二.Head部分:用于表示网页的元数据即描述网页的基本信息其常用标签及属性有: 1.title标签:浏览器标签页显示的标题 2.meta标签:其常 ...
织梦直接写php标签,非常实用的织梦dede所有标签调用方法大全 .
该楼层疑似违规已被系统折叠隐藏此楼查看此楼关键描述调用标签: ------------------------------------------------------------------- ...
html标签教案,第1章 HTML的基本标签-教案
第1章 HTML的基本标签本章任务.................................................................................. ...
php html 文本域,html文本域标签属性有哪些？html文本域标签属性用法介绍
本篇文章主要介绍的是关于HTML文本域textarea标签的属性和简单的用法实例.文章内容很简单,很容易学习的,代码都是很基础的代码,还是没有难度的代码,所以想学习的请认真的自己敲代码.接下来让我们一 ...
常用HTML标签元素介绍,常用的HTML标签元素总结简介
给大家收集整理了一些最常用的HTML标签元素,有需要的朋友可以保存一下,这些都是最常用的,几乎每一份网页都用得到的标签.标签是提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的 ...
常用的HTML标签(超文本标记语言)
HTMl (Hyper Text Markup Language)基本标签基本结构标签 注释标志,在"&q ...
多标签文本分类数据集_标签感知的文档表示用于多标签文本分类（EMNLP 2019）...
原文: Label-Speciﬁc Document Representation for Multi-Label Text Classiﬁcation(EMNLP 2019) 多标签文本分类摘要: ...
svm 图片加标签_基于半监督的SVM多标签图数据分类算法研究
宋文广李程文谭建平摘要:传统的图数据分类研究主要集中在单标签集,然而在很多应用中,每个图数据都会同时具有多个标签集.文章研究关于多标签图数据分类问题,并提出基于半监督的SVM多标签图数据分 ...
安卓学习笔记16：常用控件 - 标签
文章目录零.学习目标一.继承关系图二.标签常用属性三.教学案例 - 标签演示 (一)运行效果 (二)涉及知识点 (三)实现步骤 1.创建安卓应用[TextViewDemo] 2.布局资源文件a ...

没有什么效果的html标签,你知道却不常用的HTML标签（一）

没有什么效果的html标签,你知道却不常用的HTML标签（一）相关推荐

最新文章

热门文章