一、HTML、XML、XHTML 有什么区别
HTML：超文本标记语言，用来描述网页。是语法较为松散、不严格的Web语言
XML：可扩展标记语言，主要用于存储数据和结构参考，而非显示数据。需要自行定义标签。
XHTML:可扩展超文本标签语言，基于XML，作用与HTML类似，但语法更严格参考。
总结：
XHTML被发明出来是为了能更好地去规范HTML，因为HTML的书写和规定不是那么规范，所以出了一个更严格的版本去规范它，这个新版本就是XHTML，它的语法和基本使用规则和HTML几乎一模一样，XHTML以后将渐渐取代HTML。
XML则是用于用来传输和存储数据，它是不作为的，只是作为纯文本来传输数据，正如上面的代码那样，你可以自己发明标签，而不是像html那样必须使用规定的标签。
二、怎样理解 HTML 语义化
语义化HTML是一种编写HTML的方式。选择合适的标签、使用合理的代码结构便于阅读。同时也能让浏览器的爬虫和机器很好的解析。
三、怎样理解内容与样式分离的原则
让内容归html，样式归css，内容与样式分离即在写HTML时，只考虑网页的结构和语义化。页面展现的样式，都由css实现。一方面可以减少网页的代码，另一方面可以轻松地更换样式。
四、有哪些常见的meta标签
1、申明编码<meta charset='utf-8' />
2、优先使用 IE 最新版本和 Chrome
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />关于X-UA-Compatible
<meta http-equiv="X-UA-Compatible" content="IE=6" >使用IE6
<meta http-equiv="X-UA-Compatible" content="IE=7" >使用IE7
<meta http-equiv="X-UA-Compatible" content="IE=8" >使用IE8
3、页面关键词<meta name="keywords" content="your tags" />
4、移动设备
<meta name="viewport" content="width=device-width, initial-scale=1.,maximum-scale=1., user-scalable=no"/>
5、页面关键词
<meta name="keywords" content="your tags" />
6、页面描述 <meta name="description" content="150 words" />
五、文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
文档声明的作用是告知浏览器页面使用的HTML版本。
<!doctype html> 的作用是告知浏览器页面是用html5编写的。
严格模式：浏览器会严格按照 HTML 和 CSS 标准来解析、渲染你的文档。
混杂模式：文档开头不明确申明，由浏览器来自行判断页面的文档类型，可以兼容各类型，浏览器用自己的方式解析代码。
六、浏览器乱码的原因是什么？如何解决
1、比如网页源代码是gbk的编码，而内容中的中文字是utf-8编码的，这样浏览器打开即会出现html乱码。反之网页是编码utf-8，内容是gbk也会出现乱码。
2、html网页编码是gbk，而程序从数据库中调出呈现是utf-8编码的内容也会造成编码乱码。
3、浏览器不能自动检测网页编码，造成网页乱码。
七、常见的浏览器有哪些，什么内核
Trident内核，又称为IE内核。——IE、傲游、世界之窗浏览器、Avant、腾讯TT等。
Gecko内核——Firefox、Netscape6至9。
WebKit内核——Safari、Chrome、360。
Presto内核——OperaPresto。
七、列出常见的标签，并简单介绍这些标签用在什么场景
<a> 用于超链接。<a href="">some text</a>
<article> 用于一篇文章。<article>a self-contained article</article>
<aside> 用于页面的侧边栏。<aside>some content</aside>
<blockquote> 用于大段的引用内容。<blockquote>some big te xts</blockquote>
<body> 页面上显示的所有内容都被包含在<body></body>里
用于显示一个换行
<button> 用于显示一个按钮
<code> 用于一包裹一段代码内容
<dd>用于一个dl列表的某个dt名词的描述
<del> 用于删除一些不需要的文字
<div> 用于包裹住一些其他的标签，制造一个容器
<dl>用于制作一个名词和对应解释的列表
<dt> 用于一个dl列表的某个dt名词
<em> 用于强调一些文本内容
<figcaption> 用于一张图表的说明文字
<figure> 用于一张图表
<footer> 用于包裹页面的底部内容
<form>用于制作一个表单
<h1>-<h6> 用于标记标题，从h1到h6重要性依次递减
<head> 用于包裹页面的元数据，如<meta>, <link>, <title>等
<header> 用于包裹页面的头部内容
用于制造出一条分隔线
<html>整个 HTML 文档的根元素，包裹住其他所有的元素
<iframe>用于嵌入另一个小页面到一个页面中
<img>用于显示一张图片
<input> 用于显示一个表格输入控件
<label> 用于给一个表格输入控件打上一个标签，说明输入控件的作用
<li> 用于<ul>和<ol>标签，代表一个列表项
<link> 用于链接外部CSS文件
<mark>用于高亮显示某些文本
<meta>用于下达一些元数据指令，或者对页面进行说明
<nav> 用于包裹住一个导航条的内容
<ol> 用于制作一个有序列表
<p>用于显示一个段落
<q>用于一小段引用文字
<script>用于一段JavaScript脚本代码，或者引入一个外部JavaScript脚本文件
<section>用于包裹一部分有逻辑关第的页面内容
<select>用于制作一个下拉列表选框
<span>用于包裹住一小段文字，作为一个容器
<strong> 用于着重强调重要的文本内容
<style> 用于给页面元素加上样式
用于下标文本
用于上标文本
<table>用于制作一个表格
<tbody> 用于表格里的主体部分
<td>用于表格里的某一个单元格
<textarea> 用于制作一大块文本输入框
<tfoot> 用于表格里的底部
<th> 用于表格里的表头的单元格
<thead>用于表格里的表头
<time>用于页面内容中的时间
<title> 用于显示整个页面的标题（显示在浏览器的tab上）
<tr>用于标记表格里的一行
<ul> 用于制作一个无序列表
