婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > html5簡單示例_動力節點Java學院整理

html5簡單示例_動力節點Java學院整理

熱門標簽:聯通400電話申請 電視購物電銷外呼系統 西寧智能外呼系統加盟 電話機器人如何 貸款電銷人工和機器人哪個好 杭州營銷電銷機器人供應商 百應電銷機器人產業 高德地圖標注賓館位置 飛亞外呼系統

HTML5,即超文本標記語言(HTML)第五次重大修改。

HTML5包含了新的元素,屬性和行為,同時包含了一系列可以被用來讓 Web 站點和應用更加多樣化,功能更強大的技術。

新特性并不是一下就有的,而是在HTML4.01版本制定(1999年)后,這段時間內不斷變更,在最后才定稿。

HTML5的標準不破壞之前的網頁,符合HTML4.01標準的網頁在HTML5仍然有效。

標準網址:https://www.w3.org/TR/html5/

定稿時間:2014年10月28日

內容

與之前的HTML4.01相比,HTML5增加了非常多的改變:

① 新的語義元素:<article>、<aside>、<figure>、<figcaption>、<footer>、<header>、<hgroup>、<nav>和<section>等等

② 新的元素特性:增加新的元素屬性、表單元素、驗證功能等內容。

③ 多媒體:增加<audio>音頻、<video>視頻元素等內容。

④ 2D/3D 繪圖:增加<canvas>繪圖元素。

⑤ 存儲:增加在線、離線存儲功能。

⑥ 連通性:增加客戶端與服務器交互的兩個內容:Web Sockets(客戶端與服務器持久連接)和Server-sent events(服務器推送數據)等。

⑦ 集成:提供Web Workers、History API、requestAnimationFrame、地理位置等強大的功能。

⑧ 設備訪問:提供對攝像頭、移動設備的支持。

⑨ CSS3樣式:提供了新的背景樣式特性、動畫、邊框等樣式。

瀏覽器支持情況

各主流瀏覽器對HTML5支持的范圍都不一樣。其中IE是從9版本開始支持HTML5的功能(并不是支持HTML5全部功能)。

若想知道HTML5某個功能被各瀏覽器支持的情況可登錄 http://caniuse.com/ 進行查詢。

以 <audio> 元素為例,可查看各瀏覽器的支持情況:

創建HTML5頁面

從頁面上介紹HTML5的變動情況。

<!DOCTYPE> 文檔類型聲明

傳統HTML頁面的第一行都必須是一個特定的文檔類型聲明,關系著瀏覽器以怎樣的格式和布局顯示頁面。

HTML4.01 因基于 SGML(標準通用標記語言) ,所以<!DOCTYPE> 引用了 DTD。

HTML5 不基于 SGML,故不需要引用 DTD。

HTML4.01 頁面:

[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/code]

HTML5 頁面:

<!DOCTYPE html>

<html>標簽

設置命名空間

<html>標簽中的 xmlns 屬性可定義一個或多個可供選擇的命名空間。瀏覽器會將此命名空間用于該屬性所在頁面內的元素。

若省略了此屬性,默認會以"http://www.w3.org/1999/xhtml"代替。

設置頁面語言

<html>標簽中的 lang 屬性可指定頁面的自然語言,如:lang="en" 表示英文,lang="zh-CN"表示中文。示例:

<html leng="zh-CN">
</html>

<meta>標簽 設置字符編碼

<meta> 可提供有關頁面的元信息(meta-information),比如針對搜索引擎的關鍵詞。

其中 charset 屬性定義了頁面的字符編碼,可在展示時瀏覽器將頁面的文本內容轉換為指定的編碼格式。

在網頁設計中首選"UTF-8":

<head>
    <meta charset="utf-8" />
    <title>頁面標題</title>
</head>

引用樣式表

與之前HTML4.01相比,HTML5在引用樣式表時省略了 type="text/css" 屬性:

<head>
    <meta charset="utf-8" />
    <title>頁面標題</title>
    <link rel="stylesheet" href="/Styles/Site.css" >
</head>

引用JavaScript文件

在HTML5,引用JavaScript文件時省略了 type="text/javascript" 屬性:

<head>
    <meta charset="utf-8" />
    <title>頁面標題</title>
    <script src="/Scripts/jquery-1.7.2.js"></script>
</head>

完整頁面示例

下方是一個完整的HTML5頁面:

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8" />
    <title>頁面標題</title>
    <link rel="stylesheet" href="/Styles/Site.css">
    <script src="/Scripts/jquery-1.7.2.js" ></script>
</head>
<body>
    <p>body區域</p>
</body>
</html>

 

標簽:撫州 邯鄲 煙臺 內蒙古 牡丹江 晉中 安慶 玉溪

巨人網絡通訊聲明:本文標題《html5簡單示例_動力節點Java學院整理》,本文關鍵詞  html5,簡單,示例,動力,節點,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《html5簡單示例_動力節點Java學院整理》相關的同類信息!
  • 本頁收集關于html5簡單示例_動力節點Java學院整理的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 铜川市| 红桥区| 永吉县| 五台县| 边坝县| 宜川县| 颍上县| 宁乡县| 安徽省| 贺兰县| 肥乡县| 永顺县| 通许县| 海安县| 自贡市| 赣州市| 开阳县| 唐河县| 六盘水市| 临颍县| 乐山市| 玉树县| 安多县| 修文县| 洞头县| 都匀市| 阳江市| 宜宾市| 齐齐哈尔市| 普陀区| 五华县| 饶河县| 吉木乃县| 年辖:市辖区| 满洲里市| 马鞍山市| 赤壁市| 莱阳市| 镇坪县| 舟山市| 孝昌县|