HTML5的简介
HTML5是用来描述网页的一种语言,被称为超文本标记语言,用HTML5编写的文件,后缀以.html结尾
HTML是一种标记语言,标记语言是一套标记标签。标签是由尖括号包围的关键字,
例:<html>
单标签:<img/>
双标签:<html> </html>
<!DOCTYPE html>
<html>
<head>
<meta charset="{{CHARSET}}">
<title></title>
</head>
<body>
</body>
</html>
<!DOCTYPE html>的声明
DOCTYPE是document type(文档类型)的缩写。是 H5的声明位于文档的最前面,处于标签之前。他是网页必备的组成部 分,避免浏览器的怪异模式。
HTML5的基本结构
HTML标签
定义HTML文档,这个元素我们浏览器看到后,就明白这是个HTML文档了所以你的其它元素要包裹在它里面,标签限定了文档的开始点和结束点。
<!DOCTYPE html>
<html>
</html>
head标签
head标签:用于定义文档的头部。文档的头部描述了文档的各种属性和信息,包括文档的标题、在Web中的位置以及和其他文档的关系等,绝大多数头部包含的数据都不会真正作为内容显示给读者。
<!DOCTYPE html>
<html>
<head>
</head>
</html>
title标签
title标签
- 可定义文档的标题
- 它显示在浏览器窗口的标题栏或状态栏上
-
<title>标签是<head>标签中唯一必须要求包含的东西,就是说写head一定要写title
<!DOCTYPE html>
<html>
<head>
<meta charset="{{CHARSET}}">
<title></title>
</head>
<body>
</body>
</html>
meta标签
Meta标签:
meta标签是用来描述一个HTML网页文档的属性、关键词等,例如:chareset="utf-8"是说当前使用的是utf-8编码格式,在开发中我们经常会看到utf-8,或是gbk,这些都是编码格式,通常使用utf-8。
<!DOCTYPE html>
<html>
<head>
<meta charset="{{CHARSET}}">
<title></title>
</head>
<body>
</body>
</html>
body标签
body元素定义文档的主体,body元素包含文档的所有内容(比如文本,超链接、图像,表格,列表等)。它也会直接在页面中显示出来,也就是用户可以直观看到的内容
<!DOCTYPE html>
<html>
<head>
</head>
<body>
我会显示在浏览器中
</body>
</html>