day02

1 字符集

UTF-8 国际通用的编码形式，一个字代表3个字节

GB2312 中文字符集，包含了一些繁体字，一个字代表2个字节

工作中的使用，如果网站涉及多个语言，用UTF-8

如果网站只有中文，用UTF-8或GB2312都可以

如果想要减小文件的体积，还都是英文，那么用GB2312

注意点

编辑器的编码格式必须与代码的编码格式要保持一致

在工作中如果写的代码出来效果，不是你后台编辑的文字，那么编码格式不正确

2 语法规则

img标签与src必须存在空格，否则加载不出来

3 常用的标题标签 h1 h2 h3 h4 h5 h6

默认加粗，h1最大，h6最小，每一个标题标签独占一行

不存在h7，从SEO角度来说，h1一般在一个页面中只出现一次，h2-h6可多次出现

4 段落标签 p标签

段落与段落之间会空一行文字距离，遇到边界内容会换行显示

p标签与h标签不允许相互嵌套

标签对于回车、换行、空格不敏感，此现象叫空白折叠

在内容和内容中间的空格会解析出一个字符的间距

5 特殊字符（不是标签）

空格   英文   中文

版权图标 ©

注册商标 ®

∨ 向下小三角

小于号 <

大于号 >

加粗 b strong

倾斜 em

下划线 u ins

删除线 s del

上角标 sup

下角标 sub

水平线 hr

强制换行 br

6 图片插入标签 img

src 图片路径

<img src='图片路径'>

width 图片宽度 ，只设置宽度是等比例缩放

height 图片高度，只设置高度是等比例缩放

如果高度和宽度同时设置，值不是等比例的值，图片会变形

border 图片的边框

title （可提高用户体验），提示信息，当鼠标悬停在图片上时显示的内容，所有的标签都可设置。

alt 替换文本，当图片发生错误不能正常显示的时候显示的替换文本，有利于SEO，对网站开发人员来说有利于提高用户体验。

7 alt和title的区别

相同点：alt和title都是img的属性，都有利于SEO

不同点： alt是当图片发生错误时显示的替换文本，侧重与SEO

title是当鼠标悬停时显示的提示信息，侧重于用户体验。

8 路径问题

相对路径（常用） 绝对路径

相对路径./当前目录

相对路径 必须找到对应的文件夹才能找到对应的文件

相对路径../上级目录 一个../只能向上走一级，如果想向上走多级就多次../

图片在上一级目录文件夹中../文件名+扩展名

/根文件