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插件 可以更高效的编辑代码

     

  • 相关阅读:
    java TopK算法
    夫妻过河问题
    Java中数据存储分配
    STM32与ARM代码执行过程
    C中gets()函数与scanf()函数说明
    MRTG开源监控安装手册
    mysql笔记
    windows调用ubuntu下的sublimeText2环境搭建
    linux性能优化
    测试那些事儿—软测必备的Linux知识(一)
  • 原文地址:https://www.cnblogs.com/1101-/p/12538866.html
Copyright © 2011-2022 走看看