HTML5新增语义元素

来源:互联网 发布:浙江卫视直播软件 编辑:程序博客网 时间:2024/05/16 17:18
  • <selection>
     <selection>是一个“通用文档”。可以使用<selection>将文档标记为HTML,或者还可以包围HTML。但<selection>并不是一个通用容器,<div>才是。另外,只有对元素分组来指定样式时才使用<div>。

  • <article>
     <article>是一个自包含的内容块,适用于博客文章和新闻。

  • <header>
     <header>放在<section>和<article>之类的元素的最前面。还可以在体的最前面使用<header>为页面创建主页眉。

  • <footer>
     <footer>放在其他元素的最下面。比如<selection>、<article>和<div>。页面上可以有多个<footer>,只要页面中某一节需要有脚注内容(如一篇文章的作者介绍或参考文献),都可以使用这个元素。

  • <hgroup>
    <header>可以包含与首部相关的任何元素。<hgroup>专用于归组<header>中的标题(<h1>…<h6>)。对于建立大纲很有帮助。

  • <nav>
    <nav>用于导航和链接。不过不仅是单个链接,如果有一组链接,也可以使用<nav>,比如网站的导航或者博客链接,不能用于段落中的链接。

  • <aside>
    <aside>适用于页面主结构之外的大块内容,比如旁注、引述或后来添加的内容。

  • <time>
    <time>用来标记时间。

  • <progress>
    <progress>表示完成一个任务的进度如何。使用这个元素,与javascript和CSS结合,可以实现一些不错的效果。

  • <abbr>
    <abbr>单词的缩写。

  • <mark>
    <mark>用来标记单词,比如,用来突出显示或者完成编辑。这个元素很适用于搜索引擎结果。

原创粉丝点击