HTML 5 學習

時間 2019-12-05

標籤 html 學習欄目 HTML 简体版

原文原文鏈接

1 、簡介javascript

HTML 4.0 自1999年發佈以後，爲了更好構建開發web應用，在2004 HTML5 草案擬定，2007被W3c採納，由Mozilla，Microsoft，Google,apple等公司進行維護開發。html

二、優勢和劣勢java

//此處應用自https://blog.csdn.net/summer_15/article/details/70244251web

優點： canvas

a、網絡標準統1、HTML5自己是由W3C推薦出來的。瀏覽器

b、多設備、跨平臺安全

c、即時更新。網絡

d、提升可用性和改進用戶的友好體驗；app

e、有幾個新的標籤，這將有助於開發人員定義重要的內容； socket

f、能夠給站點帶來更多的多媒體元素(視頻和音頻)；

g、能夠很好的替代Flash和Silverlight；

h、涉及到網站的抓取和索引的時候，對於SEO很友好；

i、被大量應用於移動應用程序和遊戲。

劣勢：

a、安全：像以前Firefox4的web socket和透明代理的實現存在嚴重的安全問題，同時web storage、web socket 這樣的功能很容易被黑客利用，來盜取用戶的信息和資料。

b、完善性：許多特性各瀏覽器的支持程度也不同。

c、技術門檻：HTML5簡化開發者工做的同時表明了有許多新的屬性和API須要開發者學習，像web worker、web socketweb storage 等新特性，後臺甚至瀏覽器原理的知識，機遇的同時也是巨大的挑戰

d、性能：某些平臺上的引擎問題致使HTML5性能低下。

e、瀏覽器兼容性：最大缺點，IE9如下瀏覽器幾乎全軍覆沒。

3 基本知識

(1)<video></video //視頻播放媒體標檢

支持多種媒體格式（0.mp4 .ogg等）

屬性

示例

<!DOCTYPE HTML5>

<html>

<head>

<body>

<video

src="movie.ogg" controls="controls"

></video>

<body>

<html>

(2)<audio>

屬性相似video

示例

<!DOCTYPE HTML5>

<html>

<head>

<body>

<video

src="movie.ogg" controls="controls"

></video>

<body>

<html>

(3)<canvas></canvas> //圖形繪畫 JavaScript

屬性

支持HTML5屬性

示例

<!DOCTYPE HTML5> <html> <body> <canvas id="self" width="200" height="100" style="border: 1px solid lightyellow;" ></canvas> <script type="application/javascript"> var doc=document.getElementById("self"); var contxt=doc.getContext("2d"); var grd=contxt.createLinearGradient(0,0,175,50); grd.addColorStop(0,"#FF0000"); grd.addColorStop(1,"00FF00"); contxt.fillStyle=grd; contxt.fillRect(0,0,175,50); </script> </body> </html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。