HTML，XML，XHTML有什么区别？
从字面上看，他们都是HTML，都是标记语言（Markup Language）
- HTML:超文本标记语言，缺点语法比较宽松，不严格的web语言。
- XML：可扩展的标记语言，主要用于存储数据和结构，可扩展。
- XHTML:可扩展的HTML，但比HTML语法更加严谨。
怎样理解HTML语义化
- 其实很简单，语义化的主要目的就是让大家直观的认识标签和属性的用途和作用，让浏览器更加容易理解。
- 语义化的网页的好处，最主要的就是对搜索引擎友好，有了良好的结构和语义你的网页内容自然容易被搜索引擎抓取，你网站的推广便可以省下不少的功夫。
- 语义 Web 技术有助于利用基于开放标准的技术，从数据、文档内容或应用代码中分离出意义。
- 总结，另机器更加好运作，让工作的人看起来更加舒服，让工作时候更加有效率。
怎样理解内容与样式分离的原则
在前端中，HTML是结构层，CSS是样式层，javaScript是行为层。
- 写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上，让 HTML 能体现页面结构或者内容。之后再去写样式。
- 在HTML上尽量小出现行内样式。
- 写 JS 的时候，尽量不要用 JS 去直接操作样式。
有哪些常见的meta标签
<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
| meta标签 | 含义 |
|---|---|
<mata charset="utf-8"> |
声明文档使用的字符编码 |
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/> |
声明文档兼容模式，指示IE以目前可用的最高模式显示内容 |
<meta name="keywords" content="your tags"> |
定义针对搜索引擎的关键词 |
<meta name="description" content="不超过850个字符"> |
页面描述，告诉搜索引擎你的站点的主要内容 |
<meta name="author" content="你的姓名"> |
定义网页作者 |
<meta name="revised" content="David, 2008/8/8/" /> |
定义页面的最新版本 |
<meta http-equiv="refresh" content="5"/> |
5秒刷新一次页面 |
<meta http-equiv="expires" content="Mon,12 May 2001 00:20:00 GMT"> |
用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式 |
<meta http-equiv="pragma" content="no-cache"> |
禁用缓存 |
<meta http-equiv="set-cookie" content="Mon, 12 May 2001 00:20:00 GMT"> |
cookie设定，如果网页过期，存盘的cookie将被删除。需要注意的也必须使用GMT时间格式。 |
<meta name="robots" content="index,follow" /> |
搜索引擎索引方式 |
文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
一个一个问题来吧；
1.文档声明的作用: 告知浏览器文档使用哪种规范。
2.严格模式和混杂模式指什么:
- .严格模式：在严格模式中，浏览器以其支持的最高标准呈现页面
- .混杂模式:页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。
3.<!doctype html> 的作用：
- 声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。
浏览器乱码的原因是什么？如何解决
- 设置<meta charset>标签声明文档使用的字符编码
- 设置正确的字符编码
- 设置浏览器显示正确的编码
如果浏览器浏览时候出现网页乱码，在浏览器中找到转换编码的菜单调整。IE9浏览器：在需要转码的网页空白出右键鼠标，选择“编码”。傲游浏览器：在需要转码的网页时，菜单“查看”-->“编码”即可选择转换编码谷歌浏览器：在需要转码的网页时，点击右上角“三横”图标选择“工具”-->“编码”即可选择切换网页编码
常见的浏览器有哪些，什么内核
| 浏览器 | 内核 |
|---|---|
| IE | trident |
| Firefox | Gecko |
| Opear | Presto |
| Safari&Chromr | Webkit |
| 手机端IOS和安卓 | Webkit |
列出常用的标签。应用场景有那些
| 标签 | 用法 |
|---|---|
h1 |
大标题 |
div |
经常用的了，只要你不乱用 |
span |
通常用来包裹一下等下要设置效果的内容 |
input |
按钮，神器，经常用 |
ul |
列表，经常用来排列好一大堆内容 |
header |
HTML5新增的，语义化，代表头部 |
nav |
HTML5新增，语义化，其实跟div没啥区别，代表导航栏的内容 |
