HTML笔记_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:46:24
Original
1076 Leute haben es durchsucht

注重结构与样式的分离:

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

里面:

?? 错

?? 错

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

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

 

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage