html的基本

1.HTML 、XML、XHTML区别？

HTML与XML对比！
在作用层面：HTML是文档的显示；XML是传输HTML文档的数据。
站在产生的角度：XML是在SGML的基础上，简化而来的。而首个HTML的标准草案是参考SGML来定义的。

这是维基百科的定义： 标准通用标记语言（Standard Generalized Markup Language，SGML）是现时常用的超文本格式的最高层次标准，是可以定义标记语言的元语言，甚至可以定义不必采用< >的常规方式。由于它的复杂，因而难以普及。
这是它的一个例子：
typically something like this
同时它也是一个ISO标准："ISO 8879:1986 Information processing -- Text and office systems -- Standard Generalized Markup Language (SGML)"
它有非常强大的适应性，也正是因为同样的原因，导致在小型的应用中难以普及。
HTML和XML同样派生于它：XML可以被认为是它的一个子集，而HTML是它的一个应用。
XML的产生就是为了简化它，以便用于更加通用的目的，比如语义Web。它已经应用于大量的场合，比较著名的有XHTML、RSS、XML-RPC和SOAP。

而XHTML可以说是糅合了XML与HTML的精华，它比前辈们更严谨，更适合计算机。怎么严谨呢？例如：所有标签必循是闭合的，而且标签必须小写等等一系列规定。严谨的规范，让计算机更容易识别语言。SO，大部分常见的浏览器都可以正确地解析XHTML，即使老一点的浏览器，XHTML作为HTML的一个子集，许多也可以解析。

2.怎样理解HTML语义化

语义化就是让机器更容易识别文档元素。怎样让机器更容易识别文档呢？我的理解是有规范的、使用合适的标签、有逻辑的去排版。例如：p标签，该标签定义段落。div标签，定义为一个容器，表达意思过多，机器很难去判断。strong和em标签这样，只有一种定义，人和机器都很容易识别出这个作用。还有表格，表格是有表头，内容等等一系列的东西，不是只是随便一个框就可以，如果是随便一个框，这样表达不清晰，很容易让人混淆。所以HTML语义化对已，对人，对机都有利，是一个共赢，值得去往深发展。

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

我是这样理解的：
①、html在没有CSS的情况下，也可以让浏览器正确排版文档，人们不会因缺少CSS而影响阅读。
②、内容与样式分离便于开发人员修改或修改数据，减少工作量。因为文档内容与样式可以分开工作，一个人集中精力把文档的内容标记出来，另一个人集中精力把文档的样式设计好，最后用ID或类连接起来，人们不用因为看到每个元素里都有style属性的wed文档而烦恼，内容与样式分离令开发人员效率更高，更专注。

4.有哪些常见的meta标签

常见的meta标签，作者：ailisiMM

定义和用法：
元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
meta 标签位于文档的头部，不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。
在 HTML 中， 标签没有结束标签。
在 XHTML 中， 标签必须被正确地关闭。
注释： 标签永远位于 head 元素内部。
注释：元数据总是以名称/值的形式被成对传递的。

meta标签中必需的属性：
属性：content
值：some_text
描述：定义与 http-equiv 或 name 属性相关的元信息

注意：content 属性始终要和 name 属性或 http-equiv 属性一起使用。

meta标签中可用的属性：
属性：http-equiv
值：content-type，expires，refresh，set-cookie
描述：把 content 属性关联到 HTTP 头部。
例如：

属性：name
值：author，description，keywords，generator，revised，others
描述：把 content 属性关联到一个名称。
例如：

属性：scheme
值：some_text
描述：定义用于翻译 content 属性值的格式。
例如：

meta标签的name属性语法格式是：
。
其中name属性主要有以下几种参数：　
1、Keywords(关键字)　
说明：keywords用来告诉搜索引擎你网页的关键字是什么。
举例：

2、description(网站内容描述)
说明：description用来告诉搜索引擎你的网站主要内容。
举例：

3、robots(机器人向导)
说明：robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。
content的参数有all,none,index,noindex,follow,nofollow。默认是all。
举例：

具体参数如下：
信息参数为all：文件将被检索，且页面上的链接可以被查询；
信息参数为none：文件将不被检索，且页面上的链接不可以被查询；
信息参数为index：文件将被检索；
信息参数为follow：页面上的链接可以被查询；
信息参数为noindex：文件将不被检索，但页面上的链接可以被查询；
信息参数为nofollow：文件将被检索，但页面上的链接不可以被查
4、author(作者)
说明：标注网页的作者
举例：

5、generator

meta标签的generator的信息参数，代表说明网站的采用的什么软件制作。
6、COPYRIGHT

