这节课我们将开始分析HTML网页的基本代码结构。

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title></title>
</head>
<body>
	
</body>
</html>

现在我们对代码进行逐行分析

<!DOCTYPE html>
这行代码表示下面的代码都是以HTML5为标准的。

小提示:HTML的代码都是以单双标签的形式展示,有单标签也有双标签。我们可以通过标签的开头和结尾是同一对英文名理解它们是某一个标签。如第一行代码就是单标签。

<html lang="zh">
这行代码是网页代码的固定写法。其中lang属性,告诉搜索页签这个网页是中文的。


<meta charset="UTF-8">
这行代码告诉浏览器网页的文件编码格式是utf-8。如果我们不适用正确编码,可能会导致浏览网页的时候出现中文变乱码的情况。


<meta name="viewport" content="width=device-width, initial-scale=1.0">
这行代码是告诉浏览器,网页与设备比例是1:1


<meta http-equiv="X-UA-Compatible" content="ie=edge">
这行代码是告诉浏览器,如果在使用IE浏览器的情况下,优先使用edge版本进行页面渲染。


<title></title>
这行代码是设置网页标题,也就是我们在浏览器观察到的网页标题。

<head></head>
这行代码表示网页的头部,如果把网页比喻为人,那么head就相当于脑袋。


<body></body>
这行代码表示网页的头部,如果把网页比喻为人,那么head就相当于身体。






打赏赞助|持续发布有用的干货

需要成为站长永久学徒,请联系qq:1316590732

点赞(0) 打赏

Comment list 共有 0 条评论

暂无评论
发表
评论
返回
顶部
{__SCRIPT__}