美文网首页
html5 入门

html5 入门

作者: 木易先生灬 | 来源:发表于2018-10-09 09:40 被阅读0次

    概念

    1. 什么是html5?
      h5=html5+css3.0+js es6的技术组合
    1. 支持Html5的浏览器
      谷歌,火狐,苹果,IE9及以上
    1. 为什么学HTML5?(新特性)
      移动端的支持很好,canvas绘图(报表和游戏),多媒体的支持,
      地理定位(地图相关的应用),本地存储(离线存储),语义标签,智能表单
    1. html5的兼容性
      测试网站: http://html5test.com/
      谷歌最好,IE最差

    语义标签

    1. html4的语义标签

    table表格 form表单 img图片

    2. html5的语义标签

    header 头部
    footer 页脚
    nav 导航条
    article 内容区域
    section 区块(外层包裹的div)
    aside 侧边栏
    address 地址信息
    progress 进度条
    dialog 对话框
    等等...
    参考网站:http://www.w3school.com.cn/html/html5_semantic_elements.asp

    <body>
        <!--页头-->
        <header><h1>页头</h1></header>
        <!--导航条-->
        <nav><h2>导航条</h2></nav>
        <!--主体内容-->
        <section>
            <aside><h2>侧栏</h2></aside>
            <div><h2>右侧内容</h2></div>
        </section>
        <!--页脚-->
        <footer><h1>页脚</h1></footer>
    </body>

    相关文章

      网友评论

          本文标题:html5 入门

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