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>