meta标签的COPYRIGHT的信息参数，代表说明网站版权信息。
7、revisit-after

revisit-after代表网站重访,7days代表7天，依此类推。
8，Viewport
说明：设置页面缩放比例

width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。
height：和 width 相对应，指定高度。
initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。
maximum-scale：允许用户缩放到的最大比例。
minimum-scale：允许用户缩放到的最小比例。
user-scalable：用户是否可以手动缩放
2、http-equiv属性
http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。
meta标签的http-equiv属性语法格式是：
；
其中http-equiv属性主要有以下几种参数：
1、Expires(期限)
说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。
用法：

注意：必须使用GMT的时间格式。
2、Pragma(cache模式)
说明：禁止浏览器从本地计算机的缓存中访问页面内容。
用法：

注意：这样设定，访问者将无法脱机浏览。
3、Refresh(刷新)
说明：自动刷新并指向新页面。
用法：
//(注意后面的引号，分别在秒数的前面和网址的后面)
注意：其中的2是指停留2秒钟后自动刷新到URL网址。
4、Set-Cookie(cookie设定)
说明：如果网页过期，那么存盘的cookie将被删除。
用法：

注意：必须使用GMT的时间格式。
5、Window-target(显示窗口的设定)
说明：强制页面在当前窗口以独立页面显示。
用法：

注意：用来防止别人在框架里调用自己的页面。
6、content-Type(显示字符集的设定)
说明：设定页面使用的字符集。
用法：

具体如下：
meta标签的charset的信息参数如GB2312时，代表说明网站是采用的编码是简体中文；
meta标签的charset的信息参数如BIG5时，代表说明网站是采用的编码是繁体中文；
meta标签的charset的信息参数如iso-2022-jp时，代表说明网站是采用的编码是日文；
meta标签的charset的信息参数如ks_c_5601时，代表说明网站是采用的编码是韩文；
meta标签的charset的信息参数如ISO-8859-1时，代表说明网站是采用的编码是英文；
meta标签的charset的信息参数如UTF-8时，代表世界通用的语言编码；
7、content-Language（显示语言的设定）
用法：

8、Cache-Control指定请求和响应遵循的缓存机制。
Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached，响应消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。各个消息中的指令含义如下
Public指示响应可被任何缓存区缓存
Private指示对于单个用户的整个或部分响应消息，不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息，此响应消息对于其他用户的请求无效
no-cache指示请求或响应消息不能缓存
no-store用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存。
max-age指示客户机可以接收生存期不大于指定时间（以秒为单位）的响应
min-fresh指示客户机可以接收响应时间小于当前时间加上指定时间的响应
max-stale指示客户机可以接收超出超时期间的响应消息。如果指定max-stale消息的值，那么客户机可以接收超出超时期指定值之内的响应消息。
9、http-equiv="imagetoolbar"

指定是否显示图片工具栏，当为false代表不显示，当为true代表显示。
10、Content-Script-Type

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

文档声明是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01 中， 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML，所以不需要引用 DTD。

严格模式是浏览器根据web标准去解析页面，是一种要求严格的DTD，不允许使用任何表现层的语法，如
。什么是混杂模式？混杂模式则是一种向后兼容的解析方法，说的透明点就是可以实现IE5.5以下版本浏览器的渲染模式。触发严格模式触发严格模式很简单，就是正常的建立网页，声明正确的DTD，便是严格模式。触发混杂模式而混杂模式的触发可以通过在HTML文档开始不声明DTD，或者在DOCTYPE前加入XML声明l来实现。

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

原因一：文档编辑器与文档的meta charset="XXX"不一致。请尽量使用utf-8.
原因二：文档设置的meta charset="XXX"，不支持中文字符。把XXX转换成UTF-8.
原因三：浏览器不自动检索文档的meta charset="XXX"，默认支持gbk，中文就显示乱码，手动设置浏览器支持UTF-8；

6.常见的浏览器有哪些，什么内核？

浏览器	内核
IE	Triden
Mozilla FireFox	Gecko
Webkit	Safari
chrome	chromium

7.列出常见的标签，并简单介绍这些标签用在什么场景？

标签	场景
h1-h6	定义标题的大小
a	定义链接
img	定义图片
p	定义文字段落
span	定义部分文字
em	定义文字的强调
strong	定义文字的更加强调
ol	定义有序列表
ul	定义无序列表
table	定义表格
form	定义用户输入的表单
input	定义用户的输入
button	定义按钮
div	一个容器
option	定义一个列表选项
select	定义一个下拉列表
sup	定义上标
sub	定义下标