1. HTML、XML、XHTML的区别
- HTML:超文本标记语言，是语法较为松散的、不严格的Web语言。
- XML：可扩展标记语言，主要用于存储数据和结构。
- XHTML ：可扩展超文本标记语言，基于xml,作用与html类似，但语法更严格。
2. 怎样理解 HTML 语义化
- 标签选择合适，页面结构划分合理，便于阅读和机器解析。
3. 怎样理解内容与样式分离的原则
- 写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上，让 HTML 能体现页面结构或者内容。之后再去写样式。
- 写 JS 的时候，尽量不要用 JS 去直接操作样式，而是通过给元素添加删除class来控制样式变化。
- HTML 内不允许出现属性样式(<img height="a" width="b"/>)
- 尽量不要出现行内样式(<div style="c">d</div>)
- 方便后期维护
4.有哪些常见的meta标签
- <meta charset="UTF-8"> 编码方式
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 优先使用的浏览内核
- <meta name="viewport" content="width=device-width,initial-scale=1,maximun-scale=1"> 对移动端添加更加友好的浏览体验
- <meta name="keywords" content=""> 关键字，方便搜索引擎搜索
- <meta name="description" content=""> 描述信息，方便搜索引擎搜索
5.文档声明的作用?严格模式和混杂模式指什么?<!DOCTYPE html> 的作用?
- 文档声明:告诉浏览器应该以什么标准解析文档
- <!DOCTYPE html>:以html5的格式解析
- 严格模式:严格模式又叫标准模式，用浏览器的最高标准运行文档
- 混杂模式:混合模式又叫怪异模式，页面以一种比较宽松的向后兼容的方式显示，通常模拟老式浏览器的行为以防止老站无法工作
- html5语法相对宽松，已经尽可能大的实现了向后兼容。
6.浏览器乱码的原因是什么？如何解决
- 原因:编辑器在保存文档时用的编码与文档中声明的编码不一样
- 解决方法:将保存文档时使用的字符集设置的与<meta charset="">声明的一致，如统一使用“UTF-8”
7.常见的浏览器有哪些，什么内核
| 内核 | 浏览器 |
|---|---|
| Blink | Chrome 27+,Opera 15+ |
| EdgeHTML | Edge |
| Gecko | Firefox |
| Treident | IE 4.0及更高 |
| WebKit | Chrome 27之前,Safari |
8.列出常见的标签，并简单介绍这些标签用在什么场景
- h(1-5) : 标题
- p : 段落
- a : 链接 target = " _blank " 在新页面打开, target = " _self " 在当前页打开,href = " #id "跳到对应的id
- img : 图片 alt=" 图片描述 " : 便于爬虫
- ul li : 无序列表 : 用于表示并列内容，可以嵌套
- ul ol : 有序列表 : 用于表示有步骤或编号的并列内容，可以嵌套
- dl dt dd : 用于一系列 " 标题，内容.... " 的场景
- button : 按钮
- em : 用于强调一下
- strong : 很重要，强调性更强
- iframe : 用于嵌入页面
- table : 用于展示表格，不要用来做布局
