导图社区 HTML5
初学者的HTML5笔记，以思维导图的形式记下部分常用标签，方便查找
社区模板帮助中心，点此进入>>
互联网9大思维
组织架构-单商户商城webAPP 思维导图。
域控上线
python思维导图
css
CSS
计算机操作系统思维导图
计算机组成原理
IMX6UL(A7)
考试学情分析系统
HTML5
<!DOCTYPE>
定义文档基于何种标准在网页中呈现
<!DOCTYPE html>
<html>根标签</html>
根标签，所有html5文档都以<html>开始，以</html>结束
<head>首部标签</head>
首部标签，HTML5文档的首部以<head>标签开始
<base>基础地址标签
用于为页面上所有链接设置默认URL地址或target
<base href=" "/>
指定URL地址，若无，则浏览器自动调用当前HTML5文档的URL
<base target=" "/>
设置所有超链接的统一打开方式
包含元素
<base target="_blank"/>
指定所有未指定打开方式的超链接将在新窗口打开
<title>网页标题标签</title>
标记网页标题
<mate>元数据标签
提供当前HTML文档的元数据，可用于定义字符集、关键词、描述、作者等信息
<mate charset=" ">
字符集声明
<mate charset="utf-8">
<mate name=" " content=" "/>
定义关键词、描述等信息
<mate name="keywords" content=" "/>
关键词声明
<mate name="description" content=" "/>
页面描述声明
<style>样式标签</style>
定义文档中指定区域的字体风格、背景颜色、对齐方式等各类样式信息
<style>指定区域名{color: 颜色}</style>
<link>链接标签
链接外部资源和当前HTML5文档，只出现在首部标签中，通常用于连接外部样式表
<link rel=" " href=" "/>
<script>脚本标签</script>
该标签可选，取决于是否需要引用外部脚本内容，或直接将脚本命令写在脚本标签中
<script src="脚本文件路径"></script>
<body>主体标签</body>
文档主体部分以<body>开始，以</body>结束
文档规范
文件类型
.htm
.html
元素标签
单标签
<.../>等
双标签
<...></...>等
字符实体
无法直接使用的字符
输出方式
字符名称
&实体名称;
数字代码
&#实体数字;
图像文件
JPEG格式
GIF格式
PNG格式
<!--文档注释-->
基础标签
<p>段落标签</p>
形成一个新的段落，段落与段落之间默认空一行
<hn>标题标签</hn>
其中n需要替换为数字，表达不同大小的字体
<hr>水平线标签
<br>换行标签
文本格式标签
<i>斜体字标签</i>
<b>粗体字标签</b> <strong>粗体字标签</strong>
<sup>上标</sup> <sub>下标</sub>
<del>删除线</del> <ins>下划线</ins>
<pre>预格式化标签</pre>
列表标签
<ol type="类型值">有序列表标签 <li>... <li>... ... </ol>
类型值
a
英文小写字母
A
英文大写字母
i
罗马数字小写
I
罗马数字大写
1
阿拉伯数字
<ul type="类型值">无序列表标签 <li>... ... </ul>
disc
实心圆心
circle
空心圆心
square
方形
<dl>定义列表标签 <dt>词条</dt> <dd>词条定义</dd> ... </dl>
<img src="图像文件URL"/>图像标签
用于在网页中嵌入图片
<img src="图像文件URL" alt="..." width="" height=""?>
带图像无法显示时效果的图像标签
超链接标签
外部链接
<a href="URL地址">链接文本或图像</a>
内部链接
<a href="#指定区域名">连接文本或图像</a>
链接标签
<a name="区域名">目标内容</a>
自定义区域名
<table>表格标签</table>
用于定义一个完整的表格
<caption>表格标题标签</caption>
为表格添加标题，默认居中对齐显示在表格顶部
<tr>表格行标签</tr>
用于定义一个完整的行
<td>单元格标签</td>
定义行中的一个单元格
<th>表头标签</th>
定义第一行表头，默认加粗居中对齐
<iframe src="子窗口文件">框架标签</iframe>
在网页框架内定义子窗口
容器标签
<div></div>
划分一个独立的区域，有独立ID号，属于区块元素
<div style="..."></div>
指定样式要求的容器标签
<span></span>
文本的容器，它没有特定的含义和样式，只有与CSS同时使用才可以为指定文本设置样式属性，属于内联元素
<span style="..."></span>
文档结构标签
<header>页眉标签</hearder>
<nav>导航标签</nav>
<section>节标签</section>
<article>文章标签</article>
<aside>侧栏标签</aside>
<footer>页脚标签<footer>
格式标签
<mark>记号标签</mark>
用于突出显示指定区域的文本内容
<progess>进度标签</progess>
用于显示任务的进度状态，可配合JavaScript使用以显示任务进度的动态进行效果
<mater>度量标签</mater>
用于显示标量测量结果，通常用于显示磁盘使用量、投票数据统计等
新增API
拖放
实现元素的拖放
画布
实现2D和3D绘图效果
音频、视频
实现自带控件播放音频和视频
表单
新增一系列输入类型，例如电话号码、数字范围、email地址等
地理定位
使用浏览器进行地理位置经纬度的定位
web存储
实现本地持久化存储大量数据
