网页设计新手30条进阶秘技

2020-05-08 08:43:54易采站长站整理

 

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

 

7. 开发中随时进行标准验证

validate continuously

很多人并不真正理解标准验证的意义和价值,笔者在一篇 博客中详细分析了这个问题。一句话,标准验证是为你服务的,不是给你找麻烦的。

如果你刚开始从事网页制作,那强烈建议你下载这个 网页开发工具条 ,并在编码过程中随时使用"HTML标准验证"和“CSS标准验证”。如果你认为CSS是一种非常好学的语言,那么它会把你整的死去活来。你的不严谨的代码会让你的页面漏洞百出,问题不断,一个好的方法就是—— 验证,验证,再验证。

8. 下载Firebug
download firebug

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

9. 使用Firebug!

use firebug

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

Firebug教程:

Overview of Firebug
Debug Javascript With Firebug – video tutorial

 
10. 使用小写的标记

理论上讲,你可以像这样随性的书写标记:

 

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

 

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

 

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

 

11.使用H1 – H6标签

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

12. 如果是博客,那把H1留给文章标题

h1 saved for title of article.

今天笔者在Twitter上发起一次讨论:是该把H1定义到LOGO上还是定义到文章标题上,有80%的人选择了后者。

当然具体如何使用要看你的需求,但我建议你在建立博客的时候,将文章题目定为H1,这对搜索引擎优化(SEO)是非常有好处的。