用html和css制作简单静态网页时常涉及的规范性问题

用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：以上代码均是我这个初出茅庐的小白常写的，并不是唯一代码。我列出来的这几点是我目前常使用或者容易混的，显然，这篇适合像我一样刚开始做网页的孩纸看，不全之处，请多多指教哦~~