HTML基础知识
一、HTML、XML、XHTML 有什么区别
超文本标记语言（HyperText Markup Language，简称：HTML）
可扩展标记语言（Extensible Markup Language，简称：XML)
可扩展超文本标记语言（eXtensible HyperText Markup Language，简称：XHTML)
- 说到它们的区别，就需要提及“标准通用标记语言（Standard Generalized Markup Language，SGML）”这个概念。它是现时常用的超文本格式的最高层次标准。有非常强大的适应性，但也正是因为同样的原因导致了它的复杂，因而在小型的应用中难以普及。
- 从继承关系上讲，HTML和XML都派生于它。XML可以被认为是它的一个子集，而HTML是它的一个应用，XHTML则基于可扩展标记语言（XML）。XML的产生就是为了简化它，以便用于更加通用的目的，比如语义Web。
- 简单说，它们都是ML标记语言。但HTML语法较为松散、不严格。XML主要用于存储数据和结构参考。XHTML表现方式与HTML类似，不过语法上更加严格。
二、怎样理解 HTML 语义化
- 简单说来就是用正确的标签做正确的事情。HTML语义化,是指标签本身的含义，要与内容结构的意义相匹配，使页面的内容结构化。比如，不要为了改变样式，而使用带特定样式的HTML标签。
- 机器解析页面，人阅读代码，都需要通过标记来定位理解。所以良好的语义化，能使页面结构清晰、内容表达明确。便于浏览器、搜索引擎等的解析；也便于维护代码的人去阅读和理解。
- HTML标签语义化是Web网页标准化的重要一环，也是标准制定时重要的设计原则。HTML5中新增加的很多标签（如：article、nav、header和footer等）就是基于这样的设计原则。
三、怎样理解内容与样式分离的原则
- 简单说就是，HTML是内容，负责页面结构和语义。CSS是样式，负责页面展示。二者开发尽量分离。比如，不要为了改变样式，而使用带特定样式的HTML标签；尽量不在标签内使用样式等。
- 让内容和样式分离，可以使得web开发更加便捷以及容易维护。增强了机器的可读性，使得机器、网络爬虫能更好地理解页面内容。保持视觉的一致性。
四、有哪些常见的meta标签
- 声明编码
<meta charset="utf-8"> - 控制浏览器内核渲染
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> - 定义页面作者、关键字、页面描述、索引方式等
<meta name="" content=""> - 指定请求和响应遵循的缓存机制
<meta http-equiv="cache-control" content="no-cache"> - 禁止自动转码
<meta http-equiv="Cache-Control" content="no-siteapp"> - 在设定的时间内，自动刷新并调向设定的网址
<meta http-equiv="refresh" content="2；URL=http://www.lxxyx.win/">
五、文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
- 声明了HTML文档的类型,让浏览器知道应给使用哪个规范来解析文档。
- 严格模式：按照浏览器所支持的最高版本来实现效果。
- 混杂模式：尽可能向后兼容，使用老版本浏览器的显示模式。
-
<!doctype html>声明该页面的HTML版本为HTML5
六、浏览器乱码的原因是什么？如何解决
- 1.各种编码方式，编码字节数目不同。比如"utf-8"与"gbk"对中文的编码字节数目就不同。2.保存的编码格式和浏览器解析时的解码格式不匹配导致。比如，文件默认保存为GBK格式，在Chrome打开时默认使用 ISO-8859的解码方式，导致编码和解码不匹配，产生乱码。
- 1.弄清楚自己的文件保存时，编辑器是用哪种编码方式保存的；或者自己设置。2.然后在文档内声明同样的编码方式。
比如：你的文件是保存为utf-8格式，那么一定要在html 的<head>里添加<meta charset="utf-8">
七、常见的浏览器有哪些，什么内核
IE浏览器：Trident内核
Chrome浏览器：WebKit内核
Safari浏览器：WebKit内核
Firefox浏览器：Gecko内核
Opera浏览器：Presto内核
其中国内的浏览器一般为WebKit/Trident的双内核，如360浏览器，QQ浏览器等
八、列出常见的标签，并简单介绍这些标签用在什么场景
<!doctype html>文档类型声明
<head></head>首部
<meta>定义关于 HTML 文档的元信息
<link>引入外部样式表文件css
<title></title>页面标题
<script></script>引入JS
<body></body>
h(1-6)六级标题
<p></p>段落
<ol><li></li></ol>有序列表
<ul><li></li></ul>无序列表
<table></table> 表格
<tr></tr>表格行
<th></th>表头
<td></td>表格单元
<form></form>表单
<input>输入控件
<em></em>强调
<strong></strong>重要
<img>图片
<a></a>超链接
<div></div>划分区块
<button></button> 点击按钮
<br>换行
