田贤追博客 - QQ:260776893,Tel:13065860667

网站建设电子商务博客(网站制作,优化推广,网络营销宣传,B2B,网络广告),网络维护,平面设计及相关的文章信息发布共享。

« 中国外贸环境在2010年会趋于改善吗?外贸B2B网站-外贸人寻找客户的主战场 »

HTML代码优化原则

HTML代码优化原则
一:Div的命名

Div的命名,使用id和class

id:全页面唯一的,不重复使用,用来命名板块处

class:全站可以重复调用,用来调整布局及样式使用。命名时,要能体现板块结构化,父子级关系。用“-”使用

二:h1、h2、h3标题标签

h1 h2 h3务必要被使用在三大页面,列表页面、终端。首页需看情况。以上的几个的标题标签用在页面处,使得页面主次明了,结构清晰、关键字分布合理;以下说明h标签的使用情况。

三:三大页面Html的写法

首页:板块化结构的布局模式+核心段落(页面描述)

列表:板块化的结构模式+核心段落、更新段落

终端:板块化的结构模式+正文段落

附属页面:完全板块化的结构模式

首页,列表:

格式:<h1>核心关键词</h1>+<p>核心段落</p> 例如:

<h1>合肥房产</h1>
<p>大量合肥房产信息就在安居客.安居客100%审核,为您提供更详尽的房型,房价,小区照片,附近街景,公交路线,地图等最新咨询.找房产相关信息,就上安居客!

终端:

格式:

<h1>文章标题</h1>+<p>h1正文</p>+<h2>文章标题扩展</h2>+<p>h2正文</p>
h1注释标题,h2注释副标题,也就是标题的扩展标题,使得核心关键字均匀分布在正文中!

h1注释标题,h2注释副标题,也就是标题的扩展标题,使得核心关键字均匀分布在正文中!

四:页面Div编写规则

1:使得布局使用元素简洁,尽量少使用嵌套模式

2:类似<a> <p> <span> <form> </font> <img>标签等元素都可以直接定义样式,无需在外部嵌套div等元素来布局!(可独立定义是,无需嵌套)

3:页面元素必须书写正确,且形成闭合状态。
 

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Walle Build 91204

© 2007-2009 Powered By 田贤追博客 All rights reserved. 浙ICP备09005319号·