[03]HTML基础之行内标签

1.标签

显示东亚字符的发音(如中文,日文等),与标签搭配。

//为单个发音字符的容器,为不支持标签时显示的内容,
//为字符的发音
( zhong )( wen )

2.标签

表示局部内容的强调,表现为斜体字,与标签效果相同。

//强调小猫,强调的是哪种动物可爱
小猫是可爱的动物
//强调事实,强调“小猫是可爱的动物”这一事实
小猫可爱的动物

尽管,标签与标签效果一致,但两者是有区别的。前者表示italic(斜体),后者表示emphasis(强调)。从语义化的角度来说,不建议使用标签。

3. 标签

表示全局内容的强调,表现为粗体字,与标签效果相同。

//`第一章`只是引用,“历史起源”才是文章的主题
第一章 历史起源
//有时候,也用来暗示用户优先查看内容
第一章 历史起源 第二章 文明起源 第三章 科技起源

虽然,标签与标签效果一致,但两者是有却别的。前者表示bold(粗体),后者表示stronger emphasis(更强烈的强调)。从语义化的角度来说,不建议使用标签。

4. 标签

表示插入内容,表现为下划线,与标签效果相同。

//表示插入内容
滚滚长江东逝水,浪花淘尽英雄

尽管,标签与标签效果一致,但两者是有区别的。前者表示underline(下划线),后者表示insert(插入)。从语义化的角度来说,不建议使用标签。

5. 标签

表示删除内容,表现为中划线,与标签效果相同。

//表示删除内容
青山仍旧依旧在,几度夕阳红

尽管,标签与标签效果一致,但两者是有区别的。前者表示underline(下划线),后者表示delete(删除)。从语义化的角度来说,不建议使用标签。

6. 标签

表示文字方向,如同把文字镜像后再显示;与相对,虽也表示文字方向,但如同把内容分块再镜像显示。

//正常文字显示

123 456 789

//bdo从右往左 123 456 789 //bdi从右往左 123 456 789

7.标签

表示上标文本;与标签相对,后者表示下标文本。

//上标文本
20202 - 20192 = 4076362
//下标文本
Mg + ZnSO4 = MgSO4 + Zn

8. 标签

表示旁注信息,如免责声明、注意事项、法律限制或版权声明等。

//表示某些辅助性的信息
康师傅酸菜牛肉面,酸爽好回味! 图片仅供参考,请以实物为准

9. 标签

表示文本的标记,表现为黄色背景,突出强调的文本。

//突出显示某部分文本
绝弹博客,记录前端学习的个人博客

10.
标签(单标签)

表示分隔符(独占一行),表现为一条横线;而
标签(单标签)表示换行符,标签(单标签)表示另一种换行符。

//如果第一行诗句末尾不加
标签,文本不会换行 题临安邸
山外青山楼外楼,西湖歌舞几时休?
暖风熏得游人醉,直把杭州作汴州。 //标签适用于英文文本,当某个英文单词过长时,用来决定在哪处地方换行 this is verrrrrrrry looooooooooooooong text

11. 标签

表示词句的缩写,表现为圆点下划线,鼠标悬浮时显示完整的名称;标签表示特殊术语或短语,表现为略微倾斜的文本。

//使用title属性表示完整的名称
HTML是一门标记语言。
//不太作为口语出现的内容或有特定内涵的词语
腾讯是一家互联网公司。

12.
标签

表示较长的引用,表现为左右两侧缩进的文本;标签表示较短的引用,用cite属性表明引用来源(URL形式);标签表示作品(比如书籍、歌曲、电影、电视节目、绘画、雕塑等等)的标题。

//cite属性标注引用的来源(URL形式)
人生来就不是为了被打败的,人能 够被毁灭,但是不能够被打败。man is not made for defeat, a man can be destoryed but not defeated.--老人与海
//cite属性标注引用的来源(URL形式) 人生不过匆匆数十载,一寸光阴一寸金,珍惜当下, 不负青春不负年华。 //表示作品标题 中国神话史是袁珂先生的著作。

13. 标签

表示代码;标签表示计算机样本;标签表示键盘输入;标签表示变量,表现为斜体;标签表示打印文本;

//代码
console.log('hello,world')

//计算机样本
字符序列 ae 可能会被转换为 æ 连字字符。

//键盘输入
按ESC键即可退出游戏。

//变量
let countity = num + 1;

//打印文本
打印文本

14. 标签

表示时间,datetime属性表示时间,pubdate属性表示文档或

元素的发布时间。

//表示节日或特殊事件的日期都可以
公司发了福利。

//表示文章的发布事件,使用pubdate属性(布尔属性)
标题:HTML的通用行内标签有哪些? 

你可能感兴趣的:([03]HTML基础之行内标签)