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元素内容时,需要