zoukankan      html  css  js  c++  java
  • HTML5(一)初识HTML5

    HTML5 简介

    HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。

    目的是为了在移动设备上支持多媒体。

     

    HTML5 的改进

    • 完全支持 CSS3

    • Video 和 Audio

    • 2D/3D 制图

    • 新元素

    • 新属性

    • 本地存储

    • 本地 SQL 数据

    • Web 应用

     

    HTML5 多媒体

    使用 HTML5 你可以简单的在网页中播放 视频(video)与音频 (audio) 。

    • HTML5 <video>

    • HTML5 <audio>

     

    HTML5 图形

    使用 HTML5 你可以简单的绘制图形:

    • HTML5 <canvas>

     

    HTML5 使用 CSS3

    • 新选择器

    • 新属性

    • 动画

    • 2D/3D 转换

    • 圆角

    • 阴影效果

    • 可下载的字体

     

    新增的语义元素

    HTML5 添加了很多语义元素如下所示:

    标签描述
    <article> 定义页面独立的内容区域。
    <aside> 定义页面的侧边栏内容。
    <bdi> 允许您设置一段文本,使其脱离其父元素的文本方向设置。
    <command> 定义命令按钮,比如单选按钮、复选框或按钮
    <details> 用于描述文档或文档某个部分的细节
    <dialog> 定义对话框,比如提示框
    <summary> 标签包含 details 元素的标题
    <figure> 规定独立的流内容(图像、图表、照片、代码等等)。
    <figcaption> 定义 <figure> 元素的标题
    <footer> 定义 section 或 document 的页脚。
    <header> 定义了文档的头部区域
    <mark> 定义带有记号的文本。
    <meter> 定义度量衡。仅用于已知最大和最小值的度量。
    <nav> 定义导航链接的部分。
    <progress> 定义任何类型的任务的进度。
    <ruby> 定义 ruby 注释(中文注音或字符)。
    <rt> 定义字符(中文注音或字符)的解释或发音。
    <rp> 在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。
    <section> 定义文档中的节(section、区段)。
    <time> 定义日期或时间。
     <wbr> 规定在文本中的何处适合添加换行符。

     

    已移除的元素

    一些过时的 HTML4 标记将被取消。其中包括纯粹显示效果的标记,它们已经被 CSS 取代。

    以下的 HTML 4.01 元素在HTML5中已经被删除:

    • <acronym>

    • <applet>

    • <basefont>

    • <big>

    • <center>

    • <dir>

    • <font>

    • <frame>

    • <frameset>

    • <noframes>

    • <strike>

     

    最小的HTML5文档

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Document</title>
    </head>
    <body>

    </body>
    </html>

    推荐使用 sublime text3VS code 安装emmet插件 可以更高效的编辑代码

     

  • 相关阅读:
    Leetcode 217 存在重复
    Leetcode 125验证回文串
    HTML标签
    Having dreams is what makes life tolerable.
    Database数据库——MySQL简述
    Python实践之路8——选课系统
    Python学习之路16——线程、进程和协程
    Python实践之路7——计算器
    Python学习之路14——Socket
    Python学习之路13——异常处理
  • 原文地址:https://www.cnblogs.com/1101-/p/12538866.html
Copyright © 2011-2022 走看看