HTML5新增语义元素

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值