写出html5的四条书写规范

html-css07

写出html5的四条书写规范,第1张

整体结构

【页面头部】

1、文件应以“<!DOCTYPE ......>”首行顶格开始,推荐使用“<!DOCTYPE html>”

<!DOCTYPE html>

2、必须声明文档的编码charset,且与文件本身编码保持一致,指定字符编码的 meta 必须是 head 的第一个直接子元素。推荐使用UTF-8编码<meta charset="utf-8">

(1)网页显示字符集

(2)可选标签

公司的版权注释

网页制作者信息

网站简介

设定网页的到期时间,一旦网页过期,必须到服务器上重新调阅

禁止浏览器从本地机缓存中调阅内容

用来防止别人在框架中调用你的页面

自动跳转

网页搜索机器人向导,用来告诉机器人哪些页面需要搜索,哪些页 面不需要搜索

收藏夹图标

3、根据页面内容和需求填写适当的keywords和description

4、页面title是不可缺少的一项,title 必须作为 head 的直接子元素,并紧随 charset 声明之后

1)HTML标记是由尖括号包围的关键词。所有标记均以“<”开始,以“>”结束。结束的标记在开始名称前加上斜杠“/”。例如头部标记格式如下所示:<head>……</head>

(2)根据标记类型,正确书写标记,单个标记最好在右尖括号前加1个斜杠“/”,如换行标记是单个标记“<br>”,成对标记最好同时输入开始标记和结束标记,以免忘记。

(3)标记可以相互嵌套(也称为包含),但不能交叉。如:

<head><title>……</title></head> <!--这是正确的书写格式-->

<head><style>……</head></style> <!--这是错误的书写格式-->

(4)在HTML代码书写时不区分大小写,如头部标记写成<HEAD>,<head>,<Head>,<HEAd>都可以,但建议在同一个Web开发项目保持一种风格,如统一小写标记名称。

(5)代码中包含任意多的回车符和空格在HTML页面显示时均不起作用。需要时可使用<br />和 来实现换行和插入空格。为了代码清晰,建议不同的标记都独占一行。

(6)给标记设置属性时,属性值建议用双引号标注起来。如段落内容居中格式如下所示:<p align="center">这是段落信息居中显示</p>

(7)书写开始与结束标记时,在左尖括号与标记名或与斜杠“/”之间不能留有多余空格,否则浏览器不能识别该标记,导致错误标记直接显示在页面上,影响页面美观效果。例如:

< comment>显示一个段落< /comment>

(8)编写HTML代码时,应该使用锯齿结构,即向右缩进2~4个字符,使代码结构清晰,提高代码的可读性,为后期阅读和维护提供帮助。

基本上SEOER都懂得一些HTML代码。但是我们今天就是要谈HTML代码如何更加规范的SEO书写。本文分为以下几个部分:足下

一、HTML的文本选择;二、CSS的设置;三、JS的设置;四、相关标签的使用;五、如何做好内链;六、其他相关的注意事项

一、HTML

我们知道W3C标准,而现在网站制作主要为XHTML。而不再是HTML5.0.XHTML又有很多种文档类型,其中目前常见的为XHTML 1.0 Transitional和XHTML 1.0 Strict,而前者应为意思就是过渡性,主要还是由于IE6的存在导致产生的,STRICT是严格性,主要在国外的一些网站经常看见,国内使用的还很少。

content="text/htmlcharset=utf-8" />这个语言标签,常见的为UTF-8,GB2312,BIG5等。对这个很敏感的就是FIRE FOX浏览器,他对语言要求很苛刻,经常一些网页产生乱码,也是语言使用的不规范。但是幸运的是百度的搜索框,可以将这些乱码转换成正常的文字。所以百度了解汉字不是没有道理的。

二、CSS的使用

1、首先尽量使用外部CSS链接导入,这是为了让多个网页使用同一个CSS文件,减少了网站加载速度

2、通常首页是单独的CSS文件,并且尽量优化,减少相关错误

3、即使我们使用的导航条是图片,而不是文字,也尽量在NAV中写入文字,并且进行缩进不显示

4、不要将一些外链的颜色变成和背景颜色一样,如此会导致搜索引擎认为你作弊

三、JS我们知道百度对JS是不感冒的,甚至在百度快照中,网站框架的变形,也和JS有关。

1、首先JS调用尽量放入HEAD标签内

2、BODY之间的JS语言尽量使用<!-- JS内容 -->减少百度的读取

3、FLASH的调用JS放入到BODY的最下面

四、相关标签的使用

1、a标签,大家都知道这是一个连接符,那么在A标签中,你是否增加了TIITLE呢?

2、aLT标签,尽量对每个图片和FLASH进行说明或者描述吧,这样让百度知道你的图片

3、fofollow 这个是一些友情链接经常使用的不友好方式,是让链接权重不进行转移

4、h1 H2 H3等,是对文章的一些标题进行突出,这个搜索引擎很关注,但是不要滥用

5、b和STRONG,也会增加搜索引擎注意,效果不如H标签,可以围绕关键词增加一些