所有的标题标签全部按照层级对应使用h1-h6标签,小于六级标题的标题部分继续使用<h6>标签;具体的属性要求如下:
1.各级标题的用字遵循“由大到小、由重到轻、变化有序、区别有秩”,字号font-size逐级减小,突出程度逐级减弱;最小标题字号不能小于16px;不能出现下级标题的字号大过上级标题。
2.任一层级的标题必须限定行高line-height:1.2em;
3.每一层级的上下边距要求上边距必须明显大于下边距:margin-top>margin-bottom;
4.在同一个HTML页面中,第一层级标题的margin-top:2em;margin-bottom:1.5em;第二层级的标题margin-top:1.5em;margin-bottom:0.8em; 层级达到三及以后的margin-bottom:0.5em/0.3em;(如果第一层级的标题margin-top值与顶部留白的要求冲突时,取值按照留白的要求执行);
5.对于标题字号和对齐方式的设置要考虑到标题的长短,对于标题过长的(在手机版模拟器上回行),标题字号不适合设置过大、不适宜居中摆放;对于英文标题对齐方式建议使用左对齐;
6.标题中出现“第××篇”、“第××章”、“第××节”等序号性字样,用<br/>回行将这类文字与标题文字隔开,并适当减弱这一类文字的突出性,比如降低字号或者减弱字体的粗细程度等;
7.对于有副标题的标题,用<br/>将副标题与主标题隔开,并适当减弱副标题的突出程度,比如降低字号或者减弱字体的粗细程度等,同时要保证副标题重于“第××篇”、“第××章”、“第××节”等序号性字样。
8.内文小标题禁止在p标签的基础上加span样式或style代码来实现,应该使用独立的小标题样式,与正文在字体、字号、上下间距等方面区别开。
9.Pad版的标题字体推荐使用中宋(文艺类)、中黑(科技类)、兰亭黑,Phone版的标题字体同Pad版,但尽量避免使用与默认正文相同的兰亭黑字体。
注:避免非篇章页的标题单独占一个页面;保证在同一页面中,标题的上或下有内容展示。
签名:这个人很懒,什么也没有留下!