HTML：超文本标记语言。它只有一个作用，就是给文本添加语义的，告诉浏览器那些内容是标题，那些内容是段落。
标签：描述其他文本语义的文本，不会再浏览器中显示。如h1、p、strong等。
注意点：虽然我们利用H1标签描述一段文本之后, 这段文本在浏览器中显示出来会被放大和加粗, 看上去我们是利用HTML的标签修改了被描述的那段文本的样式. 但是一定要记住,HTML只有一个作用, 它是专门用来给文本添加语义的, 而不是用来修改文本的样式的。
HTML文件的基本结构：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文件名称</title>
</head>
<body></body>
</html>
文件名
文件名
文件名
文件名
文件名
文件名
文件名
html标签：
作用:
用于告诉浏览器这是一个网页, 也就是说告诉浏览器我是一个HTML文档
注意点:
其它所有的标签都必须写在html标签里面, 也就是写在html开始标签和结束标签中间
2. head标签：
作用:
用于给网站添加一些配置信息
例如:
指定网站的标题 / 指定网站的小图片
添加网站的SEO相关的信息(指定网站的关键字/指定网站的描述信息)
外挂一些外部的css/js文件
添加一些浏览器适配相关的内容
注意点:
一般情况下, 写在head标签内部的内容都不会显示给用户查看, 也就是说一般情况下写在head标签内部的内容我们都看不到
3. title标签：
作用:
专门用于指定网站的标题, 并且这个指定的标题将来还会作为用户保存网站的默认标题
注意点:
title标签必须写在head标签里面
4. body标签：
作用:
专门用于定义HTML文档中需要显示给用户查看的内容(文字/图片/音频/视频)
注意点:
虽然说有时候你可能将内容写到了别的地方在网页中也能看到, 但是千万不要这么干, 一定要将需要显示的内容写在body中
一对html标签中(一个html开始标签和一个html结束标签)只能有一对body标签
5. meta标签：
作用：指定编写网页的字符集，解决网页的乱码现象。
字符集：
字符集就是字符的集合, 也就是很多字符堆在一起. 其实字符集很像我们古代的”活字印刷术”, 在活字印刷术中就是将很多刻有汉字的小章放到一个盒子中, 然后需要印刷文字的时候再去盒子中取这个小章出来用, 正是因为如此, 所以导致了乱码问题
假设北方人和南方人都拥有装满小章的盒子, 但是南方人和北方人在盒子中存储小章的顺序不太一样, 那么这个时候如果北方人和南方人都需要去取”李”字, 在南方人记忆中李字在第6个盒子的第6行的第6列中(666), 在北方人的记忆中李字在第8个盒子的第8行的第8列中(888). 那么此时如果让一个南方人去北方人的盒子中取”李”字的小章, 必然找不到,, 所以就导致了乱码问题
这个地方北方人的存储小章的盒子和南方人存储小章的盒子就对应网页中指定的字符集, 在网页中我们常见的字符集有两个GBK/UTF-8, GBK就对应北方人存储的盒子, UTF-8就对应南方人存储的盒子
所以在网页中指定字符集的意义就在于告诉浏览器我用的是哪个盒子, 你应该如何去查找才能找到对应的正确的内容
字符集的分类：
1.GBK（GB2312）
缺点： BK(GB2312)里面存储的字符比较少, 仅仅存储了汉字和一些常用外文
优点：体积比较小
2.UTF-8
缺点：内容比较多使提交量变大。
优点： UTF-8里面存储的世界上所有的文字
注意点:
在HTML文件中指定的字符集必须和保存这个文件的字符集一致, 否则还是会出现乱码
所以仅仅指定字符集不一定能解决乱码问题, 还需要保存文件的时候, 文件的保存格式必须和指定的字符集一致才能保证没有乱码问题
6.DTD文档声明
什么是DTD文档声明?
由于HTML有很多个版本的规范, 每个版本的规范之间又有一定的差异. 所以为了让浏览器能够正确的编译/解析/渲染我们的网页, 我们需要在HTML文件的第一行告诉浏览器, 我们当前这个网页是用哪一个版本的HTML规范来编写的. 浏览器只要知道了我们是用哪一个版本的规范来编写之后, 它就能够正确的编译/解析/渲染我们的网页
DTD文档声明格式:
注意事项:
声明必须是 HTML 文档的第一行，位于 标签之前
声明不是 HTML 标签
声明没有结束标签
声明对大小写不敏感
这个声明浏览器会看, 但是并不是完全依赖于这个声明, 浏览器有一套自己的默认的处理机制
不写也能运行
H5网页里面用H4也能运行
网友评论