HTML的基础知识点 HTML的基础知识点

前言： HTML（超文本标记链接），是一种用于创建网页的标准标记语言。HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。
一，HTML、XML、XHTML 有什么区别：

HTML:超文本标记语言，是语法较为松散并且不严格的web语言；
XML:可扩展标记语言，设计目的是存储并传输数据和结构参考，标签没有预定义，需要自定义标签；
XHTML：可扩展超文本标记语言，基于XML，作用于HTML相类似，但语法更加复杂。

二，怎样理解 HTML 语义化：

为了更好的提示用户的体验和提高开发者的编写效率，HTML的语法编写推崇语义化，即用正确的标签做正确的事情，这样不仅可以让别的开发者（同事）更好的读懂自己的代码，减少差异性提高工作效率，还可以让浏览器和搜索引擎做到更好的解析并利于seo优化，在一些特殊人群使用特殊浏览器"浏览"网页（如：如视力障碍人群使用读屏器）的时候，可以让客户更好的获取信息，减少误判。

四，怎样理解结构与样式，行为分离的原则：

【HTML的基础知识点】一个网页主要由结构，样式，行为组成。同样的为了更好的提高编写效率，减少维护和修改代码的成本，我们就需要让HTML，CSS，JS做"自己"该做的事，编写HTML时就把重点放在结构，内容，语言化上，不要写行间样式，编写css的时候主要注重样式的呈现，编写js尽量不要用JS去直接操作样式，而是通过给元素添加删除class来控制样式变化。

五，有哪些常见的meta标签属性：

申明编码：

页面关键词 :

每个网页应具有描述该网页内容的一组唯一的关键字, 不要太短也不要太长

设置搜索引擎索引方式 :

all：文件将被检索，且页面上的链接可以被查询

none：文件将不被检索，且页面上的链接不可以被查询；

index：文件将被检索；

follow：页面上的链接可以被查询；

noindex：文件将不被检索；

nofollow：页面上的链接不可以被查询。

优先使用 IE 最新版本和 Chrome:

页面描述:

每个网页都应该有一个不超过150个字符的页面描述

内核控制：

国内浏览器很多都是双内核（webkit和Trident）,webkit内核高速浏览，IE内核兼容网页和旧版网站。而添加meta标签的网站可以控制浏览器选择何种内核渲染。

优化移动浏览器的显示 :

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

告知浏览器的此文档的类型，版本等内容，这决定了浏览器对此文档的解析和呈现方式

严格模式：浏览器将会严格的按照w3c标准去解析和呈现。

混杂模式：浏览器以自有的宽松的并向后兼容的方式去解析呈现。

是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 内核