Welcome, Old Sport!

10个需要注意的HTML技巧

by ilikecss ON 2011/08/24 4099

随着时间推移,你在代码上功力肯定是随着熟练度而加强的,但如果没有一个好的开始,那你只会越陷越深。在这篇文章中将给大家说十点我们在写HTML时应该注意的地方或者说是技巧。如果您有什么特别小窍门请留言和大家分享。

Tip 1: 表格的形式

10 tips for great html

在建立表单时选择适当的标签,复选框,单选按钮等。请注意务必将文字和按钮框架距离保持,保持一个让用户使用方便的心里。

Tip 2: LOGO的链接

10 tips for great html

给网站LOGO加链接返回首页已经是比较普遍的做法了,但请记住使用以上的图片的方法,

标签加链接文字势必加强搜索引擎友好度。另外LOGO最好出现在页面的左上。

Tip 3: 默认链接颜色

10 tips for great html

请将默认浏览过的链接文字颜色给予适当的颜色(如图参考),从客户角度考虑这点是很重要的。

Tip 4: 表单区域的修饰

10 tips for great html

我们在提交表单时可能许多朋友都没有做过对表单的处理,如果你增加一些修饰势必会让浏览者给予赞许。如增加CSS样式,突出显示边框或背景颜色产生微妙的变化。

Tip 5: 图片的描述

10 tips for great html

请记住,随时添加一个描述性的ALT属性给图像,当然,除非它的作用是装饰,然后ALT属性可以为空(但仍然存在!)。有些HTML认证如不添加ALT属性则被扣分,对搜索引擎友好度也不好。

Tip 6: 空白背景图片

10 tips for great html

后面的文字段落中使用背景图片是很常见,但值得一提的背景图片,如果用户禁用的,需要有一个类似的背景颜色的形式基调,以避免成为不可读的文本。

Tip 7: 标题与段落

10 tips for great html

明确的标题和段落,更有利于搜索引擎,使读者更容易阅读。标题

,文字段落最好使用

标签。

Tip 8: 强调文本

10 tips for great html

带有下划线的文本很容易让人误以为是链接,如果你要强调一个文本请使用其他标签,避免使用下划线。

Tip 9: 告诉别人,请点击这里

10 tips for great html

文章过长,请使用入口链接,让读者知道这里是入口进入查看详细。链接需要简明易懂,或对下文有提示性文本。

Tip 10: 将文本对齐

10 tips for great html

对齐的文本可以看起来整洁对用眼有利,对于读者来说整齐的文本是使其阅读下去要素之一,比如有些段落换行后会比之前更整齐,有些段落关键词被挤到下一行等等,这些小细节都是读者选择阅读的要素。

目前还没有评论



TOP