HTML笔记

注重结构与样式的分离：

1.先按结构和语义编写代码

2.然后进行CSS样式设置

3.减少HTML与CSS的契合度

javascript使用注意事项：

1.平稳退化

2.向CSS学习：分离javascript

3.向后兼容

4.性能考虑：尽量减少访问DOM和标记，合并和放置脚本，压缩并优化脚本

HTML代码规范：http://www.html5cn.org/article-7537-1.html

HTML head头标签：http://fex.baidu.com/blog/2014/10/html-head-tags/?qq-pf-to=pcqq.group

meta标签常用属性：http://bbs.html5cn.org/thread-85334-1-1.html

1.<input type="radio" name="">多个单选框name值必须要相同，才能实现联动切换。

2.html禁止清除input文本输入缓存,多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。

如果不想让浏览器缓存input的值，有两种方法：
方法一：
在不想使用缓存的input中添加 autocomplete="off";
方法二：
在 input 所在的form标签中添加 autocomplete="off";

3.<a href="#"> 点击链接后，页面会向上滚到页首，# 默认锚点为 #TOP,<a href="javascript:;>点击链接后，页面不动，只打开链接。 点击链接后，不想使页面滚到页首，就用href="javascript:;"，不要用href="#"，return false也有类似作用。

4.input按钮和button按钮的区别：

属性为type=”submit”的input标签在不同的浏览器中要么显得非常丑陋（在Firefox中），要么就是存在这样那样的缺陷（在Internet Explorer），甚至表现得十分死板（在Safari中）。应对这个问题的解决办法通常是通过设置input的属性为image然后自己动手设计一个按钮图片出来,实际上，根据W3C的定义，< button >元素就是为了解决这些表现上的差异才应运而生的。

 

所有主流浏览器都支持< button >标签。 在button元素内部，您可以放置内容，比如文本或图像。这是该元素与使用input元素创建的按钮之间的不同之处。 

< button >控件与< input type="button" >相比，提供了更为强大的功能和更丰富的内容。< button >与< /button >标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。例如，我们可以在按钮中包括一个图像和相关的文本，用它们在按钮中创建一个吸引人的标记图像。 唯一禁止使用的元素是图像映射，因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为。 请始终为按钮规定type属性。InternetExplorer的默认类型是"button"，而其他浏览器中（包括W3C规范）的默认值是"submit",所以不要把< button >标签当成< form >中的input元素。

如果在HTML表单中使用button元素，不同的浏览器会提交不同的值。InternetExplorer将提交< button >与< button/ >之间的文本，而其他浏览器将提交value属性的内容。请在HTML表单中使用input元素来创建按钮。

5.实现html内文本不可选：http://bbs.html5cn.org/thread-84022-1-1.html

6.网站logo应该用 img 标签，因为除了可以设 alt 和被引擎抓取外，在 CSS 裸奔时也可以显示。

7.(1)块级元素不能放在

里面：

<p><ol><li></li> </ol></p> —— 错

<p><div></div></p> —— 错

(2) 有几个特殊的块级元素只能包含内嵌元素，不能再包含块级元素，这几个特殊的标签是：

h1、h2、h3、h4、h5、h6、p、dt

 8.textarea {resize: none;}将resize属性设置为none，textarea就变成了固定大小，小三角也消失了。

 9.<colgroup> 标签用于对表格中的列进行组合，以便对其进行格式化。

如需对全部列应用样式，<colgroup> 标签很有用，这样就不需要对各个单元和各行重复应用样式了。

<colgroup> 标签只能在 table 元素中使用。

注：请为 <colgroup> 标签添加 class 属性。这样就可以使用 CSS 来负责对齐方式、宽度和颜色等等。  //参考淘宝网的“已买到的宝贝”页面

10.视觉上，checkbox有三种状态：checked、unchecked、indeterminate（不确定的）。

对于indeterminate状态的checkbox需要注意的是：你无法在HTML中设置checkbox的状态为indeterminate。因为HTML中没有indeterminate这个属性，你可以通过Javascript脚本来设置它

var checkbox = document.getElementById("some-checkbox");
checkbox.indeterminate = true;

或者通过jQuery来设置

$("#some-checkbox").prop("indeterminate", true); // prop is jQuery

checkbox的indeterminate状态仅仅是视觉上的，它的值仍然只有checked或unchecked，这意味着indeterminate状态的checkbox的真正价值只是在用户界面上看起来更友好！