前言：
HTML（超文本标记链接），是一种用于创建网页的标准标记语言。HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。
一，HTML、XML、XHTML 有什么区别：
HTML:超文本标记语言，是语法较为松散并且不严格的web语言；
XML:可扩展标记语言，设计目的是存储并传输数据和结构参考，标签没有预定义，需要自定义标签；
XHTML：可扩展超文本标记语言，基于XML，作用于HTML相类似，但语法更加复杂。
二，怎样理解 HTML 语义化：
为了更好的提示用户的体验和提高开发者的编写效率，HTML的语法编写推崇语义化，即用正确的标签做正确的事情，这样不仅可以让别的开发者（同事）更好的读懂自己的代码，减少差异性提高工作效率，还可以让浏览器和搜索引擎做到更好的解析并利于seo优化，在一些特殊人群使用特殊浏览器"浏览"网页（如：如视力障碍人群使用读屏器）的时候，可以让客户更好的获取信息，减少误判。
四，怎样理解结构与样式，行为分离的原则：
一个网页主要由结构，样式，行为组成。同样的为了更好的提高编写效率，减少维护和修改代码的成本，我们就需要让HTML，CSS，JS做"自己"该做的事，编写HTML时就把重点放在结构，内容，语言化上，不要写行间样式，编写css的时候主要注重样式的呈现，编写js尽量不要用JS去直接操作样式，而是通过给元素添加删除class来控制样式变化。
五，有哪些常见的meta标签属性：
申明编码：
- <meta charset='utf-8' />
页面关键词 :
- 每个网页应具有描述该网页内容的一组唯一的关键字, 不要太短也不要太长
- <meta name="keywords" content="your tags" />
设置搜索引擎索引方式 :
- <meta name="robots" content="index,follow" />
- all：文件将被检索，且页面上的链接可以被查询
- none：文件将不被检索，且页面上的链接不可以被查询；
- index：文件将被检索；
- follow：页面上的链接可以被查询；
- noindex：文件将不被检索；
- nofollow：页面上的链接不可以被查询。
优先使用 IE 最新版本和 Chrome:
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
- <meta http-equiv="X-UA-Compatible" content="IE=6" >
- <meta http-equiv="X-UA-Compatible" content="IE=7" >
- <meta http-equiv="X-UA-Compatible" content="IE=8" >
页面描述:
- 每个网页都应该有一个不超过150个字符的页面描述
- <meta name="description" content="150 words" />
内核控制：
- 国内浏览器很多都是双内核（webkit和Trident）,webkit内核高速浏览，IE内核兼容网页和旧版网站。 而添加meta标签的网站可以控制浏览器选择何种内核渲染。
<meta name="renderer" content="webkit|ie-comp|ie-stand">优化移动浏览器的显示 :
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
六，文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
- 告知浏览器的此文档的类型，版本等内容，这决定了浏览器对此文档的解析和呈现方式
- 严格模式：浏览器将会严格的按照w3c标准去解析和呈现。
- 混杂模式：浏览器以自有的宽松的并向后兼容的方式去解析呈现。
- <!doctype html>是HTML5的文档声明，会告知浏览器用严格HTML5标准去解析和呈现文档。
七，浏览器乱码的原因以及解决方法：
这主要是HTML文档保存时的编码格式和文档meta标签charset属性所声明的格式不同，只要使文档的保存编码和charset属性所声明的值保持一致即可。
八，常见的浏览器有哪些，什么内核：
| 浏览器 | 内核 |
|---|---|
| IE | Trident内核 |
| Chrome | Chromium内核 |
| Firefox | Gecko内核 |
| Safari | Webkit内核 |
| Opera | Blink 内核 |
| 360浏览器、猎豹浏览器内核 | IE+Chrome双内核 |
| 搜狗、遨游、QQ浏览器内核 | rident（兼容模式）+Webkit（高速模式） |
| 百度浏览器、世界之窗内核 | IE内核 |
| IE内核 | Blink 内核 |
九，列出常见的标签，并简单介绍这些标签用在什么场景：
| 标签 | 使用场景 |
|---|---|
| <head>..</head> | 所有头部元素的容器 |
| <title>..</title> | 定义文档标题 |
| <link > | 定义文档与外部资源之间的关系 |
| <style></style> | 为文档定义样式信息 |
| <meta > | 关于 HTML 文档的元数据 |
| <script> </script> | 定义客户端脚本 |
| <h1> ~<h6> </h1>~</h6> | 定义标题 |
| <p></p> | 定义段落 |
| <a></a> | 定义链接 |
| <img > | 定义图片 |
| <ul></ul> | 定义无序列表 |
| <ol></ol> | 定义有序列表 |
| <li></li> | 定义ol、ul列表中的每一项 |
| <div></div> | 常用来定义区块 |
| <span></span> | 常用来定义行和块内的一个小区域 |
| <table></table> | 定义表格 |
| <tr></tr> | 定义表格中的行 |
| <tb></tb> | 定义行中的单元格 |
| <form></form> | 定义表单 |
| <input > | 表单中最重要的元素，根据type属性值的不同，形态也会变化 |
| <select></select> | 定义下拉列表 |
| <option ></option > | 定义下拉列表的项 |
网友评论