HTML5

实体

写法： &实体的名字;
& nbsp; 为空格。你好    喵喵队。
& gt; 为大于号。>
& lt; 为小于号。<
& copy; 为版权符号。©
详细参考： HTML字符实体.

meta标签

meta主要用于设置网页中的一些元数据，元数据不给用户看。
charset 指定网页的字符集
name 指定数据的名称
content 指定数据的内容
keywords 表示网站的关键字；可以同时使用多个用“，”隔开。


元数据的名字为keywords，它的值为HTML，前端，CSS。

description 用于指定网站的描述：

title用于显示网站的标签：

http-equiv显示http协议：

将页面重定向到另一个网站；3：表示时间，url为跳转到的地址。

语义化标签1（块元素：啥都能放，除了p）

h1 ~ h6一共有六级标题。重要性逐级递减。
h1在网页中的重要性仅次于title。
一般情况下，一个页面只有一个h1。
一般情况下使用h1 ~ h3；h4 ~ h6很少用。
p标签表示页面中的一个段落。不能放任何的块元素
hgroup标签用来为标题分组，可以将一组相关的标题同时收入到hgroup。
em标签表示语音语调的加重。（行内元素：不会独占一行）
strong标签表示强调重要的内容。
blockquote标签表示引用长段落。体现为换行缩进。
q标签表示引用短语句。不换行。
br标签表示换行。

块元素：在网页中一般通过块元素来对页面进行布局。
行内元素：主要用来包裹文字
一般情况下，会在块元素中放行内元素。不会在行内元素中放块元素。
浏览器在解析网页时，会自动对网页中不符合规范的内容进行修正。

语义化标签2

内容分区
header表示网页的头部（不唯一）

main表示网页的主体（唯一）
footer表示一个底部

nav表示网页中的导航

aside表示和主体相关却不属于主体的模块，如：侧边栏。

article表示一个独立的文章

section表示一个独立的区块，以上的标签都不能表示时使用section。
div没有语义，就用来表示一个区块。主要的布局元素
span行内元素，没有任何的语义，一般用于网页中选中文字。

列表标签

列表（list）：ol，ul，dl可互相嵌套。

1、有序列表

使用ol标签来创建有序列表。

2、无序列表（常用）

使用ul标签来创建无序列表。

3、定义列表

使用dl标签来创建定义列表。
使用dt标签表示定义的内容。
使用dd标签对内容进行解释说明。

超链接（行内元素）

超链接可以从一个页面跳转到其他页面，或者时当前页面的其他位置
使用 a 标签来定义超链接。
a标签可以嵌套除a之外的任何元素。
其中href：属性指定跳转的目标路径。
target：指定超链接打开的位置。
可选值：
_self:保留原页面，在新页面上展示。
_blank：在原网站上显示新页面。
回到顶部的超链接：

跳转到页面的指定位置：加入id属性

外部地址：baidu；内部地址：balala.html 需要在同一个目录下：

相对路径

./ 表示当前文件的目录；可省略
. ./ 表示当前文件所在目录的上一级目录

做占位符号时：javascript:;

图片标签

img属于替换元素（块和内行元素之间，具有两种元素的特点）。
scr属性指定的是外部图片的路径（路径规则和超链接是一样的）。
alt属性是图片的描述，这个描述默认情况下不会显示，有些浏览器在无法加载时显示搜索引擎会根据alt中的内容来识别图片。如果不写alt，则该图片不会被搜索引擎搜索到。

但是不建议修改图片的大小，需要多大的图片就裁剪；
大图缩小：占内存；小图放大：图片模糊。

图片的格式

jpeg（jpg）:支持的颜色比较丰富，不支持透明效果，不支持动图。
用来显示照片
gif:支持的颜色较少，支持简单透明，支持动图。
颜色单一的图片，动图
png:支持的颜色丰富，支持复杂透明，不支持动图。
颜色丰富，复杂透明的图片（专为网页而生）
webp:谷歌推出的网页图片格式。（集优点于一身）；兼容性不好

base64：将图片使用base64进行编码，可以直接将图片转换为字符，通过字符的形式引入图片；一般用于一些需要和网页一起加载的图片才会使用base64。（通常网页出来之后图片才会出来）

内联框架

用于向当前页面引入一个其他页面
src属性指定要引入的网页的路径
frameborder属性指定内联框架的边框；只取 0 和1 两个值。

音视频播放

audio（音频），video（视频） 标签用来向页面引入一个外部的音频文件。
音视频文件引入时，默认不允许用户自行控制。
属性：
controls是否允许用户控制播放。
autoplay音频文件是否自动播放；如果设置autoplay则音乐在打开页面时会自动播放，大部分浏览器不会对音乐进行自动播放。

loop音频是否循环播放
解决兼容问题：
不支持audio标签（如IE8）：
如果不支持，会显示 “对不起，您的浏览器。。。”；
有些浏览器不持支 mp3 ，所以多添加 oog 等其他模式。

老版本引入音频文件；使用embed标签。