HTML--结构、乱码、文档声明和转意字符

最新推荐文章于 2022-07-08 17:05:30 发布

jiaody111

最新推荐文章于 2022-07-08 17:05:30 发布

阅读量136

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/weixin_42139212/article/details/100155304

版权

html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

HTML的作用和标签

描述文本的语义—告诉浏览器，哪些文字是标题，哪些是内容等。
标签：用来描述文本的语义，不会在浏览器中显示
作用：html只能用来给文本添加语义，不是修改文本的样式。
如：h1的作用是告诉浏览器，哪些文字是标题（给指定文字添加标题语义）。而不是修改文字的大小, 并且还可以将文字加粗。

HTML的结构

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

head标签：添加网页的配置信息

如：网页的标题和icon，网页的关键字和描述信息，外部的css/js文件等。
head标签中的内容不会显示给用户查看。

title标签：

用于指定网页的标题，还会作为用户保存网页的默认标题。

body标签：

网页中的所有可见内容，都要写在body中。
一对html标签中只能有一对body标签。

乱码：

出现原因：编码和解码采用的字符集不同
编码：依据一定的规则，将字符串转换为二进制编码的过程
解码：依据一定的规则，将二进制编码转换为字符的过程
解决：在head标签中添加<meta charset="GBK" /> 指定字符集
字符集：编码和解码所用的规则。
常用的字符集：GBK（国标） GB2312（中文系统默认编码） UTF-8（万国码）ANSI 自动解析系统默认编码
在中文系统的浏览器中，默认都是使用GB2312进行解码。
GBK和UTF-8的区别：GBK存储的是汉字和一些常用外文，体积较小。UTF-8存储的是世界上所有的文字，体积较大。
注意：在HTML中指定的字符集必须和保存该文件的字符集一致，否则还是会出现乱码。

DTD文档声明

由于HTML中有很多个版本的规范，而每个版本的规范又不太一样。为使浏览器能够正确渲染/解析网页，需要在HTML文件的第一行告诉浏览器，当前网页是用哪一种规范编写的。

h5的DTD声明格式：

<!DOCTYPE html>

注意：
1.< !DOCTYPE >声明必须放在html文件的第一行，在html标签之前
2.< !DOCTYPE >声明不是html标签，而且没有结束标签。

HTML vs XHTML vs HTML5

HTML语法宽松，容错性强
XHTML语法严格，要求标签必须小写、必须严格闭合、标签中的属性必须使用引号等
HTML5是HTML的下一个版本，除了非常宽松容错性强以外，还增加许多新的特性。

字符实体：

<!--
1.在HTML中对空格/回车/tab不敏感, 会把多个空格/回车/tab当做一个空格来处理
2.字符实体:
在HTML中有的字符是被HTML保留的, 有的HTML字符在HTML中是有特殊含义的, 是不能在浏览器中直接显示出来的, 那么这些字符要想显示出来就必须通过字符实体
实体语法: &实体的名字; 
&nbsp; 空格, 一个&nbsp;就是一个空格, 有多少个&nbsp;就有多少个空格
&lt; 小于符号(less than) <
&gt; 大于符号(greater than) >
&copy; 版权符号
-->
<p>我&nbsp;&nbsp;&nbsp;你</p>
<p>学习&lt;h1&gt;标签, &lt;table&gt;标签, &lt;img&gt;标签....</p>
&copy;

在这里插入图片描述