html5 新增元素

最新推荐文章于 2022-07-30 19:32:50 发布

魅影奇侠

最新推荐文章于 2022-07-30 19:32:50 发布

阅读量388

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/longxu0872/article/details/53405040

版权

html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

HTML5 新增主体结构的元素

    article元素 ：article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。一篇博客、文章、论坛帖子，一段用户评论或一个独立的插件

    section元素 ：用来对网站或应用程序中页面的内容进行分块、一个section元素通常有标题及其内容组成。

    nav    元素 : 可以用来作为页面导航的链接组，其中导航元素链接到其它页面或当前页面的其它部分。

    aside  元素 ：表示当前页面或文章的附属信息部分，它可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条，以及其它类似的有别于主要内容的部分

HTML 5 新增非主体结构的元素

    header 元素 ：是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内容区的标题

    footer 元素 ：一个跟区块的脚注。通常包括其相关内容块的脚注信息，如作者、相关阅读链接以及版权信息

    address 元素： 用来在文档中呈现联系信息，包括文档作者或文档维护者的名字、文档作者或文档维护者的网站链接、电子邮件、真实地址、电话号码

    main   元素 ： 表示页面中的主要内容， 每个页面内部只能放置一个main元素。不能将main元素放置在 article、aside、header、footer和nav元素内部

 html 5 中的网页结构

   在线文档大纲分析器

   http://gsnedders.html5.org/outliner/

<body>
<h1>html5 新增主题结构和非主体结构的用法</h1>
<nav>
    <ul>
        <li><a href="">主页</a></li>
        <li><a href="">开发文档</a></li>
        <li><a href="">下载</a></li>
        <li><a href="">关于</a></li>

    </ul>
</nav>
<article>
    <header>
        <h1>HTML与CSS3 的历史</h1>
        <nav>
            <ul>
                <li><a href="#html5">HTML 5 的历史</a></li>
                <li><a href="#css3">CSS 3 的历史</a></li>
            </ul>
        </nav>
    </header>
    <section id="#html5">
        <h1>HTML 5 的历史</h1>
        <p>讲述HTML 5 的正文部分</p>
    </section>
    <section id="#css3">
        <h1>CSS 3 的历史</h1>
        <p>讲述CSS 3 的正文部分</p>
    </section>
    <footer>
        <p>
            <a href="">编辑</a>
            <a href="">删除</a>
            <a href="">重命名</a>
        </p>
    </footer>
</article>
<footer>
    <address>版权所有<strong>云梦</strong></address>
</footer>

html5 新增其它元素

1 progress 进度标签 value当前值 max最大值 min最新值

3   time       定义日期或时间   datetime=“2016-11-17”

3 video 定义视频

<videocontrols=”controls”>

你的浏览器不支持video标签，即使是上面的视频都不能播放也会显示个框，不支持是浏览器不支持video标签

</video>

4 audio 定义音频

Audio/oog

Audio/mp3

5 source 定义资源

6 datalist 数据列表提示可以选择的值

和input一起使用 list=“datalist”的id

</datalist>

7 embed 引入flash播放器或插件

两个embed标签之间不要写内容，会显示

8 canvas 画布标签，初始是300px*150px大小

9    details  文档某个部分的细节
10   summary  是details标签中的标题


11   mark     标记
12   ruby    两个子元素 tr标签   rp 标签不支持显示

13   figure   标签规定独立的流内容（图像、图表、照片、代码等等）。
14    figcaption  标签为 <figure> 元素定义标题。元素应该被置于 <figure> 元素的第一个或最后一个子元素的位置

魅影奇侠

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html5 新增元素

HTML5 新增主体结构的元素 article元素：article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。一篇博客、文章、论坛帖子，一段用户评论或一个独立的插件 section元素：用来对网站或应用程序中页面的内容进行分块、一个section元素通常有标题及其内容组成。 nav 元素 : 可以用来作为页面导航的链接组，其中导航元素链接到其
复制链接

扫一扫

专栏目录