####HTML、XML、XHTML 有什么区别
- HTML，超文本标记语言，是语法较为松散的、不严格的Web语言；
- XML，可扩展标记语言，主要用于存储数据和结构参考；
- XHTML，可扩展超文本标记语言，基于XML，作用与HTML类似，但语法更严格参考。
####HTML 语义化
根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。
####怎样理解内容与样式分离的原则
- 写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上，让 HTML 能体现页面结构或者内容。之后再去写样式。
- 写 JS 的时候，尽量不要用 JS 去直接操作样式，而是通过给元素添加删除class来控制样式变化。
- HTML 内不允许出现属性样式，尽量不要出现行内样式。
####有哪些常见的meta标签
| 标签 | 含义 |
|---|---|
| 声明文档使用'utf-8'字符编码 | |
| 声明文档兼容模式,以最高模式渲染页面 | |
| 定义针对搜索引擎的关键词 | |
| 页面描述，针对搜索引擎 | |
| 网页作者 | |
| 定义页面的最新版本 | |
| 5秒刷新一次页面 | |
| 用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式 | |
| 禁用缓存 | |
| cookie设定，如果网页过期，存盘的cookie将被删除。需要注意的也必须使用GMT时间格式。 | |
| 搜索引擎索引方式 |
####文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
- <!doctype html>声明处在文档最前面，用于告知浏览器的解析器以什么文档类型来规范解析这个文档。
- 严格模式的排版和js运作模式是以该浏览器支持的最高标准运行。
- 在混杂模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防止站点无法工作。
- DOCTYPE不存在 或格式不正确会导致文档以混杂模式呈现。
####浏览器乱码的原因是什么？如何解决
- 浏览器乱码可能是因为文档编码格式和浏览器打开页面时解码格式不一致，造成的。
- 解决方法：设置标签声明文档使用的字符编码
####常见的浏览器有哪些，什么内核
| 浏览器 | 内核 |
|---|---|
| chrome | Webkit |
| ie | Trident |
| Firefox | Gecko |
| Safari | Webkit |
| Opera | Presto |
####常见的标签及应用场景
- h1~h6 标题，字体由大到小
- p 段落
- a 链接
- img 图片
- div 语义为“一大块”，用于给页面划分区块，让结构更清晰
- ul li 无序列表
- ol li 有序列表
- dl dt dd 用于展示一系列 “标题:内容... ”的场景
<dl>
<dt>商品名称:</dt>
<dd>青花瓷</dd>
<dt>特征:</dt>
<dd>白色</dd>
<dd>圆口</dd>
<dt>商品介绍</dt>
<dd>这是一个年代久远的瓷器，很贵，易碎 </dd>
</dl>
- button 按钮 -strong em
em 需要强调一下 strong 很重要、强调性更强
- iframe 用于嵌入一个页面 注意跨域操作问题
- table 表格
