总结MDN标签列表页说明，这里列出了所有标准化的 HTML5 元素，使用起始标签描述，按照功能分组。
与列出所有标准化的、非标准化的、有效的、废弃的标签的 HTML 元素索引 不同的是，该页只列出有效的 HTML5 元素。
新网站应当只使用这里列出的元素。
元素列表
1. 根元素
| 元素 |
描述 |
非全局属性 |
DOM接口 |
备注 |
<html> |
代表 HTML 或 XHTML 文档的根。其他所有元素必须是这个元素的子节点。 |
xmlns |
HTMLHtmlElement |
- |
2. 文档元数据
| 元素 |
描述 |
非全局属性 |
DOM接口 |
备注 |
<head> |
代表关于文档元数据的一个集合，包括脚本或样式表的链接或内容。 |
- |
HTMLHeadElement |
1. 如果在文档中忽略了 <head> 标签，则大部分浏览器会自动创建一个 <head> 元素。当然，有一些不会; 2. 可用于<head> 元素内的元素有: <title>, <base>, <link>, <style>, <meta>, <script>, <noscript>, <command> |
<title> |
定义文档的标题，将显示在浏览器的标题栏或标签页上。该元素只能包含文本，包含的标签不会被解释 |
只拥有全局属性 |
HTMLTitleElement |
1. 同时需要开标签和闭标签,遗漏 </title>标签会导致浏览器忽略掉页面的剩余部分;2.一个 <head> 元素只能包含一个 <title> 元素 |
<base> |
定义页面上相对 URL 的基准 URL。 |
href、target |
HTMLBaseElement |
1. 如果指定了多个 <base> 元素，只会使用第一个 href 和 target 值, 其余都会被忽略。 |
<link> |
用于链接外部的 CSS 到该文档。 |
href、rel |
HTMLLinkElement |
- |
<meta> |
定义其他 HTML 元素无法描述的元数据。 |
- |
HTMLMetaElement |
- |
<style> |
用于内联 CSS。 |
type、media、scoped、|HTMLStyleElement` |
- |
|
3. 脚本
| 元素 |
描述 |
非全局属性 |
DOM接口 |
备注 |
<script> |
定义一个内联脚本或链接到外部脚本。脚本语言是 JavaScript。 |
async、defer |
HTMLScriptElement |
- |
<noscript> |
定义当浏览器不支持脚本时显示的替代文字。 |
这个元素只包含 全局属性 |
HTMLElement |
- |
<template> |
这个元素在 HTML5 中加入 通过 JavaScript 在运行时实例化内容的容器。 |
此元素仅包含全局属性 |
HTMLTemplateElement |
不会被渲染，但是内容可以获取到，可以作为模板块使用 |
4. 章节
| 元素 |
描述 |
非全局属性 |
DOM接口 |
备注 |
<body> |
代表 HTML 文档的内容。在文档中只能有一个 <body> 元素。 |
on- |
HTMLBodyElement |
- |
<section> |
这个元素在 HTML5 中加入 定义文档中的一个章节。 |
此元素只包含 全局属性 |
HTMLElement |
- |
<nav> |
这个元素在 HTML5 中加入 定义只包含导航链接的章节。 |
|
|
|
<article> |
这个元素在 HTML5 中加入 定义可以独立于内容其余部分的完整独立内容块。 |
|
|
|
<aside> |
这个元素在 HTML5 中加入 定义和页面内容关联度较低的内容——如果被删除，剩下的内容仍然很合理。 |
|
|
|
<h1>,<h2>,<h3>,<h4>,<h5>,<h6> |
标题元素实现了六层文档标题，<h1> 是最大的标题，<h6> 是最小的标题。标题元素简要地描述章节的主题。 |
|
|
|
<header> |
这个元素在 HTML5 中加入 定义页面或章节的头部。它经常包含 logo、页面标题和导航性的目录。 |
|
|
|
<footer> |
这个元素在 HTML5 中加入 定义页面或章节的尾部。它经常包含版权信息、法律信息链接和反馈建议用的地址。 |
|
|
|
<address> |
定义包含联系信息的一个章节。 |
|
|
|
<main> |
这个元素在 HTML5 中加入 定义文档中主要或重要的内容。 |
|
|
|
