Html常见标签及问题

html标签

作用:

用于告诉浏览器这是一个网页, 也就是说告诉浏览器我是一个HTML文档

注意点:

其它所有的标签都必须写在html标签里面, 也就是写在html开始标签和结束标签中间

head标签

作用:

指定网站的标题 / 指定网站的小图片

添加网站的SEO相关的信息(指定网站的关键字/指定网站的描述信息)

外挂一些外部的css/js文件

添加一些浏览器适配相关的内容

用于给网站添加一些配置信息

例如:

注意点:

一般情况下, 写在head标签内部的内容都不会显示给用户查看, 也就是说一般情况下写在head标签内部的内容我们都看不到

title标签

作用:

专门用于指定网站的标题, 并且这个指定的标题将来还会作为用户保存网站的默认标题

注意点:

title标签必须写在head标签里面

body标签

作用:

专门用于定义HTML文档中需要显示给用户查看的内容(文字/图片/音频/视频)

注意点:

虽然说有时候你可能将内容写到了别的地方在网页中也能看到, 但是千万不要这么干, 一定要将需要显示的内容写在body中

一对html标签中(一个html开始标签和一个html结束标签)只能有一对body标签

head内部标签

meta标签

1.为什么会有乱码现象?

因为我们在编写网页的时候没有指定字符集

跨平台开发课程02——认识HTML

2.如何解决乱码现象?

在head标签中添加<meta charset="GBK" />, 指定字符集

3.什么是字符集

字符集就是字符的集合, 也就是很多字符堆在一起. 其实字符集很像我们古代的”活字印刷术”, 在活字印刷术中就是将很多刻有汉字的小章放到一个盒子中, 然后需要印刷文字的时候再去盒子中取这个小章出来用, 正是因为如此, 所以导致了乱码问题

假设北方人和南方人都拥有装满小章的盒子, 但是南方人和北方人在盒子中存储小章的顺序不太一样, 那么这个时候如果北方人和南方人都需要去取”李”字, 在南方人记忆中李字在第6个盒子的第6行的第6列中(666), 在北方人的记忆中李字在第8个盒子的第8行的第8列中(888). 那么此时如果让一个南方人去北方人的盒子中取”李”字的小章, 必然找不到,, 所以就导致了乱码问题

这个地方北方人的存储小章的盒子和南方人存储小章的盒子就对应网页中指定的字符集, 在网页中我们常见的字符集有两个GBK/UTF-8, GBK就对应北方人存储的盒子, UTF-8就对应南方人存储的盒子

所以在网页中指定字符集的意义就在于告诉浏览器我用的是哪个盒子, 你应该如何去查找才能找到对应的正确的内容

4.GBK(GB2312)和UTF-8区别

提交比较大

体积比较小

GBK(GB2312)里面存储的字符比较少, 仅仅存储了汉字和一些常用外文

UTF-8里面存储的世界上所有的文字

5.那么在企业开发中我们应该使用GBK(GB2312)还是UTF-8呢?

如果你的网站仅仅包含中文, 那么推荐使用GB2312, 因为它的体积更小, 访问速度更快

如果你的网站除了中文以外, 还包含了一些其它国家的语言 , 那么推荐使用UTF-8

懒人推荐: 不管三七二十一, 一律写UTF-8即可