html

1. HTML、XML、XHTML的区别

• HTML:超文本标记语言，是语法较为松散的、不严格的Web语言。
• XML：可扩展标记语言，主要用于存储数据和结构。
• XHTML ：可扩展超文本标记语言，基于xml,作用与html类似，但语法更严格。

2. 怎样理解 HTML 语义化

• 标签选择合适，页面结构划分合理，便于阅读和机器解析。

3. 怎样理解内容与样式分离的原则

• 写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上，让 HTML 能体现页面结构或者内容。之后再去写样式。
• 写 JS 的时候，尽量不要用 JS 去直接操作样式，而是通过给元素添加删除class来控制样式变化。
• HTML 内不允许出现属性样式()
• 尽量不要出现行内样式(
  d
  )
• 方便后期维护

4.有哪些常见的meta标签

• 编码方式
• 优先使用的浏览内核
• 对移动端添加更加友好的浏览体验
• 关键字，方便搜索引擎搜索
• 描述信息，方便搜索引擎搜索

5.文档声明的作用?严格模式和混杂模式指什么? 的作用?

• 文档声明:告诉浏览器应该以什么标准解析文档
• :以html5的格式解析
• 严格模式:严格模式又叫标准模式，用浏览器的最高标准运行文档
• 混杂模式:混合模式又叫怪异模式，页面以一种比较宽松的向后兼容的方式显示，通常模拟老式浏览器的行为以防止老站无法工作
• html5语法相对宽松，已经尽可能大的实现了向后兼容。

6.浏览器乱码的原因是什么？如何解决

• 原因:编辑器在保存文档时用的编码与文档中声明的编码不一样
• 解决方法:将保存文档时使用的字符集设置的与声明的一致，如统一使用“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 : 用于展示表格，不要用来做布局