历史上网页的主要功能是文本展示,所以HTML提供了大量的文本处理标签。
1、div
div是一个通用的块级元素标签(独占一行),表示一个区块,没有语义。用作CSS样式的钩子,可以用来布局。
2、p
p标签是块级元素。不仅是文本,可以是图片或表单项。
3、span
span是一个通用的行内标签(不会产生换行),没有语义。用作CSS样式的钩子,可以用来布局。
4、br,wbr
br单标签,让网页产生一个换行效果。 wbr预设断行的位置,主要用于欧洲一些单词很长的语言或者URL的断行。
5、hr
hr标签会被浏览器渲染为一根水平线。单标签。尽量避免使用,想要水平线的效果,可以使用CSS。
6、pre
pre标签是一个块级标签,保留原来的格式,即换行和空格。
7、strong,b
strong标签是行内标签,以粗体显示内容。 b标签也是粗体显示内容,优先使用strong标签。
8、em,i
em标签是行内标签,以斜体显示包含的内容。 i标签也是斜体显示内容,优先使用i标签。
9、sub,sup,var
sub标签将内容变为下标,sup标签将内容变为上标,都是行内标签。 var标签表示代码或数学公式的变量。
10、u,s
u标签是行内标签,以下划线渲染内容。(underline记忆) s标签是行内标签,以删除线渲染内容。(shanchu?)
11、blockquote,cite,q
blockquote标签是块级标签,表示引用话语。 blockquote标签有一个cite属性,值是一个网址,表示引用来源,不会显示在网页上。 cite标签以斜体显示内容。 q标签是行内标签,表示引用,与blockquote标签的区别为q标签不会换行。q标签的内容会自动添加半角的双引号。
12、code
code标签是一个行内标签,表示内容是计算机代码。
13、kbd,samp
kbd标签是一个行内标签,表示各种输入,包括语音输入,浏览器默认以等宽字体显示标签内容。 samp标签是一个行内标签,表示计算机输出内容,浏览器默认以等宽字体显示标签内容。
14、mark
mark标签是一个行内标签,表示突出显示的内容,浏览器默认以亮黄色背景显示标签内容。 若保证文本高亮,要使用CSS样式。
15、small
small标签是一个行内标签,浏览器会将标签内容以小一号的字号显示,通常用于文章附带的版权信息或法律信息。
16、time,data
time标签是一个行内标签,为跟时间相关的内容提供机器可读的格式,方便搜索引擎处理或其他下一步处理。 time标签的datetime属性,用来指定机器可读的日期格式。 data标签是一个行内标签,提供机器可读的内容,用于非时间场合。 data标签的value属性,用来存放机器可读的数据。
17、address
address标签是一个块级标签,表示某人或某个组织的联系方式。
18、abbr
abbr表示一个行内标签,表示标签内容是一个缩写,title属性给出缩写的完整形式或描述,鼠标悬停可显示。
19、ins,del
ins标签是一个行内标签,表示原始文档添加的内容,浏览器默认为标签内容添加下划线。 del标签是一个行内标签,表示删除的内容,浏览器默认为标签内容加上删除线。 他们通常用于展示文档的修改,都有cite属性和datetime属性。
20、dfn
dfn是一个行内标签,标签内容是一个术语(definition),表示本段包含它的含义。 dfn标签的title属性,值为术语的解释,鼠标悬浮可显示。 可以和abbr结合使用。
21、ruby
ruby标签是一个行内标签,也是一个容器标签,表示文字的语音注释,主要用于东亚文字,比如汉语拼音和日语的片假名,以小字体显示在文字的上方。 配套标签:
- rp:用于提供浏览器兼容,放置圆括号。
- rt:用于放置语音注释。
- rb:用于划分文字单位,与语音注释一一对应。Chrome浏览器不支持。
- rbc,rtc:rbc表示一组文字,包含多个rb;rtc表示一组语音注释,与rbc对应。Chrome浏览器不支持。
22、bdo,bdi
bdo是一个行内标签,表示文字方向与网页主体内容方向不一致。 bdo标签的dir属性,指定具体文字方向,ltr表示从左到右(left to right),rtl表示从右到左(right to left)。 bdi标签用于不确定文字方向的情况,由浏览器自己决定文字方向。