【尚硅谷HTML&CSS—李立超老师】2-103笔记（已完结）

HTML简介

• 纯文本：在纯文本编辑器中编写的内容都是纯文本，网页就是使用纯文本编写的。纯文本只能保存文本内容，其他的图片、音频和视频等格式化的内容不能设置。
• head标签帮助浏览器解析网页。

注释

• 多人合作时，给别人的说明和自己的回忆（开发者源码可见，用户不能见，简单明了）
• title标签的内容会显示在浏览器标题栏，搜索引擎检索页面时首先检索title标签中的内容，会影响网页在搜索引擎的排名

标签的属性

• 属性写在开始标签中，名值对结构，多个属性空格隔开

文档声明

• 到底是HTML4，XHTML还是HTML5？
• 写在最上边的DOCTYPE声明帮助浏览器识别网页版本。
• 如果不写声明，某些浏览器会进入怪异模式，导致页面无法正常显示

进制的简介

乱码问题

• 所有计算机保存（编码）的内容必须转换为0和1,；读取（解码）时再转换为正确内容
• 字符集：编码和解码采用的规则
• 产生乱码的原因是编码和解码采用的字符集不同； UTF-8万国码（ANSI自动根据系统编码保存）；中文系统浏览器默认采用GB2312解码
• 告诉浏览器网页的编码字符集用meta标签，设置网页元数据，自结束标签

常用标签

• h1，对于检索，h1重要性仅次于title，只写一个
• br自结束标签，换行
• hr自结束标签，分割线

实体（转义字符）

• 语法：&+实体名+；，如&+lt+;表示小于号，&+gt+;表示大于号，&+nbsp+;表示空格。&+copy+;表示版权符号

图片标签

• img自结束标签；src写路径；alt写图片不能显示时的描述（搜索引擎根据alt识别图片）；height；width（除了自适应，不建议设置这两个值）

相对路径

• …/返回上一级目录

图片格式

• JPEG（JPG）支持颜色比较多，可以压缩，但不支持透明（一般保存颜色丰富的图片）
• GIF支持颜色少，只支持简单透明，支持动态图（图片颜色单一或动态图）
• PNG支持颜色多，支持复杂透明
• 图片格式使用原则：效果不一致使用效果好的；效果一致使用小的。

这段是时间没有网，在OneNote记录了笔记，贴下面。（已完结）