什么是HTML5?
HTML5 是最新的 HTML 标准,是专门为承载丰富的 web 内容而设计的,并且无需额外插件,拥有新的语义、图形以及多媒体元素,提供的新元素和新的 API 简化了 web 应用程序的搭建,是跨平台的,被设计为在不同类型的硬件(PC、平板、手机、电视机等等)之上运行。
如何创建HTML5代码?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
在文档代码中文档格式声明: 即可,同时需要注意HTML5 中默认的字符编码是 UTF-8。
HTML5中的新属性语法
HTML5 标准允许 4 种不同的属性语法。
类型 | 示例 |
---|---|
Empty(空属性,disabled可以支持不赋值) | <input type="text" value="Bill Gates" disabled> |
Unquoted(支持不适用引号) | <input type="text" value=Bill Gates> |
Double-quoted(支持双引号) | <input type="text" value="Bill Gates"> |
Single-quoted(支持单引号) | <input type="text" value='Bill Gates'> |
HTML5中的新特性
新的语义元素
元素 | 含义 |
---|---|
<article> |
定义文章 |
<aside> |
定义页面内容之外的内容 |
<audio> |
定义声音内容 |
<bdi> |
定义文本的文本方向,使其脱离其周围文本的方向设置 |
<canvas> |
定义图形 |
<command> |
定义命令按钮 |
<datalist> |
定义下拉列表 |
<details> |
定义元素的细节 |
<dialog> |
定义对话框或窗口 |
<embed> |
定义外部交互内容或插件 |
<figcaption> |
定义 figure 元素的标题 |
<figure> |
定义媒介内容的分组,以及它们的标题 |
<footer> |
定义 section 或 page 的页脚 |
<header> |
定义 section 或 page 的页眉 |
<keygen> |
定义生成密钥 |
<mark> |
定义有记号的文本 |
<meter> |
定义预定义范围内的度量 |
<nav> |
定义导航链接 |
<output> |
定义输出的一些类型 |
<progress> |
定义任何类型的任务的进度 |
<rp> |
定义若浏览器不支持 ruby 元素显示的内容 |
<rt> |
定义 ruby 注释的解释 |
<ruby> |
定义 ruby 注释 |
<section> |
定义 section |
<source> |
定义媒介源 |
<summary> |
为 <details> 元素定义可见的标题 |
<time> |
定义日期/时间 |
<track> |
定义用在媒体播放器中的文本轨道 |
<video> |
定义视频 |
<wbr> |
定义视频 |
HTML5 API
- HTML5 地理位置
- HTML5 拖放
- HTML5 web存储
- HTML5 应用缓存
- HTML5 Web Workers
- HTML5 SSE