用html和css制作简单静态网页时常涉及的规范性问题
刚开始学习做网页的时候,规范性是非常重要的,例如:
1、head区的meta标签的使用,这里只列出了目前我常用的:
- 设定页面使用的字符集是世界通用的语言:
<meta http-equiv="content-Type" content="text/html; charset=utf-8">
- 指定IE8浏览器模拟某个特定版本的IE浏览器进行网页渲染,解决部分兼容问题:
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
- name属性里的viewport用于控制页面的缩放:
<meta name="viewport" content="width=device-width, initial-scale=1,
maximum-scale=1, minimum-scale=1, user-scalable=no">
推荐一篇meta标签的详解:html meta标签使用总结https://www.cnblogs.com/moyingliang/p/5748043.html
2、外部样式表的调用
<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />
3.为图片添加 alt 属性
当图片不能显示的时候就替换显示alt属性里面的文本内容
4、制作icon图标时写在head区的代码
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
5、四个伪类元素来定义链接的样式
推荐先后顺序:先a:link,后a:visited,接着a:hover,最后a:active
(注意:在 CSS 定义中,:hover 必须位于 :link 和 :visited 之后!!)
6.行高
line-height:150% 说明行距为正常的 150%
在此推荐一个我看过的比较齐全的总结:制作Html页面规范的十大注意事项https://blog.csdn.net/daremeself/article/details/5320208
ps:以上代码均是我这个初出茅庐的小白常写的,并不是唯一代码。我列出来的这几点是我目前常使用或者容易混的,显然,这篇适合像我一样刚开始做网页的孩纸看,不全之处,请多多指教哦~~