基本结构
代码如下(基本结构):<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
一、说明
html
作用:告诉浏览器这是一个网页,也就是说明这是一个HTML文档注意:其他所有标签必须在html标签里面
head
作用:用于给网站添加一些配置信息包含小标题、图标、一些css外部文件,浏览器适配相关内容等
注意:写在这里面的内容不会显示给用户看
title
作用:指定网站的标题body
作用:用于定义网页中需要显示给用户查看的内容注意:要显示的一定写在这里面。虽然其他地方也可以显示,但是会出问题,一个文件只有一对body
meta
指定当前网的字符集为什么出现乱码现象?
编写网页时,没有指定字符集
解决办法
在head标签中添加 <meta charset="UTF-8/GB2312">
Utf-8/GBK(GB2312)两个都是指字符集
前者存储了世界上所有的文字,体积大;后者存储相对较少,仅仅存储了汉字和一些常用的外文,体积小。与运行时间有关,体积小的一般就运行快
什么是字符集?
字符集就是字符的集合,也就是很多字符堆在一起 注意:在HTML文件中指定的字符集一定要和保存这个文件的字符集一致,否则出现乱码。假如你用TXT写的代码指定的字符集是utf-8但是保存这个文件的TXT默认是使用GB2312那么打开就是乱码。可以另存为一个新的文件,将默认字符集修改为自己指定的
如图所示:
二、DTD
什么是DTD文档声明
由于HTML有很多版本规范,每个版本有差异,所以为了让浏览器能够正常的编译解析渲染网页,就要找第一行告诉浏览器,当前是用那个一个版本写的。格式
<!DOCTYPE html>
这不是HTML标签,不分大小写,必须在第一行写不写,浏览器都可以执行,浏览器自己有一套机制执行,写了只是更好识别。