Html5+CSS3基础知识汇总整理-html5篇
导读： 1.2.网页字符编码 2.新增网页结构元素 2.1.新增的主体结构元素 article元素 表示页面中的一个内容区域，可被外部引用。 主要运用：论坛帖子、博客文章、新闻故事、评论。 section元素...
1.2.网页字符编码
2.新增网页结构元素
2.1.新增的主体结构元素
article元素
表示页面中的一个内容区域，可被外部引用。
主要运用：论坛帖子、博客文章、新闻故事、评论。
section元素
表示页面中的某个内容区域，
主要运用：页面的页眉页脚、章节、头部、底部或者文档的其他区域，也可以和h1——h6一起使用，表示出文档的结构。
使用注意：
1.不要使用section元素设置样式，那是div的作用
2.如果article元素，aside元素，nav元素更适合使用条件，那么尽量不使用section元素
3.不要为没有标题的内容区块使用section元素
aside元素
表示article元素的内容之外的和内容相关的辅助信息
主要运用：页面的侧边栏内容
nav元素
用于页面导航的链接部分
主要运用：传统导航条、侧边栏导航、内页导航、翻页操作等time元素
定义时间或日期，表示的时间可有误差
定义格式：
pubdate元素
可以用到article元素中的time上，表示当前文章的发布时间， 当有多个datetime属性的时候，pubdate可以表示该时间为发布时间。
2.2.新增的非主体结构元素
header元素
定义了文档的头部区域，在一个文档中，可以定义多个header元素。
使用注意：header标签不能被放在footer，address或者另一个header 元素内部。
hgroup元素
将标题和子标题分组的元素，一般会把h1——h6的元素进行分组， 通常情况下文章只有一个标题的时候，是不需要hgroup元素的。
footer元素
可以作为他的上层父级元素或者一个区块的注脚。footer元素和header元素一样没有个数限制，并且可以添加到article或者section元素中。
主要运用：作者、版权信息等。
address元素
用来在页面中呈现联系信息，包括文档的作者、邮箱、地址、电话信息等。
5.1.ol
5.2.dl
dl元素在HTML5中，每一项包含一条或者多条带名字的dt元素，dt元素后面紧跟一个dd元素，用来表示定义。
7.1.canvas元素
用于图形的绘制，通过脚本 (通常是JavaScript)来完成实现步骤：
1.创建一个canvas画布
2.引入画布脚本
3.进行绘制
7.2.绘制一个矩形
7.3.绘制一个圆形
7.4.绘制文字
7.5.保存文件
9.1.video与audio元素的基础知识
video
在html5中专门用来播放网络上的视频或电影。
source
元素指定多个播放格式与编码，以保证浏览器可以从中选择一种自己支持的播放格式进行播放。
audio
在html5中专门用来播放网络上的音频。
9.2.video与audio的属性
10.1.拖放步骤
将对象的darggable属性设置为真，a和img元素必须指定href 编写与拖放有关的事件处理程序
DataTransfer对象的属性和方法
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： Html5+CSS3基础知识汇总整理-html5篇
本文地址： https://pptw.com/jishu/661537.html