美文网首页大闹前端Web前端之路程序员
web前端开发【连载4】-html5简介

web前端开发【连载4】-html5简介

作者: Iris_mao | 来源:发表于2017-04-08 11:13 被阅读31次

昨天没睡好,今天昏昏沉沉的~~咋回事,傻球也没睡好吗?哈哈哈哈哈


废喵傻球~.jpg
HTML的发展历史

超文本标记语言(第一版)——在1993年6月作为互联网工程工作小组(IETF)工作草案发布(并非标准):

  • HTML 2.0——1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时
  • HTML 3.2——1997年1月14日,W3C推荐标准
  • HTML 4.0——1997年12月18日,W3C推荐标准
  • HTML 4.01(微小改进)——1999年12月24日,W3C推荐标准
  • HTML 5——2014年10月28日,W3C推荐标准
HTML5文档结构以及核心元素
  • html5的文档结构跟之前的html是一样的,都包括html、head、body等元素,所不同的是添加了一些更加语义化的标签,比如section、footer等。
<html>
    <head>
        <title>文档结构元素</title>
    </head>
    <body>
        <article>
            <!--文章的头部-->
           <header>
                <h1>test</h1>
            </header>
            <p>
              ‘section’ 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
            </p> 
            <!--文章中的一个区段-->
            <section>
                <article>
                    <header>
                        <h2>test2</h2>
                        <div>作者:xxxxx</div>
                    </header>
                    <p>
                        各个标签之前可以各种嵌套
                        <time datetime="17:30">时间</time>
                        <details>
                            <summary>细节</summary>
                            细节与描述
                        </details>
                    </p>
                </article>
                <article>
                    <header>
                        <h2>test3</h2>
                    </header>
                    <p>
                        进度条的显示
                    </p>
                    进度条:<meter value="130" min="20" max="150"></meter>
                </article>
            </section>
            <!--脚注-->
            <footer>
                写版权信息之类的内容
            </footer>
            <!--添加边栏,将aside放在article内部,为文章添加边栏-->
           <aside>
              <h4>Epcot Center</h4>
              <p>The Epcot Center is a theme park in Disney World, Florida.</p>
          </aside>
        </article>
    </body>
</html>

详细的文档结构可参考:HTML5一些元素的整理

相关文章

网友评论

    本文标题:web前端开发【连载4】-html5简介

    本文链接:https://www.haomeiwen.com/subject/skrhattx.html