HTML知识点

语义化HTML是一种编写HTML的方式。
选择合适的标签、使用合理的代码结构，便于开发者阅读，同时让浏览器的爬虫和机器很好地解析。

优点：

写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上，让 HTML 能体现页面结构或者内容。之后再去写样式。

CSS与HTML分离的优点：

使页面载入得更快由于将大部分页面代码写在了CSS当中，使得页面体积容量变得更小，相对于表格嵌套的方式的逐层加载速度快。
修改设计时更有效率在修改页面的时候更加容易省时。根据区域内容标记，到CSS里找到相应的ID，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样式，而表格布局则更不省事。
保持视觉的一致性
DIV+CSS最重要的优势之一是保持视觉的一致性，以往表格嵌套的制作方法，会使得页面与页面，或者区域与区域之间的显示效果会有偏差。
更好地被搜索引擎兼容
由于将大部分的HTML代码和内容样式写入了CSS文件中，这就使得网页中代码更加适合搜索引擎。
对浏览者和浏览器更具亲和力
由于CSS富含丰富的样式，使页面更加灵活性，更加的美观，它可以根据不同的浏览器，而达到显示效果的统一和不变形。

写 JS 的时候，尽量不要用 JS 去直接操作样式，而是通过给元素添加删除class来控制样式变化。
HTML 内不允许出现属性样式，尽量不要出现行内样式。

申明编码
　　 <meta charset='utf-8' />
页面关键词
　　<meta name="keywords" content="your tags" />
页面描述
　　<meta name="description" content="150 words" />
搜索引擎索引方式
　　<meta name="robots" content="index,follow" />
页面重定向和刷新
　　<meta http-equiv="refresh" content="0;url=" />
隐藏状态栏/设置状态栏颜色
　　<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
添加到主屏后的标题
　　<meta name="apple-mobile-web-app-title" content="标题">
忽略数字自动识别为电话号码
　　<meta content="telephone=no" name="format-detection" />
忽略识别邮箱
　　<meta content="email=no" name="format-detection" />

编辑和保存HTML文件时的编码格式与浏览器解析式所用的编码格式不匹配。有时英文以外的字符会产生乱码。
解决办法：保存HTML文件时的编码格式要与HTML里<head>标签中声明的编码格式要相同。