zoukankan      html  css  js  c++  java
  • 0051 HTML5概述、新增标签、简单案例

    一、什么是 HTML5
    1. HTML5 的概念与定义

      • 定义:HTML5 定义了 HTML 标准的最新版本,是对 HTML 的第五次重大修改,号称下一代的 HTML
      • 两个概念:
        • 是一个新版本的 HTML 语言,定义了新的标签、特性和属性
        • 拥有一个强大的技术集,这些技术集是指: HTML5CSS3javascript, 这也是广义上的 HTML5
    2. HTML5 拓展了哪些内容

      • 语义化标签
      • 本地存储
      • 兼容特性
      • 2D3D
      • 动画、过渡
      • CSS3 特性
      • 性能与集成
    3. HTML5 的现状

      绝对多数新的属性,都已经被浏览器所支持,最新版本的浏览器已经开始陆续支持最新的特性,

      总的来说:HTML5 已经是大势所趋

    二、HTML5 新增标签
    1. 什么是语义化

    2. 新增了那些语义化标签

      • header --- 头部标签
      • nav --- 导航标签
      • article --- 内容标签
      • section --- 块级标签
      • aside --- 侧边栏标签
      • footer --- 尾部标签

    在这里插入图片描述

    3.使用语义化标签的注意

    • 语义化标签主要针对搜索引擎
    • 新标签可以使用一次或者多次
    • IE9 浏览器中,需要把语义化标签都转换为块级元素
    • 语义化标签,在移动端支持比较友好
    • 另外,HTML5 新增的了很多的语义化标签,随着学习的深入,还会学习到其他的
    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <style>
            header,
            nav,
            section {
                display: block;
                height: 120px;
                background-color: pink;
                margin: 10px;
            }
        </style>
    
    </head>
    
    <body>
        <header> header</header>
        <header> header</header>
        <nav> nav </nav>
        <section></section>
    </body>
    
    </html>
    

    在这里插入图片描述

  • 相关阅读:
    MIME协议(一) -- RFC822邮件格式
    生活
    面向对象设计的SOLID原则、迪米特法则
    策略模式
    asp.net Json序列化
    简单工厂模式
    CSS响应式布局实例
    CSS响应式网站开发
    mysql 记录根据日期字段倒序输出
    IE下JS保存图片
  • 原文地址:https://www.cnblogs.com/jianjie/p/12127088.html
Copyright © 2011-2022 走看看