• HTML5新特性


      HTML5草案前名身为Web Applications 1.0,是2004年由WHATWG提出,2007年获W3C接纳,并成立了新的HTML工作团队。在2008年1月22日第一份正是草案发布。

      HTML5新标准中直接添加了拥有具体含义的HTML标签。如<article><footer><header><nav><section>

      HTML5新标准中直接添加了职能表单。如calendar,date,time,email,url,search。

      在HTML5标准中原生的就支持音频、视频、画布等技术。让WEB程序更加独立,更好的使用多种形式的客户端。

      在HTML5提供了两种在客户端存储数据的新方法:localStorage(没有时间限制的数据存储)和sessionStorage(针对一个session的数据存储)。

      HTML5的canvas元素使用JavaScript在网页上绘制图像。并拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

      在不影响UI update及浏览器与用户交互的情况下,前端做大规模运算,只能通过setTimeout之类去模拟多线程。在新的标准中。JS新增的HTML5 WEB WORKER对象原声的就支持多线程。

      WebSockets是一个(TCP)接口进行双向通信的技术,PUSH技术类型。WebSocket是html5规范新引入的功能,用于解决浏览器与后台服务器双向通讯的问题。使用WebSocket技术,后台可以随时向前端推送消息,以保证前后台转台统一。

      HTML5取消了纯粹显示效果的标记,如<font>,<center>及属性acronym,applet,basefont,big,center,dir,font,frame.frameset,isindex,noframes,strike,tt。

      HTML添加了一些新的表单元素如data,email,url等及一些标签<section>,<video>,<progress>,<nav>,<meter>,<time>,<aside>,<canvas>等。

      文件声明类型仅有一种:<!DOCTYPE html>

      <section>:定义文档中的节。他用来表现普通的文档内容或应用区块,但section元素标签并非一个普通的容器元素,它表示一段专题性的内容,一般会带有标题。

    <section>

      <h1>section简介</h1>

      <h2>章节1</h2>

      <article>

        <h2>关于section</h2>

        <p>section的介绍</p>

      </article>

    </section>

      

      <article> 特殊的<section>标签,代表一个独立的完整的相关内容块。当描述一件具体的事物时,用<article>代替<section>。article会有标题部分,通常包含在<header>内。

      

      <nav>可以作为页面导航的链接组,其中的导航元素链接到其他页面或当前页面的其它部分,使html在语义方面更加精确,同时对于屏幕阅读器等设备的支持也更好。

      <aside>用来装载为正文的内容,被视为页面里面的一个单独的部分。它包含的内容与页面的主要内容是分开的,可以被删除的,而不影响到网页的内同、章节或页面所要传到的信息。可以是广告,侧边栏等。

      <header>可以在文档的页眉。通常是一些引导和导航信息。不局限于卸载网页头部,也可以写在网页内同里。通常<header>标签至少包含一个标题标记(h1-h6),还可以包括<hgroup>标签,还可以包括表格内容、标识、搜索表单、nav导航。

      <footer>定义<section>或document的页脚,包含了与页面、文章或是部分内容有关的信息。

      <hgroup>对网页或区段<section>的标题元素(h1-h6)进行组合

      <figure>对元素进行重组。多用于图片与图片描述组合

     <figure>

      <img src="" alt="" titile=""  />
      <figcaption>pic info</figcaption>

     </figure>

  • 相关阅读:
    UOJ168. 【UR #11】元旦老人与丛林
    luogu3308,LOJ 2196 [SDOI2014]LIS
    CF1349F2. Slime and Sequences (Hard Version)
    6210. wsm
    欧拉数学习小记
    CF1508F. Optimal Encoding
    CF1508C. Complete the MST
    联合省选2021 游记
    一. Docker介绍
    Elasticsearch
  • 原文地址:https://www.cnblogs.com/forerver-elf/p/4794329.html
Copyright © 2020-2023  润新知