HTML5

時間 2019-12-01

標籤 html5 html 欄目 HTML5 简体版

原文原文鏈接

HTML5
1 概述
HTML5 約等於html變化+css升級(css3)+js api的變化css

HTML5是目前html最新的版本，2014年10月29日標準規範制定完成html

2 在哪些地方有加強
* 語義：可以讓你更恰當地描述你的內容是什麼。
以前的 p ul ol ...
html5新增了不少語義的標籤提綱標籤、表單標籤
* 連通性：可以讓你和服務器之間經過創新的新技術方法進行通訊
web socket 讓瀏覽器和服務器之間保持持久聯通
http 聊天室定時器
* 離線 & 存儲：可以讓網頁在客戶端本地存儲數據以及更高效地離線運行。
之前 MySql 持久化數據
如今 h5提供了用js操做小型迷你數據庫叫作sessionstorage localstoragehtml5

* 多媒體：使 video 和 audio 成爲了在全部 Web 中的一等公民。 css3

* 2D/3D 繪圖 & 效果
Canvas WebGL svgweb

* 性能 & 集成：提供了很是顯著的性能優化和更有效的計算機硬件使用。
web worker 數據庫

增長api 拖放api
* 設備訪問 Device Access：可以處理各類輸入和輸出設備。

* 樣式設計: 讓做者們來創做更加複雜的主題吧！
css3api

3 html5語義化加強瀏覽器

基本骨架
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
</body>
</html>性能優化

新的規範
放寬標準，可是咱們要保持君子的"風骨"服務器

html5新增的提綱標籤
h1~h6
<div class="logo"></div>
<div class="nav"></div>

html5中把經常使用的div提煉成標籤
<section></section> 具有主題的區域
<article></article>
<nav></nav>
<header></header>
<footer></footer>
<aside></aside>
<hgroup></hgroup>

關於新增語義化標籤說明:
* 語義上比div都大，因此他們都能包裹div,可是div不能包裹它們，這些語義化標籤都屬於塊級元素，沒有任何默認樣式，用法其實同div
* 兼容 IE9開始兼容 IE8不能用標籤，手機web能夠放心使用，手機沒有IE瀏覽器

新的語義元素
<figure>
<figcaption></figcaption>
</figure>
...

新增表單元素

text password radio checkbox submit button reset file

search tel url email color date number