html书写规范

html-css010

html书写规范,第1张

1、所有的标签都在<>中

2、所有的标签都有开始和结束,即使是单标记也要结束

3、所有的标签和属性和值,小写

4、标签和属性,属性和属性之间有空格

5、属性值必须又加引号(单引号和双引号都可以)

6、属性必须有值

7、属性可以不写

8、标签与标签之间要正确嵌套(不可交叉嵌套),你懂的

9、           <html>

                           <head >           <title></title>           <head>

                                                    <body></body>

               <html>

                解释:html:标明文档类型是html;

               head:是网页头部,包括网页的基本信息,其中 title(网站的标题)就包含在里面;

                 body:在浏览器看到的内容

10、注释:<! - -注释内容- - >      (和xml一样)

11、     face:字体(建议使用英文字母表示中文字体)

12、size:字体大小(1-7),默认为3

13、颜色:(color)

14、body的简单使用:

15、

16、

html语法规范是一种计算机术语,意思是html语言的语法形式要符合标准。HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。

第一部分:HTML整体结构

1.HTML基础设施

 

(1)文件应以<!DOCTYPE.....>首行顶格开始,这句话告诉浏览器这是一个什么文件,我们推荐使用<!DOCTYPE html>。

 (2)必须在head元素内部的meta标签内声明文档的字符编码charset, 如:<meta charset="UTF-8">,这句代码告诉浏览器应该此HTML文件使用的字符集是什么,如果不加此行代码,那么在浏览器中可能显示为乱码。

 (3) 页面的title是极为重要的不可缺少的一项。

当我们在sublime text编辑器中输入!并按下tab键便得到:

1

2

3

4

5

6

7

8

9

10

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>

</body>

</html>

2.HTML代码结构和视觉顺序基本保持一致

(1).按照从上之下,从左到右的视觉顺序书写HTML结构。

(2).有时候为了便于搜索引擎抓取,我们也会将重要内容在HTML结构顺序上提前,以为搜索引擎抓取网页内容是自上而下的,所以将重要内容在HTML结构顺序上提前可便于抓取重要的内容。

(3).不要使用table布局,现在基本上被淘汰了,而应该代之以div来布局,方便控制。

3.结构、表现、行为三者分类,避免内联。

(1).使用link引入外部css文件到head中。注意:一般我们不适用@import来引入外部css文件。两者的区别可以看我的另外一篇博文《添加css的方式:link和@import的区别》。

(2).使用script将js文件引入,并置于body底部,这时js文件会最后加载,html会最先加载,用户体验会更好。(注意:并不是所有的js文件都要放置于body的底部,如当我们需要使用js文件动态修改meta元素内容时,需要