你知道却不常用的HTML标签(一)

未结 0 3046
VIP1 2019年09月20日
悬赏:20积分

1、pre 标签

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

例如:


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



效果图:

2、figure 与 figcaption

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




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



3、em 标签 与 strong 标签

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

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

4、del 标签 与 ins 标签

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

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


效果图:


5、sub 标签 与 sup 标签

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

水的化学公式: H2O

效果图:

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

2 + 32= 11

效果图:

6、ruby 标签

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


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


效果图:

7、bdo 标签

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

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

这段文本是从左到右的
这段文本是从右到左的

效果图:


转自 掘金 前端摸鱼
链接:https://juejin.im/post/5d81a6b5f265da03ed1987b3

回帖
  • 还没有人回复
本周热议
没有相关数据
layui

微信扫码关注 网盟开源 公众号