初步了解HTML
HTML的基本结构
如下所示
<html>
<head>
</head>
<body>
</body>
</html>
一个HTML文档主要分为两个部分,头部(head)和主体(body)两个部分。
网页的基本信息
一个完整的网页除了基本结构外,还包括网页声明、标签等基本信息。
如下所示:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>我是标题</title>
</head>
<body>
</body>
</html>
web文本中<!DOCTYPE html>用于标记文本所使用的HTML版本,检验是否符合相关Web标准,同时告诉浏览器,使用那种规范来解释这个文档中的代码。DOCTYPE声明必须位于HTML文档的第一行。要在浏览器开始解析Web文本之前让浏览器得知你写的是HTML的哪种.
现在普遍使用的是HTML5,也不排除有使用HTML4.01、XHTML2.0的。
HTML4的声明就特别长,我们用不到也不要去记就了解一下就行了
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
回到正题
<title>标签:
是描述网页的标题,一般为一个简洁的主题。
<meta>标签:
用于描述网页的摘要信息,包括文档内容类型、字符编码信息、搜索关键字等。<meta>标签描述的内容并不显示,只是方便浏览器解析或利于搜索引擎搜索。它采用“名值对”结构的方式描述摘要信息。
设置文档内容类型、字符编码信息,代码如下:
<meta charset="UTF-8">
charset属性表示字符集码,常用编码有以下几种。
- gb2312: 简体中文,一般用于包含中文和英文的页面。
- ISO-885901: 纯英文,一般用于只包含英文的页面。
- BIG5: 繁体中文,一般用于带有繁体字的页面。
- UTF-8: 国际通用的字符编码,同样适用于包含中文和英文的页面。和gb2312编码相比,UTF-8的国际通用性更好,用它就对了。
lang属性
lang 这个名值对的作用,就是我们访问英文网页时,浏览器会提示我们是否要翻译这个网页。lang=“en” 表示告诉浏览器这个页面是英文的,而我们在