HTML初学者适用的十五条最佳实践

2020-04-17 08:08:34易采站长站整理

JavaScript Code复制内容到剪贴板

$(‘a#moreCornInfoLink’).click(function() {     
  alert(‘Want to learn more about corn?’);     
});    

7.边开发,边验证

如果你刚开始从事网页制作,那强烈建议你下载Web Developer Toolbar(chrome用户请自行在应用商店搜索,ie用户可能就杯具了) ,并在编码过程中随时使用”HTML标准验证”和“CSS标准验证”。如果你认为CSS是一种非常好学的语言,那么它会把你整的死去活来。你不严谨的代码会让你的页面漏洞百出,问题不断,一个好的方法就是—— 验证,验证,再验证。

8.下载firebug

Firebug是当之无愧的网页开发最佳插件,它不但可以调试JavaScript,还可以直观的让你了解页面标记的属性和位置。不用多说, 下载!

9.使用firebug

据笔者观察,大部分的使用者仅仅使用了Firebug 20%的功能,那真是太浪费了,你不妨花几个小时的时间来系统学习这个工具,相信会让你事半功倍。

10.保持标签名小写

理论上讲,html不区分大小写,你可以随意书写,例如:

XML/HTML Code复制内容到剪贴板

<DIV>     
<P>Here’s an interesting fact about corn. </P>     
</DIV>  

但最好不要这样写,费力气输入大些字母没有任何用处,并且会让代码很难看.

建议

XML/HTML Code复制内容到剪贴板

<div>     
  <p>Here’s an interesting fact about corn. </p>     
</div>   

11.使用H1-H6标签

建议你在网页中使用其中全部六种标记,虽然大部分人只会用到前四个,但使用最多的H会有很多好处,比如设备友好、搜索引擎友好等,不妨把你的P标签都替换成H6。

XML/HTML Code复制内容到剪贴板

<h1>This is a really important corn fact! </h1>     
<h6>Small, but still significant corn fact goes here. </h6>  

12.使用无序列表(UL)包裹导航菜单

通常网站都会有导航菜单,你可以用这样的方式定义:

XML/HTML Code复制内容到剪贴板

<div id="nav">     
 <a href="#">Home </a>     
  <a href="#">About </a>     
  <a href="#">Contact </a>