html相关前端注意点

1、一个网页中只含有一个h1标签（用来放网站重要logo）
2、最好不要在HTML中修改样式（因为HTML告诉浏览器语义，而不是起到修饰作用）
3、br hr之类标签不推荐使用（无语义），可以用css中border等设置
4、对于img标签width和height一般指定一个就好（否则可能引起原图变形）
5、引用路径使用相对路径（可移植性好）
6、假链接：1、#（点击跳转头部）2、javascript:;（点击不会跳转）
7、b u s i不推荐使用（无语义），可用strong ins del em（重要强调 插入 删除 强调）代替
8、常用字符实体：&nbsp；（空格）&lt；（<）&gt；（>）&copy；（©版权符号）
9、对于font-family，由于中文包含英文 而英文不包含中文，所以设置时英文一般放前面
10、标签分类
容器级标签：div h ul ol dl li dt dd…(可嵌套其他所有标签)
文本级标签：span p buis strong em ins del…(只可嵌套文字 图片 超链接)
块级元素：容器级标签+p（可设置宽高 独占一行）
行内元素：文本级标签-p（不可设置宽高 不独占一行）
行内块级标签：img（可设置宽高 不独占一行）
11、尽量使用css雪碧图：降低服务器压力，减少请求次数（一般配合bg和bgp使用）
12、对于图片多的网页 图片可以以webp格式上传（体积小）
13、盒子中以文字左边内边距（pd）为准 右边有误差，而顶部要减去文字行高
14、网页制作步骤：
（1）站点文件夹建立（使用英文命名）
- css
- images
- html
- js
- source
- fonts
（2）重置所有默认样式和设置一些全局样式
（3）从上至下 由外而内编写
（4）重点的注释不要忘记
15、命名中class用-连接而id用_连接
16、id：大结构、外围、js使用
class：小结构、内部使用
17、有时css样式无反应可用！important提升优先级
18、a标签最好沾满li
19、当fl产生溢出问题 父标签可设置overflow：auto