您的位置：首页 > Web前端 > HTML

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

2017-07-05 16:19 288 查看

HTML基础01

1.网页基本格式

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

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

<body>

</body>
</html>

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

标签作用：

html：告诉浏览器此为一个网页，其他所有标签都必须写在html标签里面，即html开始标签和结束标签之间；

head：用于给网页配置一些信息，如：指定网站标题，网站小图标；添加网站SEO相关信息（指定网站关键字，描述信息）；外挂一些外部的css、js文件；添加浏览器适配相关的内容；一般情况下，写在head中的大多数内容不会呈现给用户；

title：指定网站标题，指定的标题会作为用户保存网页的标题；必须写在head里面；

body：专门用于html文档中展示给用户的内容；内容写到别的地方在网页中也能看到，但禁止如此；一个html标签里面只能有一对body标签；

2.字符编码

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

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

<
4000
body>

</body>
</html>

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

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

3.标签分类

按标签个数分：

双标签：成对出现，开始标签+结束标签；

单标签：只有一个结束标签；

按所处位置分：

并列关系：平级如：head和body

嵌套分析：上下级如：html和head

4.DTD文档声明

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

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

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

<body>

</body>
</html>

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

认识HTML

未完，待续

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html 语言

相关文章推荐

新的分享

章节导航