HTML notes_html/css_WEB-ITnose

注重结构与样式的分离：

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

2.然后进行CSS样式设置

3.减少HTML与CSS的契合度

javascript使用注意事项：

1.平稳退化

2.向CSS学习：分离javascript

3.向后兼容

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

HTML页面加载和解析流程： http://www.w3cfuns.com/blog-5459951-5404057.html

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

1.多个单选框name值必须要相同，才能实现联动切换。

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

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

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

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

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

 

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

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

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

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

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

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

里面：

?? 错

?? Wrong

(2) There are several special block-level elements that can only contain inline elements and cannot contain block-level elements. These special tags are:

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