网页代码规范.doc

网页代码规范 一、网站代码的主体结构布局： 1、!–页面注释解–2、html3、head4、title网页标题/title5、meta http-equiv=Content-Type content=text/html; charset=GB2312 6、meta http-equiv=Content-type content=text/html; charset=utf-8 (英文版,一定要用这个国际码) 7、meta name=keywords content=关键词 8、meta name=description content=网站描述 9、link href=style/css.css type=text/css rel=stylesheet 10、script type=text/javascript src=../javascript.js/script 11、/head 12、body 13、table 14、div 15、h1页面内容标题/h1 16、h2页面相关性标题/h2 17、h3标题系列/h3 18、h4标题系列/h4 19、h5标题系列/h5 20、h6标题系列/h6 21、img src=xxx.jpg alt=图片说明 22、a href=/ title=“链接说明”链接词/a 23、strong重点关键词强调/strong 24、b关键词强调/bu关键词强调/ui关键词强调/i 25、/div 26、div 27、版权部分关键词强调 28、/div 29、/table 30、/body 31、/html 二、有利于优化的代码使用说明： 1. !–页面注释解– 这个标签是用来做HTML代码注解的，一般使用!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd即可！ 2. 标记 HTML 对大小写不敏感，但XHTML对大小写敏感，为改善可读性，规定所有标志、属性、属性值外必须加引号，且一律用小写，如：table border=0 cellspacing=0 cellpadding=0 align=left。 3. title页面标题/title很重要，这个标签是在搜索引擎当中排名能否靠前的重点，而且这个重点绝对不容忽视。在此不得堆关键字，保持主要词在这里出现三次就行，而且关键字在标题中越靠前越好。 4. META标记 所有中文页面，必须在head … /head头中加入如下META标记： meta http-equiv =content-type content=text/html; charset=GB2312 该META标记描述本页使用的语言。浏览器根据此项，就可以选择正确的语言编码，而不需要读者自己在浏览器里选择。 5. 在首页和各频道首页应加入如下META标记：  meta name=keywords content=关键字 meta name=description content=网站描述 虽然这两个标签现在的权重不高，但还需认真对待，关键字不易过多，少于3个，尽量不要重复；描述内容越具体越好，有可能在索引的时候出现这个标签中的内容，有利于浏览者了解网站功能。 6. 对于页面的布局，首先根据设计效果图进行分析，把握主体结构，用table…/table架构主体框架，用CSS处理细节问题，实现div+table+css的结合，这样有利用各个浏览器的兼容和优化。 7. h1页面内容标题/h1这个标签是一个页面在body中最重要的标签，也是搜索引擎定位这个页面的主要依据，必须有标准的关键字出现在这里，但此标签不易在页面中过多引用，最好一个，以达到明确说明的目的； h2…/h2和h1…/h1道理一样，若是没有h1…/h1它所代表的含义和h1…/h1一样，要是有h1…/h1在此做几个长尾关键词可以为页面带来可观的流量；后面h3--h6重要性是依次递减的，在一个页面的权重越来越低,需要对其进行合理安排； 8. img src=xxx.jpg alt=图片说明”需要对图片进行说明，alt标记做的好，可以增加的图片匹配度，让搜索引擎知道这张图片是关于什么的，这样有利于在图片搜索的结果里显示排名更前面一点； 9. a href=/ title=链接说明链接词/a；这是链接说明，对于”链接”词最好写成自己的关键词，若是不能写，需在链接说明里出现关键词，这是SEO的重点！ 10.strong重点关键词强调/strong这个标签的重要性仅次于