摘要：
a. 图片懒加载，滚动到相应位置才加载图片 b. 图片预加载，如果为幻灯片、相册等，将当前展示图片的前一张和后一张优先下载 c. 使用CSSsprite，SVGsprite，Iconfont、Base64等技术，如果图片为css图片的话 d. 如果图片过大，可以使用特殊编码的图片，加载时会先加载一张 阅读全文
摘要：
a. 请求数量：合并脚本和样式表，CSS Sprites，拆分初始化负载，划分主域 b. 请求带宽：开启GZip，精简JavaScript，移除重复脚本，图像优化，将icon做成字体 c. 缓存利用：使用CDN，使用外部JavaScript和CSS，添加Expires头，减少DNS查找，配置ETag 阅读全文
摘要：
a. 了解搜索引擎如何抓取网页和如何索引网页 b. meta标签优化 c. 关键词分析 d. 付费给搜索引擎 e. 链接交换和链接广泛度（Link Popularity） f. 合理的标签使用 阅读全文
摘要：
a. 去掉或者丢失样式的时候能够让页面呈现出清晰的结构 b. 有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重 c. 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页 d. 便于团队开发和维护，语义化更具可读 阅读全文
摘要：
a. 标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档 b. HTML 4.01 规定了三种文档类型：Strict、Transitional 以及 Frameset c. XHTML 1.0 规定了三种 XML 文档类型：Strict、Transitional 阅读全文
摘要：
a. XHTML 元素必须被正确地嵌套 b. XHTML 元素必须被关闭 c. 标签名必须用小写字母 d. XHTML 文档必须拥有根元素 阅读全文
摘要：
原理： a. CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字精确的定位 阅读全文
摘要：
a. visibility: hidden；这个属性只是简单的隐藏某个元素，但是元素占用的空间任然存在 b. opacity: 0；一个CSS3属性，设置0可以使一个元素完全透明，制作出和visibility一样的效果。与visibility相比，它可以被transition和animate c. 阅读全文
摘要：
注解：浮动会漂浮于普通流之上，像浮云一样，但是只能左右浮动。正是这种特性，导致框内部由于不存在其他普通流元素了，表现出高度为0（高度塌陷） a. 添加额外标签，例如<div style="clear:both"></div> b. 使用br标签和其自身的html属性，例如<br clear="all 阅读全文
摘要：
a. 外部样式表：通过<link>标签引入一个外部css文件 b. 内部样式表：将css代码放在<style>标签内部 c. 内联样式：将css样式直接定义在 HTML 元素内部 阅读全文
摘要：
a.带单位：px不用计算，em则会使元素以其父元素font-size值为参考来计算自己的行高 b. 纯数字：把比例传递给后代，例如父级行高为1.5，子元素字体为18px，则子元素行高为1.5*18=27px c. 百分比：将计算后的值传递给后代 阅读全文
摘要：
a. link属于HTML标签，而@import是CSS提供的，且只能加载 CSS b. 页面被加载时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载 c. import只在IE5以上才能识别，而link是HTML标签，无兼容问题 d. link方式的样式的权重 高于@i 阅读全文
摘要：
a. 元素选择器：* 、E、 E#id、 E.class b. 关系选择器：E、F、E>F、E+F、E~F c. 属性选择器：E[att]、E[att="val"]、E[att~="val"]、E[att^="val"]、E[att$="val"]、E[att*="val"]、E[att|="val 阅读全文
摘要：
a. CSS样式表继承指的是，特定的CSS属性向下传递到子孙元素，会被继承下去的属性： b.文本相关：font-family，font-size， font-style，font-variant，font-weight， font，letter-spacing，line-height，color c 阅读全文
摘要：
a. 固定布局 b. 流式布局 c. 弹性布局 d. 浮动布局 e. 定位布局 f. margin和padding 阅读全文
摘要：
新特性： a. HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加 b. 拖拽释放(Drag and drop) API c. 语义化更好的内容标签（header,nav,footer,aside,article,section） d. 音频、视频API(au 阅读全文
摘要：
a. 太深的嵌套，比如table>tr>td>h3，会导致搜索引擎读取困难，而且，最直接的损失就是大大增加了冗余代码量 b. 灵活性差，比如要将tr设置border等属性，是不行的，得通过td c. 代码臃肿，当在table中套用table的时候，阅读代码会显得异常混乱 d. 混乱的colspan与 阅读全文
摘要：
src用于替换当前元素 href用于在当前文档和引用资源之间确立联系 src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置href是Hypertext Reference的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接 阅读全文