HTML、XML、XHTML 有什么区别
- HTML：超文本标记语言，语法较为松散，不严格的web语言
- XML：可扩展标记语言，主要用于存储数据和结构
- XHTML ：可扩展超文本标记语言，基于xml,作用与html类似，但语法更严格
怎样理解 HTML 语义化
语义化html是一种编写html的方式：使用合适的标签，合理的代码结构，便于开发者阅读，同时让浏览器的爬虫和机器很好的解析。
怎样理解内容与样式分离的原则
尽量不要出现行内样式，用link引入，这样便于管理和复用，使得爬虫和机器更好地理解页面内容。
有哪些常见的meta标签
<meta charset="UTF-8"><!-- 防止乱码-->
<meta name="keywords" content=""><!--向搜索引擎说明你的网页的关键词 -->
<meta name="viewport" content="width=device-width,initial-scale=1,maximun-scale=1"><!-- 移动端视口的一些设置-->
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 处理兼容问题：使用ie最高版本渲染页面-->
<meta name="description" content=""><!--告诉搜索引擎你的站点的主要内容 -->
文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
文档声明的作用
- 告诉浏览器的解析器用什么文档标准解析文档
严格模式和混杂模式指什么
- 严格模式又叫标准模式，用浏览器的最高标准运行文档
- 混合模式又叫怪异模式，页面以一种比较宽松的向后兼容的方式显示，通常模拟老式浏览器的行为以防止老站无法工作
<!doctype html> 的作用
- 告诉浏览器用标准模式解析文档
浏览器乱码的原因是什么？如何解决
- 原因：你保存的编码格式和浏览器的编码格式不匹配,一般式英文以外的字符才会出现
- 解决: 头部加入 <meta charset="UTF-8">
常见的浏览器有哪些，什么内核
| 常见浏览器 |
内核 |
| ie |
Trident |
| Firefox |
Gecko |
| Chrome |
webkit |
| 新版Chrome |
Blink |
| Safari |
webkit |
| 新版Opera |
Blink |
列出常见的标签，并简单介绍这些标签用在什么场景
| 常见标签 |
场景 |
| h1、h2、h3 、h4 、 h5 |
标题：大标题 、二级标题、..... |
| p |
表示大段文字:ps标题和段落不能互相包裹 |
| a |
链接 target="_blank" 在新页面打开; target ="_self" 在当前页打开; href="#id"跳到对应的id |
| img |
图片 ：只闭合标签，最后不需要加 / ; alt="图片描述"： 便于爬虫 |
| ul li |
无序列表 ：用于表示并列内容，可以嵌套 |
| ul ol |
有序列表：用于表示有步骤或编号的并列内容，可以嵌套 |
| dl dt dd |
用于一系列"标题，内容...." 的场景 |
| button |
按钮 |
| em |
用于强调一下 |
| strong |
很重要，强调性更强 |
| iframe |
用于嵌入页面 |
| table |
用于展示表格，不要用来做布局 |
