HTNL基础之四

11.<nav>导航元素

标签定义及使用说明

表示页面中导航链接的部分，例如：传统导航条，侧边栏导航，页内导航，翻页等 <nav> 标签定义导航链接的部分。 并不是所有的 HTML 文档都要使用到 <nav> 元素。<nav> 元素只是作为标注一个导航链接的区域。 在不同设备上（手机或者PC）可以制定导航链接是否显示，以适应不同屏幕的需求。

12.<aside>导航元素

标签定义及使用说明

<aside>元素表示<article>元素的内容之外的、与<article>元素的内容相关的辅助信息，它可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条，以及其他类似的有别于主要内容的部分

13.<header>头部标签

标签定义及使用说明

<header> 标签定义文档或者文档的一部分区域的页眉。 <header> 元素应该作为介绍内容或者导航链接栏的容器。 在一个文档中，您可以定义多个 <header> 元素。

14.<footer>底部标签

定义和用法

<footer> 标签定义文档或节的页脚。

<footer> 元素应当含有其包含元素的信息。

页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。

您可以在一个文档中使用多个 <footer> 元素。

15.<section>元素

标签定义及使用说明

<section> 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。

16.<article>元素

标签定义及使用说明

<article> 标签定义独立的内容。

<article> 标签定义的内容本身必须是有意义的且必须是独立于文档的其余部分。

17.<figure> 和 <figcaption> 元素

标签定义及使用说明

<figure>标签规定独立的流内容（图像、图表、照片、代码等等）。

<figure> 元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响。

<figcaption> 标签定义 <figure> 元素的标题.

<figcaption>元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。

18.<embed> 标签

标签定义及使用说明

<embed> 标签定义了一个容器，用来嵌入外部应用或者互动程序（插件）

属性

19.<base>标签

定义和用法

<base> 标签为页面上的所有链接规定默认地址或默认目标。

通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。

20.<bdo>标签

定义和用法

<bdo> 元素可覆盖默认的文本方向

21.<canvas>标签

定义和用法

HTML5 <canvas> 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成.

<canvas> 标签只是图形容器，您必须使用脚本来绘制图形。

你可以通过多种方法使用Canva绘制路径,盒、圆、字符以及添加图像。