html–语法结构
介绍
超文本标记语言(Hyper Text Markup Language),HTML 不是一种编程语言,而是一种 指超文本标签语言,是网页制作所必备的.
html语法结构
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
| <!DOCTYPE html> <!--html的文档声明,声明当前html文档的版本--> <html> <!--根标签: html开始标签 --> <head> <!--html标签中的第一个子标签: head开始标签--> <!--单个标签meta: 主要用于当前文档设置, 这里设置的是文档的编码格式 utf-8--> <meta charset="UTF-8"> <!--单个标签meta: 视口,移动端内容进行自动适配--> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--单个标签meta: 如果是ie浏览器,让 IE 以最高版本显示网页--> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>网页标题</title> <!--title标签: 主要用于设置当前文档标题--> </head> <!--html标签中的第一个子标签: head结束标签--> <body> <!--html标签中的第二个子标签: body开始标签--> 网页内容 </body> <!--html标签中的第二个子标签: body结束标签--> </html> <!--根标签: html结束标签 -->
|
上面的代码就是html
的基本结构,需要注意的是:第七行
和第九行
第七行:进行简单的移动端自动适配
第九行: 如果访问client使用的是ie
浏览器的话,以最高版本进行显示网页
结构说明:
- html网页第一行是文档声明, 用来指定页面所使用的html的版本, 这里声明的是一个html5的文档。
- html一个网页包含两部分一部分是head,另一部分是body
- head标签的主要作用:网页的设置和资源的引用,head标签中的内容一般不会显示在网页上
- body中的内容通常用于网页显示
1 2 3 4 5 6 7
| <!DOCTYPE html> (文档声明) <html>(标志着html语言开始) <head>(html的头部开始位置,一般放css和js声明,双标签格式) </head>(html的头部结束位置) <body>(页面展示开始位置,就是访问页面所能看到的资源都放在这个body里面) </body>(页面展示结束位置) </html>(标志着html语言结束)
|
html的单双标签
可以先看下下面的实例
1 2 3 4 5 6 7 8 9 10
| <!DOCTYPE html> <!--html的文档声明,声明当前html文档的版本--> <html> <!--根标签: html开始标签 --> <head> <!--html标签中的第一个子标签: head开始标签--> <meta charset="UTF-8"> <!--单个标签meta: 主要用于当前文档设置, 这里设置的是文档的编码格式 utf-8--> <title>网页标题</title> <!--title标签: 主要用于设置当前文档标题--> </head> <!--html标签中的第一个子标签: head结束标签--> <body> <!--html标签中的第二个子标签: body开始标签--> 网页内容 </body> <!--html标签中的第二个子标签: body结束标签--> </html> <!--根标签: html结束标签 -->
|
<html> <head> <body> <title>
这样的标签是成对的
<meta>
这样的标签是单个的
- 标签是可以嵌套的: 例如 上面的代码中 html 标签, 嵌套了 head 标签和 body 标签.
- 单标签与双标签区别,单标签没有标签内容,双标签可以嵌套其它标签和承载文本内容