但凡大一点的公司,编写web界面的时候,都是要求高度的语义化的,我就在美丽联合(蘑菇街)的一面中被问及,特此写了这篇文章来总结,欢迎各位在本文评论区提出不同见解和补充,我将同步更新文章并标明提出人。
基本标签(6个):
DOCTYPE> 定义整个文档的类型与解析信息,可以通过不同的声明表示h5、h4、h1的各个版本及模式。必须放在整个文档的第一行,没有关闭标签。
整个文档的根标签
定义文档的头部信息
定义关于html文档的元信息,可以包括所采用的的编码方式(GBK、ISO-8859-1等)
定义文档的主题,无需多说
文字格式标签(25个):
定义只取首字母的缩写,类似SSM、或者NBA(National Basketball Association),但是h5已经不支持该标签,尽量使用下面的替换
指示简称或者缩写,跟上面的语义一样
定义文档作者或拥有者的联系信息,通常嵌套在
定义文本的文本方向,但目前仅有Chrome和firefox支持此标签,所以很不常见
定义文本的文字方向,与上面的不同,这一个标签的rtl会让整个语句包括每个字母都颠倒顺序
标签定义块引用。
与
之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。也就是说,块引用拥有它们自己的空间--w3school
定义引用,表示该文本是对某一个参考文献、杂志期刊、或者是某个公众号、博客的转载,而且是这些文章的标题。显示效果:斜体文本
定义计算机代码文本。显示效果:普通文本
定义被删除文本,会给相应文本加上横线。显示效果:带有横线的文本
可以标记那些对特殊术语或者短语的定义。显示效果:斜体文本
定义强调文本,可以嵌套,嵌套越多强调力度越大(w3cschool),但是嵌套之后呈现效果没有改变。显示效果:斜体文本
定义文本的各个样式,但是最好不要使用里面的属性,而是使用css实现
定义被插入文档的内容,可以和一起使用,比如做一个共享的文档,上一个版本和这个版本之间的区别可以使用这两个标签来写——一个删除,一个新插入,一个横线划掉,一个下划线新加入。显示效果:下划线文本
定义从键盘输入的文本,不推荐使用。显示效果:普通文本
定义预格式化的文本,可以保留所需要的文本格式,比如多个空格、换行等。显示效果:普通文本
用来包括一个短的引用,浏览器通常会在这个标签的两边加上“”。显示效果:两边带有引号的文本
用来定义不准确的文本,h4本已废弃,h5重新启用,被用来定义不正确的文本。显示效果:带有横线的文本
用于表示计算机程序输出,比如在线编译器。显示效果:普通文本
定义加删除线的文本,h5已经不支持,用代替
定义下标文本,可以用来写化学公式中的H2O的2。显示效果:较小靠下的下标
定义上标文本,可以用来写数学公式中的次方,或者上标注解。显示效果:较小靠上的上标
定义一个下划线文本,尽量避免使用,避免和的超链接混淆,但是h5中说明他可以用来显示不那么正确的文本,或者可能出错的地方,类似编译器在你写了不正确声明时的提示一样。显示效果:带下划线的文本
可以用来表示数学表达式或者编程代码中的变量,通常可以和标签一起使用
字体样式标签(5个)
呈现类似打字机或者等宽的文本效果。h5不支持该标签
呈现斜体文本效果
呈现粗体文本效果。h5要求尽量不要使用,而是使用>-来代替,或者css的font-weight=bold
呈现大号文字效果。h5不支持该标签
呈现小号文字效果,可以多次嵌套,让字体更小。可以用来写旁注之类的效果。
列表标签(6个):
、
可能会被用来实现词汇表或者显示元数据。显示效果:dd将与dt内容错开,dd向后缩进,如果需要更改该样式,可以使用text-indent首行缩进来完成。
定义一个有序列表,目前compact、start、type属性在h5中均已弃用,其中compact所有浏览器均不支持,start没有css的代替方案,type使用list-style-type属性替换。h5中新增reversed属性,规定列表顺序,值为true或者是false
无序列表。在 HTML 4.01 中,"compact" 和 "type" 属性已废弃。HTML5 则不支持着两个属性。
表单(10个):