基本结构图
相关解释:
1、<!DOCTYPE html>:
了解HTML的发展史的就知道,HTML有许多的版本,
其中应用广泛的有3个:XHTML,H5,H4.为了让浏览器知道我们
使用的是哪个HTML版本,需要在网页的最上面加上一个doctype声明,
用来告诉浏览器这里使用的HTML的版本。注意:HTML4与XHTML的文档
的声明都十分复杂,但是H5的文档声明却很简单:<!DACTYPE html>
编写网页时一定要将H5的文档声明写在网页的最上面。
如果不写文档声明,则会导致一些浏览器进入一个怪异模式,
浏览器进入怪异模式后,会导致网页无法正常显示。
文档声明使用大小写都是无所谓的。
怪异模式:为了兼容一些旧的页面,浏览器设置了两种模式,标准模式,和 怪异模式,怪异模式可能会产生一些不可预期的后果。所以尽可能加入doctype 避免。
2、<html lang = 'en'> </html>:
是body标签和head标签的父标签。除了文档声明,其他的代码都
要写在html标签里面。
lang = ‘en’ 则表示这个网页是英文网页。
lang是language 的缩写,en是English的缩写,是中文的html
可以将en 改为 zh。即 <html lang = 'zh'>
3、<head> </head>:
head标签代表网页的头部,通常使用meta标签设置一些描述性的信息
使用title标签设置网页的标题。是body标签的兄弟标签。
4、<body> </body>:
代表网页的主体,所有网页上可以看见的信息,都是写在这里面的
5、mate标签
一般用来做SEO,charset用来设置字符集。
比如:
<meta charset="UTF-8">
<meta name="keywords" content="html教程">
<meta name="description" content="从头再来,html学习">
6、<title> </title>:
title标签是用来设置网页的标题。