网站建设资讯

NEWS

网站建设资讯

html5中有哪些布局元素

小编给大家分享一下html5中有哪些布局元素,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

公司主营业务:网站制作、网站建设、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出梅江免费做网站回馈大家。

html5布局元素有:1、header元素,定义网页的头部内容;2、footer元素;3、nav元素;4、article元素;5、section元素;6、aside元素;7、time元素;8、progress元素;9、meter元素等。

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

1、header元素:

一般用于网页的头部,定义头部的区域块,也可以定义一块内容,所定义的内容是一块独立的。

    

中国最大的搜索引擎

    百度     

2、footer元素:

与header元素基本一致,但是footer元素一般定义网页的底部内容

    
            
  • 关于我们
  •         
  • 联系客服
  •         
  • 合作招商
  •         
  • 隐私政策
  •     

3、nav元素:

可以用来定义导航栏,目录,超链接等;并不是需要把所有的连接组都放进nav元素中,只需要将主要的,基本的连接组放进nav元素即可

4、article元素:

用于定义一个独立的内容区块;可以是一篇博客,一篇文章或者是独立的插件;可以嵌套使用,也可以表示插件。类似于div元素

    
        

Article元素

        

欢迎学习Article元素

    
    
        

这是底部

    
    

这是一个内嵌页面

    

5、section元素:

用来定义页面中的内容进行分块;强调分块。一般用于页面中具有明显独立的内容

    
        

第一章:桃园三结义

        

桃园三结义最初是小说《三国演义》里记载的故事,述说当年刘备、关羽和张飞三位仁人志士,为了共同干一番大事业的目标,意气相投,             言行相依,选在一个桃花盛开的季节、选在一个桃花绚烂的园林,举酒结义,对天盟誓,有苦同受,有难同当,有福同享,共同实现自己人生的美好理想。

    
    
        

第二章:

        

草船借箭是我国古典名著《三国演义》中赤壁之战的一个故事。借箭由周瑜故意提出(限十天造十万支箭),机智的诸葛亮一眼识破是一条害人之计,             却淡定表示“只需要三天”。后来,有大雾天帮忙,诸葛亮再利用曹操多疑的性格,调了几条草船诱敌,终于借足十万支箭,立下奇功。

    

6、aside元素:

  • 通常用来设置侧边栏。

  • 同时也可以嵌套在article元素内部使用,作为主要内容的附属信息,比如参考资料,名词解释等

  • 也可以定义article元素之外的内容,,前提是这些内容与article元素内容相关联


    
        

侏罗纪公园

    
             

Dinos were great!

                               

Way too scary for me.

            
                

                    Posted on May 16 by Lisa.                 

            
                              

I agree, dinos are my favorite.

            
                

                    Posted on May 17 by Tom.                 

            
                  
        

            Posted on May 15 by Staff.         

    

7、time元素:

  • 表示24小时中的某个时刻或某个日期,,表示时刻允许带时差

  • datetime属性中日期与时间要用”T“文字分隔 使用”z“表示UTC标准时间

  • pubbdate属性是一个可选标签,可以让搜索引擎很方便就识别出文章日期,新闻的发表日期

    2019-4-27     2019-4-27     2019-4-27     2019-4-27

8、progress和meter元素:

  • progress元素:是HTML5新增的元素,用来建立一个进度条;通常用来与JavaScript结合使用,来显示任务的进度

  • meter元素:是HTML5新增的元素,用来建立一个度量条,用来表示度量衡的评定;通常与JavaScript结合使用


    
    

当前下载进度:

                   

以上是“html5中有哪些布局元素”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


当前题目:html5中有哪些布局元素
分享链接:http://njwzjz.com/article/jdoioh.html