HTML-超文本标记语言基础01

时间：2022-10-17 20:29:06

HTML基础01

1.网页基本格式

一个网页基础由固定的格式和html标记语言（标签）构成，基本格式如下： 

<html>
<head>
<title></title>
</head>

<body>

</body>
</html>

html标签都是成对出现，开始标签+结束标签；
标签作用：

  1. html：告诉浏览器此为一个网页，其他所有标签都必须写在html标签里面，即html开始标签和结束标签之间；
  2. head：用于给网页配置一些信息，如：指定网站标题，网站小图标；添加网站SEO相关信息（指定网站关键字，描述信息）；外挂一些外部的css、js文件；添加浏览器适配相关的内容；一般情况下，写在head中的大多数内容不会呈现给用户；
  3. title：指定网站标题，指定的标题会作为用户保存网页的标题；必须写在head里面；
  4. body：专门用于html文档中展示给用户的内容； 内容写到别的地方在网页中也能看到，但禁止如此； 一个html标签里面只能有一对body标签；

2.字符编码

meta：设定当前网页编码格式；

<html>
<head>
<meta charset="GBK" />
<title>欢迎来到我的微博！</title>
</head>

<body>

</body>
</html>

相同的内容经不同的编码方式编码会呈现不同的内容，所以会出现乱码现象，所以需要设定对应的编码方式；常用的编码方式GBK(GB2312)、UTF-8等；如果网站仅包含中文推荐使用GB2312，体积小，访问快；网站包含其他国家语言，推荐使用UTF-8编码。

注意：html文件中指定的字符集必须和保存这个文件的字符集保持一致，否则还是会出现乱码。

3.标签分类

  1. 按标签个数分：

    • 双标签：成对出现，开始标签+结束标签；
    • 单标签：只有一个结束标签；

  2. 按所处位置分：

    • 并列关系： 平级 如：head和body
    • 嵌套分析：上下级 如：html和head

4.DTD文档声明

为了让浏览器正确编译、解析、渲染网页，需在网页文件第一行声明网页是应用哪个版本的规范来编写的。

DTD文档格式：只用html5的格式，其向下兼容。

<!DOCTYPE html>
<html>
<head>
<meta charset="GBK" />
<title>欢迎来到我的微博！</title>
</head>

<body>

</body>
</html>

注意：1.网页第一行必须有DTD文档说明；不区分大小写；不是一个标签；虽然声明了规范，但是浏览器有一套自己的机制能够正常解析加载。

认识HTML

未完，待续
标签：

相关文章