html-css自学笔记2（文档声明、进制的简介、乱码问题，常用标签、实体）

本文链接：https://blog.csdn.net/ABU_MOlI_ITUI/article/details/108053379

文档声明：

H5的文档声明，声明当前的网页是按照HTML5标准编写的，编写网页时，一定要将h5的文档声明写在网页最上边，如果不写文档声明，则会导致有些浏览器会进入一个怪异模式，浏览器解析器页面会导致页面无法正常显示，所以为了避免进入该模式，一定要写文档声明

<!doctype html>

进制的简介：

满几进一，常用进制：

二进制：0 、1 ----10、11、100、101、110、111......

十进制：0、1、2、3、4、5、6、7、8、9-------10、11、12、13、14、15.......

八进制：0、1、2、3、4、5、6、7

十六进制：0、1、2、3、4、5、6、7、8、9、a,b,c,d,e,f......---------16进制由于满16进1，所以设置了几个特殊的字符表示,10,11,12,13,14,15。

乱码问题：

出现乱码的原因：

计算机只认识0、1，在计算机中保存任何内容，最终都需要转换为0、1这种二进制编码来保存，包括页面中内容。

比如：中国，在计算机底层，可以能需要转换为10100010010101（举例子，内容为虚拟）

在读取内容时，需要将二进制编码，在转换为正确的内容。

编码：依据一定的规则，将字符转换为二进制编码的过程

解码：依据一定的规则，将二进制编码转换为字符编码的过程

字符集：编码和解码所采用的的规则，我们称作为字符集

常见字符集：ASCII

ISO-8859-1

GBK---中国标码

GB2312---中文系统的默认编码

UTF-8------万国码，支持所有文字

ANSI------自动以系统的默认编码来保存文件

产生乱码的根本原因：编码和解码采用字符集不同。

在中文系统的浏览器中，默认都是使用 GB2312进行解码的

---需要告诉浏览器，网页所采用的编码字符集

meta标签用来设置网页的一些元数据，比如网页的字符集，关键字，简介

meta是一个自结束标签，编写一个自结束标签时，可以在开始标签中添加一个/

常用标签：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>常用标签</title>
	</head>
	<body>
		<!--
			标题标签
			-在HTML中，一共有6级标题标签
			h1--h6
			在显示效果上h1最大，h6最小，但是文字的大小我们并不关心
			使用html标签时，关心的是标签的语义，我们使用的标签都是语义化标签
			6级标题中，h1的最重要，表示一个网页中的主要内容，h2--h6重要性以此降低
			对于搜索引擎来说，h1的重要性仅次于title，搜索引擎检索完 title，会立即查看h1中的内容
			h1标签非常重要，他会影响到页面在搜索引擎中的排名，页面只能写一个h1
			
			一般页面标签标题只是用h1，h2，h3以后的基本不使用
		-->
		
		<h1>一级标签</h1>
		<h2>一级标签</h2>
		<h3>一级标签</h3>
		<h4>一级标签</h4>
		<h5>一级标签</h5>
		<h6>一级标签</h6>
		
		<!--
			段落标签，段落标签用于表示内容中的一个自然段
			使用p标签来表示一个段落
			p标签中的文字，默认会独占一行，并且段与段之间会有一个间距
		-->
		
		<p>我是一个段落</p>
		<p>我是一个段落</p>
		
		<!--
			html中，字符之间写再多的空格，浏览器也会当成一个空格解析，
			换行也会当成一个空格解析
			在页面中可以使用br标签来表示一个换行，br标签是一个自结束标签
			
		-->
		
		<p>回复近代史<br/>
			上客户富士康</p>
			<hr />
			<!--hr标签也是一个自结束标签，可以在页面中生成一条水平线-->
	</body>
</html>

实体：

去W3C上查找，有很多

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>实体</title>
	</head>
	<body>
		<!--在html中，一些如<>这种特殊字符是不能直接使用，
			需要使用一些特殊的符号来表示这些特殊字符，这些特殊符号我们称作为实体（转义字符串）
			浏览器解析到实体时，会自动将实体转化为其对应的字符
			实体的语法：
			&实体的名字：
			<  &lt;
			>  &gt;
			空格   &nbsp;
			版权符号  &copy;
		-->
		a &lt; b &gt; c
		&copy;<p>锄禾日&nbsp;&nbsp;&nbsp;当午，汗滴禾下土</p>
	</body>
</html>