- 您的当前位置: 网站首页 » 信息讲堂 » 技术文章 » 浅谈网站制作HTML代码优化问题
- ***
浅谈网站制作HTML代码优化问题
一:DIV的样式名称命名原则
Div样式的名称命名,使用id和class
id:全页面唯一的,不重复使用,用来命名板块处,其子样式也就是用class命名的样式是他独享的,这点很重要!
class:全站可以重复调用,用来调整布局及样式使用。命名时,要能体现板块结构化,父子级关系,用“-”使用,例如:.ind-list。
二:h1、h2、h3三大关乎网站优化标签的使用
h1 h2 h3务必要被使用在三大页面,列表页面、终端。首页需看情况。以上的几个的标题标签用在页面处,使得页面主次明了,结构清晰、关键字分布合理;以下说明h标签的使用情况。
三:三大页面Html的写法
首页:板块化结构的布局模式+核心段落(页面描述)
列表:板块化的结构模式+核心段落、更新段落
终端:板块化的结构模式+正文段落
附属页面:完全板块化的结构模式
首页,列表:
格式:
终端:
格式:
h1注释标题,h2注释副标题,也就是标题的扩展标题,使得核心关键字均匀分布在正文中!
四:页面Div编写规则
1:使得布局使用元素简洁,尽量少使用嵌套模式
2:类似
Div样式的名称命名,使用id和class
id:全页面唯一的,不重复使用,用来命名板块处,其子样式也就是用class命名的样式是他独享的,这点很重要!
class:全站可以重复调用,用来调整布局及样式使用。命名时,要能体现板块结构化,父子级关系,用“-”使用,例如:.ind-list。
二:h1、h2、h3三大关乎网站优化标签的使用
h1 h2 h3务必要被使用在三大页面,列表页面、终端。首页需看情况。以上的几个的标题标签用在页面处,使得页面主次明了,结构清晰、关键字分布合理;以下说明h标签的使用情况。
三:三大页面Html的写法
首页:板块化结构的布局模式+核心段落(页面描述)
列表:板块化的结构模式+核心段落、更新段落
终端:板块化的结构模式+正文段落
附属页面:完全板块化的结构模式
首页,列表:
格式:
核心关键词
+核心段落
例如:秦皇岛网站制作
秦皇岛炎黄科技网络工作室是秦皇岛专业的网站制作公司
终端:
格式:
文章标题
+h1正文
+文章标题扩展
+h2正文
h1注释标题,h2注释副标题,也就是标题的扩展标题,使得核心关键字均匀分布在正文中!
四:页面Div编写规则
1:使得布局使用元素简洁,尽量少使用嵌套模式
2:类似