Html5

html5 基本元素

新特性(当然,这需要浏览器的支持...):
用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素,比如 article、footer、header、nav、section
新的表单控件,比如 calendar、date、time、email、url、search

Canvas 画布

<canvas id="myCanvas" width="200" height="100"></canvas>

js:
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.fillStyle="#FF0000";
cxt.fillRect(0,0,150,75);
</script>

SVG 指可伸缩矢量图形 (Scalable Vector Graphics)

<!DOCTYPE html>
<html>
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
  <polygon points="100,10 40,180 190,60 10,60 160,180"
  style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
</svg>

</body>
</html>
posted @ 2016-06-02 15:50  toto怎么会喝醉  阅读(146)  评论(0编辑  收藏  举报