当前位置:Gxlcms > html代码 > HTML笔记_html/css_WEB-ITnose

HTML笔记_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:18人阅读

注重结构与样式的分离:

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.< 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)块级元素不能放在

里面:

?? 错

?? 错

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

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

人气教程排行