CjBkl的博客

title 通常当鼠标滑动到元素上的时候显示alt 是 <img> 的特有属性，是图片内容的等价描述，用于图片无法加载时显示、读屏器阅读图片。可提图片高可访问性，除了纯装饰图片外都必须设置有意义的值，搜索引擎会重点分析。...

<div style="height:1px;overflow:hidden;background:red"></div>

label 标签来定义表单控制间的关系，当用户选择该标签时，浏览器会自动将焦点转到和标签 相关的表单控件上。 label 标签上的属性for定义的名字要和input 标签里面的id一样，两个才能绑定到一起。<label for="label-for"> Number: </label> <input type=“text“ name="Name" id="label-for"/>...

（1）合理的 title、description、keywords：搜索对着三项的权重逐个减小，title 值强调重点即可，重要关键词出现不要超过 2 次，而且要靠前，不同页面 title 要有所不同；description把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面 description 有所不同；keywords 列举出重要关键词即可。 （2）语义化的 HTML 代码，符合 W3C 规范：语义化代码让搜索引擎容易理解网页。 （3）重要内容 HTML 代码放在最前：搜索引擎抓取

什么是重绘和回流：重绘: 当渲染树中的一些元素需要更新属性，而这些属性只是影响元素的外观、风格，而不会影响布局的操作，比如 background color，我们将这样的操作称为重绘。 回流：当渲染树中的一部分（或全部）因为元素的规模尺寸、布局、隐藏等改变而需要重 新构建的操作，会影响到布局的操作，这样的操作我们称为回流。 常见引起回流属性和方法： 任何会改变元素几何信息（元素的位置和尺寸大小）的操作，都会触发回流。 （1）添加或者删除可见的 DOM 元素； （2）元素尺寸改变—

元素被分成两大类: inline （内联元素）与 block（块级元素）。1、行内元素定义一个行内元素只占据它对应标签的边框所包含的空间。 常见的行内元素有 a， b， span， img， strong， sub， sup， button， input， label， select， textarea2、块级元素定义块级元素占据其父元素（容器）的整个宽度，因此创建了一个“块”。 常见的块级元素有 div， ul， ol， li， dl， dt， dd， h1， h2， h3.

相关知识点： IE5.5 引入了文档模式的概念，而这个概念是通过使用文档类型（DOCTYPE）切换实现 的。声明位于 HTML 文档中的第一行，处于 标签之前。告知浏览器的 解析器用什么文档标准解析这个文档。 DOCTYPE 不存在或格式不正确会导致文档以兼容模式呈现。 声明一般位于文档的第一行，它的作用主要是告诉浏览器以什么样的模 式来解析文档。一般指定了之后会以标准模式来 进行文档解析，否则就以兼容模式进行解析。在标准模式下，浏览器的解析规则都是按 照最新的标..

HTML5 不基于 SGML，因此不需要对 DTD 进行引用，但是需要 DOCTYPE 来规范浏览器的行为（让浏览器按照它们应该的方式来运行）。而 HTML4.01 基于 SGML ，所以需要对DTD 进行引用，才能告知浏览器文档所使用的文档类型。...