HTML XHTML XML区别
HTML是一种比较松散的语言，是构成网页的主要语言，能将一台电脑上的文字以及图片信息与另一台电脑上的文本以及图片结成成为一个整体，当用户点击其中一个时，就会转到相关内容上去，而无论信息在哪台电脑上，但是由于开发时间过早，没有统一的规范，大小写混乱而且编码不规范，给开发带来麻烦。
XHTML是一种相比于HTML更佳严格的语言，如果将HTML比做方言，那么XHTML就是普通话，其中的X代表着extensible，XHTML结合了HTML与XML，是一种过渡语言，是HTML到XML的过渡，目前普遍认为XML为未来的主流语言。
XML是Internet中跨平台、依赖于内容的技术，为当前处理结构文档信息的有力工具，由于原来的HTML不能处理所有数据类的问题，比如影音资料，化学公式，音乐符号等其他形式的内容；需要将整份文件下载完成之后才能进行搜索功能；扩展性差，易读性差等。为了弥补以上缺点，XML被创造了出来，XML是一种简单的数据储存语言。大部分软件在之后都将会支持XML，这就意味着软件可以将在Windows、Linux、Mac OS各个不同系统下产生的信息结合起来，然后通过XML进行加载分析，然后将数据以XML格式输出。
HTML语义化
HTML的语义化作用在于让开发者更好的理解当前网页代码，在没有CSS的情况下也能使得页面可读性更强，使其机构明确。有利于搜索爬虫能够更好理解网页内容，获取有效信息，提升网页的权重，使得网页更容易被搜索引擎抓取。
内容与样式分离原则
内容与样式分离主要使为了方便代码的维护以及修改，增加易读性，增加代码的清洁性；网页的加载速度更快；由于样式单独写入了css文件中，因此更利于搜索引擎对其进行搜索；保持视觉的统一性。
常见的meta标签
meta标签在一个网页中至关重要，通常用来描述网页的关键词，作者，日期，刷新等信息。它通常位于head标签和title标签之间，即meta标签永远位于head标签之内。
页面关键词
<meta http-equiv="keywords" content="关键字">
页面描述
<meta http-equiv="description" content="描述">
自动刷新并且转到新页面
<meta http-equiv="refresh" content="2, url=http://">
申明编码
<meta charset="utf-8">
忽略数字并识别为电话号码
<meta name="format-detection" content="telphone=no, email=no">
不缓存
<meta http-equiv="cache-control" content="no-cache">
文档声明作用
文档声明作用是告知浏览器文档使用何种HTML或者XHTML规范
严格模式和混杂模式
严格模式指的是浏览器按照W3C规定解析代码，混杂模式又称兼容模式，是按照浏览器自己的方式来解析代码
<!doctype html>作用
声明浏览器的解析类型，避免怪异模式，使用了<!doctype html>就代表着浏览器解析用的是W3C中的规范，而避免了使用浏览器本身的解析。从而页面在不同浏览器中的解析都是一致的。
浏览器乱码原因以及解决方案
出现的乱码原因和相应解决方案
字库没安装完全：安装相应字库即可解决；
编码设置错误,使用了与文档字库不同的解码方式：选择相匹配的编码即可；
常用的浏览器以及相应内核
Safari:WebKit内核
Chrome:Blink内核(基于WebKit2)
IE:Trident内核
Opera:Blink内核
Firefox:Gecko内核
常见的标签以及使用场景
| 标签 | 使用场景 |
|---|---|
| head | 页面头部 |
| body | 页面主题 |
| h | 页面标题 |
| p | 页面段落 |
| /br | 换行 |
| div | 页面独立的块元素 |
| img | 页面插入图片 |
| form | 页面插入表单 |
