HTML5新标签以及用法

HTML5的声明:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
  

HTML5 新增标签:

section

定义和用法

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

<article> 标签

定义和用法

<article> 标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。


<aside> 标签

定义和用法

<aside> 标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。


<header> 标签

定义和用法

<header> 标签定义 section 或 document 的页眉。

<footer> 标签

定义和用法

<footer> 标签定义 section 或 document 的页脚。典型地,它会包含创作者的姓名、文档的创作日期以及/或者联系信息。


 <nav> 标签

定义和用法

<nav> 标签定义导航链接的部分

<figure> 标签

定义和用法

<figure> 标签用于对元素进行组合。


HTML5的新曾元素:

<audio> 标签

定义和用法

<audio> 标签定义声音,比如音乐或其他音频流。

<audio src="someaudio.wav">您的浏览器不支持 audio 标签。</audio>

<embed> 标签

定义和用法

<embed> 标签定义嵌入的内容,比如插件。格式为 midi wav aiff au mp3


<progress> 标签

定义和用法

<progress> 标签运行中的进程。可以使用 <progress> 标签来显示 JavaScript 中耗费时间的函数的进程。

对象的下载进程:
<progress><span id="objprogress">85</span>%</progress>

 <time> 标签

定义和用法

<time> 标签定义日期或时间,或者两者。

我们在每天早上 <time>9:00</time> 开始营业。
我在 <time datetime="2008-02-14">情人节</time> 有个约会。

 <canvas> 标签

定义和用法

<canvas> 标签定义图形,比如图表和其他图像。

以上标签就介绍那么多,当然啦,动手写代码才可以提高编程水平。


猜你喜欢

转载自blog.csdn.net/web_struggle/article/details/78152378
今日推荐