标签：
1.根据WEB标准，将一个网页分成三个部分：
- 结构定义网页的整个的结构html；
- 表现定义整个网页的样式css；
- 行为行为表示浏览器和用户的交互的行为js。
2.主流浏览器厂家、前缀、内核
厂家 内核 前缀
IE trident -ms-
Chrome blink -webkit-
Oprea blink -o-
Safari webkit -webkit-
Fierfox gecko -moz-
3.HTML（超文本标记语言）
- <!DOCTYPE>
- 含义：文档声明，位于文档中的最前面的位置，处于 <html> 标签之前。
- 作用：此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。（重点：告诉浏览器按照何种规范解析页面）
- 意义：IE7及以下，如不书写文档声明会使用<怪异模式>解析网页导致一系列CSS兼容性问题。
- 怪异模式：怪异模式下，IE 的content部分包含了 border 和 pading
- 盒模型：IE盒模型、标准W3C盒模型 //渲染模式的不同
内容(content)、填充(padding)、边界(margin)、 边框(border)
- 两种模式
- 严格模式的排版和 JS 运作模式是,以该浏览器支持的最高标准运行。
- 在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。
混合模式产生原因：DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。
4.<meat/>
- 编码：计算机在保存字符时需要将字符全都转换为二进制编码
- 解码：计算机在读取一个文件时，需要将二进制编码转换为文字
- 乱码：编码和解码时所采用的规则我们称为 字符集；
编码和解码所采用的字符集不同，导致乱码。
<meta charset="utf-8" /> 万国码
- lang与charst的区别于作用
- lang 设置语言 修改不会导致乱码(lang=en)
编写与 html 标签内
- charset 设置编码 修改会导致乱码(charset=‘utf-8‘)
编写与 meta 标签内
5.图片<img/>
- 两个属性
- src：指向的是一个外部图片的地址
- 引入外部文件(href/src区别)
- href 异步引入，加载web资源。如果网速慢，会导致网页乱码
<link href=”common.css” rel=”stylesheet”/>
浏览器会识别该文档为css文件，就会并行下载资源并且不会停止对当前文档的处理。
这也是为什么建议使用link方式来加载css，而不是使用@import方式。
- Src 同步引入，加载web资源。如果网速慢，会导致白屏
<script src =”js.js”></script>
当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，
图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。
- alt：在图片不能显示的时候对图片的描述/可被搜索引擎检索
- alt及title的区别
- alt是图片的一个属性，是图片的描述。搜索引擎本身是不能识别图片的内容，所以需要添加alt属性。
(在IE浏览器下会在没有title时把alt当成 tool tip显示)
- title全局属性，面向用户，给用户现实提示信息。
- 图片的路径
- 相对路径
- <img src=”img/logo.png”>
从当前文件所在目录开始。
- <img src=”/img/logo.png”>
从项目根目录开始。
- 常见的图片格式
- jpeg：支持的颜色比较多，可以显示一些鲜艳的图片，一般情况下照片，颜色复杂的图片都使用jpeg/不支持透明
- gif： 支持的颜色比较少，可以显示一些颜色单一的图片/支持全透明，不支持半透明
- png： 支持的颜色比较多，功能比较强大/完全支持透明
- Webp：谷歌（google）开发的一种旨在加快图片加载速度的图片格式。
图片压缩体积大约只有JPEG的2/3，并能节省大量的服务器带宽资源和数据空间。
在质量相同的情况下，WebP格式图像的体积要比JPEG格式图像小40%
6.实体（转义字符）
- 在HTML中不能直接输入一些特殊字符，往往需要通过实体进行转义
- 实体的语法：&实体名字;
- 大于号：>
- 小于号: <
- 空格:
- 版权声明：©
7.HTML与XHTML——二者有什么区别？
- 所有的标记都必须要有一个相应的结束标记
- 所有标签的元素和属性的名字都必须使用小写
- 所有的 XML 标记都必须合理嵌套
- 所有的属性必须用引号 "" 括起来
- 把所有 < 和 & 特殊符号用编码表示
- 给所有属性赋一个值
- 不要在注释内容中使用 "--"
- 图片必须有说明文字
8.对网页标准和标准制定机构重要性的理解。
- 网页标准和标准制定机构都是为了能让web发展的更‘健康’，开发者遵循统一的标准，
降低开发难度，开发成本，SEO也会更好做，也不会因为滥用代码导致各种BUG、安全问题，最终提高网站易用性。
9.对WEB标准以及W3C的理解与认识
- 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链css和js脚本、结构行为表现的分离、
文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，
容易维 护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性。
10.理解HTML结构的语义化
- 更符合W3C统一的规范标准，是技术趋势。
- 没有样式时浏览器的默认样式也能让页面结构很清晰。
- 对功能障碍用户友好。屏幕阅读器（如果访客有视障）会完全根据你的标记来“读”你的网页。
- 对其他非主流终端设备友好。例如机顶盒、PDA、各种移动终端。
- 对SEO友好。
标签：
原文地址：http://www.cnblogs.com/NimoJCC/p/5883356.html
