HTML、XML、XHTML 有什么区别
- HTML（Hyper Text Markup Language）,超文本编辑语言，是网页的标准标记语言。
缺点：语法松散，标签不闭合也可以运行 - XML（eXtensible Markup Language），可扩展标记语言，被用来结构化，存储及传输数据。可自行定义标签。w3c觉得有用，
- XHTML 基于xml，作用于HTML类似，产生了XHTML，更严格的html，标签必须闭合，必须小写。
怎样理解HTML语义化
选择合适的标签，使用合理的代码结构，便于开发者阅读，同时让浏览器的爬虫和机器很好的解析。（比如盲人不会看到，但通过语义化的标签，机器可以识别并读给听者，告诉他这是一个标题，这是一个段落，等等）
怎样理解内容与样式分离的原则
写HTML的时候，先不管样式，重点放在HTML的结构和语义化上，让HTML能体现页面结构或者内容，之后再去写样式。
还有一个行为（JS），行为也要与内容和样式分离，尽量不要用js去直接操作样式，而是通过给元素添加或删除clsss来控制样式变化。
还有一点，HTML不允许出现属性样式，尽量不要出现行内样式。
有哪些常用的meta标签
- <meta charset="utf-8">告诉浏览器页面用的是什么编码格式。
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">如果浏览器用的是IE内核，用最新的edge去渲染，如果用的是chrome内核，用chrome去渲染。
- <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" >用于让页面在移动端合理展示
- <meta name="keywords" content="关键字 关键字 关键字">给页面添加关键字，便于seo优化。
- <meta name="description" content="用一句话介绍你的网站">
文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
文档声明用来告知浏览器使用的HTML版本。
- 严格模式：使用doctype明确告知浏览器HTML的版本。
- 混杂模式：页面不加DOCTYPE，浏览器按照自身的方式自由渲染页面
<!doctype html>告诉浏览器当前现在使用过的HTML版本是HTML5，这样浏览器就能用HTML5标准来渲染页面
浏览器乱码的原因是什么？如何解决
原因：HTML页面的编码格式和浏览器解码格式不相同
更改浏览器的解码格式，使之与HTML页面的编码格式一致。或者在meta标签中指定charset为页面编码的方式，这样浏览器就能自动读取，从而采用正确的解码方式
常见的浏览器有哪些，什么内核
- Chrome浏览器 Webit内核
- Firefox Geoko内核
- Safari Webkit内核
- IE浏览器 自家IE内核
- 国产诸如QQ浏览器/搜狗浏览器/360浏览器之类均为双内核
列出常见的标签，并简单介绍这些标签用在什么场景
- h1、h2、h3、h4、h5、h6标签用于标题
- p 标签用于段落，大段文字
- div标签用于给页面划分区块，让结构更清晰
- a标签用于添加链接，链接到某个地址，或者页面上的某个元素。
- img标签用于给页面添加一张图片
- ul和li合用，给页面添加并列的内容
- ol和li合用，给页面添加有步骤和编号的有序内容
- dl dt dd标签，用于展示一系列标题和内容的场景
- button 用于添加按钮
- em 强调页面中的某些内容
- strong 比em标签的强调性更强，表示很重要
- iframe 用于嵌入一个页面，注意跨域操作的问题
- table 用于展示表格，不要用来做布局，thead，tbody和tfoot可以省略，浏览器会自动添加border-collapse:collapse,用于合并边框。
