zoukankan      html  css  js  c++  java
  • H5新增元素-作用

    新增元素:article元素,aside元素,nav元素,section元素,footer元素,header元素,figure元素,figcaption元素

    各自用途:

    article元素

    代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。

    该元素可嵌套使用;

    可用来表示插件。

    aside元素

    用来表示当前页面或者文章的附属信息部分

    可包含于当前页面或蛀牙内容相关的引用、侧边栏、广告、导航条

    以及其他类似的有区别于主要内容的部分

    nav元素

    可以用作页面导航的连接组

    其中的导航元素连接到其他页面或当前页面的其他部分

    并非所有链接组都要放进nav元素,只需将主要的、基本的放进即可

    应用场景:传统导航条、侧边栏导航、页内导航、翻页导航

    h5中不要用menu元素代替nav元素,menu元素使用在发出命令的菜单上,是一个交互元素

    section元素

    用于对网站或应用程序中页面上的内容进行分块

    一个section元素通常由内容及标题组成

    但当一个容器需要被直接定义样式或通过脚本定义行为时,推荐使用div。

    section元素强调分段或分块,一块内容分为几段或几块;

    article元素强调独立性,一块内容独立完整;

    没有标题内容区域块,不要用section

    header元素

    <header> 标签定义文档的页眉(介绍信息)

    <header> 元素应该作为介绍内容或者导航链接栏的容器。

    在一个文档中,可以定义多个 <header> 元素。

    footer元素

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

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

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

    figure元素

    用作文档中插图的图像,标签规定独立的流内容(图像、图表、照片、代码等等)。

    figure 元素的内容应该与主内容相关

    figcaption元素

    <figure>标签内部还可以添加<figcaption>图题,其包含了对图片的完整说明。

    相对figure元素可以看做<p>标签

  • 相关阅读:
    SOA概念误解实施要点
    Visual Studio 2008 和 .NET Framework 3.5 Service Pack 1 Beta 发布
    【翻译】使用LINQ来简化编程的7个技巧
    我对SOA的认识以及心得
    《SQL Server 2005范例代码查询辞典》出版
    Security Tutorials系列文章以及AJAX系列文章
    代朋友发招聘信息,C++程序员
    二叉树相关算法
    最近项目的一些心得(纯贴代码)
    大型互联网网站架构心得之一:分
  • 原文地址:https://www.cnblogs.com/purple-windbells/p/9097468.html
Copyright © 2011-2022 走看看