HTML基础-认识HTML
2017-03-27 本文已影响0人
WYH_9ceb
HTML是什么
- HTML是HyperText Markup Language的缩写，超文本标记语言。
HTML的作用
- 在纯文本文件中，所有的文字都是同级别的，HTML只有一个作用：专门用来描述文本的语义，也就是说可以通过HTML告诉浏览器哪些是标签，哪些是段落。这些用于描述其他文本语义的文本称为标签，且标签不会在浏览器中显示出来。
- 因为这些标签是专门用来描述其他文本语义的，且在浏览器中不显示，因此称为“超文本”，又因为这些文本叫标签，所以HTML被称为“超文本标记语言”。
网页的固定格式
- 编写网页有一套规范和要求，规定了写网页的格式。
- 基本结构：
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
- 通过观察可以发现，HTML基本结构中的标签大部分都是成对出现的，不带/的标签称为开始标签，带/的标签称为结束标签。
html标签
- 作用：告诉浏览器这是一个HTML文档。
- 注意点：所有标签都必须写在html开始与结束标签之间。
head标签
- 作用：
- 用于给网站添加配置信息
- 例如:
- 指定网站的标题/指定网站的小图片
- 添加网站的SEO相关的信息（指定网站的关键字/制定网站的描述信息）
- 外挂一些外部的css/js文件
添加一些浏览器适配相关的内容
- 注意点：
- 一般情况下，head标签内的内容不会显示给用户看
title标签
- 作用:
- 专门用于指定网站的标题，且作为保存网站的默认标题
- 注意点：必须写在head标签内
body标签
- 作用：
- 专门用于 定义HTML文档中显示给用户查看的内容
- 注意点：
- 一定要将需要显示的内容写在body中
- 一对<html></html>中只能有一对<body></body>标签
head内部标签
meta标签
- meta标签的作用，就是指定当前网页的字符集
- 为什么会有乱码的现象？
- 编写网页时没有指定字符集
- 如何解决乱码现象？
-在head标签中添加“<meta charset="GBK（UTF-8）"/>”,指定字符集 - 什么是字符集？
- 字符的集合，很多字符堆在一起。
- GBK（GB2312）和UTF-8区别
- GBK（GB2312）仅仅存储一些汉字及常用外文
- 体积较小
- UTF-8存储世界上所有文字
-体积较大
- GBK（GB2312）仅仅存储一些汉字及常用外文
- 懒人推荐：不管三七二十一，一律用UTF-8
标签分类
- 单标签
- 只有开始标签没有结束标签
<meta charset="UTF-8"/>
- 双标签
- 又开始标签和结束标签
<html>
</html>
HTML标签关系分类
- 并列关系（兄弟/平级）
<head>
</head>
<body>
</body>
- 嵌套关系（父子/上下级）
<head>
<meta charset="UTF-8"/>
<title></title>
</head>
DTD文档声明
- 什么是DTD文档声明？
- 由于HTML有多个版本的规范，我们需要在HYML文件的第一行告诉浏览器我们要用哪个版本的规范来编写，浏览器知道我们用那个版本后，就能正确的编译/解析/渲染我们的网页
- DTD文档声明格式？
- 每一个不同版本的规范都有不同的DTD文档声明
- 现在一般使用HTML5的DTD文档声明，因为它是向下兼容的
格式：
<!DOCTYPE html>
- DTD文档声明的注意点：
- 任何一个标准的HTML网页的第一行一定是DTD文档声明
- DTD文档不区分大小写
- DTD文档声明不是标签
- 浏览器不会完全依赖DTD文档声明，浏览器有一套自己的机制，第一行写DTD是遵守规定
