HTML语法结构详解-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_36354559/article/details/89599463

文章目录

- - html--语法结构

html–语法结构

介绍

超文本标记语言(Hyper Text Markup Language)，HTML 不是一种编程语言，而是一种指超文本标签语言，是网页制作所必备的.

html语法结构

<!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中的内容通常用于网页显示

	<!DOCTYPE html> (文档声明)
		<html>(标志着html语言开始)
			<head>(html的头部开始位置,一般放css和js声明,双标签格式)
			</head>(html的头部结束位置)
			<body>(页面展示开始位置,就是访问页面所能看到的资源都放在这个body里面)
			</body>(页面展示结束位置)
		</html>(标志着html语言结束)

html的单双标签

可以先看下下面的实例

<!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结束标签 -->