<br/> <!–语义化网页结构有助于搜索引擎的收录。同一个效果可以用很多钟方式实现，但这只方便了浏览者，而搜索引擎不知道这里到底是什么内容， 这里如果你使用<q>标签，那么就告诉浏览器这里是引用的话。而且在手持设备或移动设备不能很好支持css的基础上， 浏览器会使用默认的效果，因而提供较好可读性–> <p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q> We hope they succeed.</p>
<br/> <p>My favorite color is <del>blue</del><ins>red</ins>!</p>
<br/> <!–定义一个摘自另一个源的块引用–> <blockquotecite="http://www.worldwildlife.org/who/index.html"> For 50 years, WWF has been protecting the future of nature. The world’s leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally. </blockquote>
<br/> <p><b>复选框</b></p> <formaction=""> <inputtype="checkbox"name="vehicle"value="Bike">I have a bike<br> <inputtype="checkbox"name="vehicle"value="Car">I have a car </form>
<script> //使用 JavaScript 来绘制图像 var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.fillStyle="#FF0000"; ctx.fillRect(0,0,100,50); </script>
<script> //Canvas - 路径 var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.moveTo(0,0); ctx.lineTo(400,200); ctx.stroke(); </script>
<script> //使用 arc() 方法 绘制一个圆 var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.beginPath(); ctx.arc(95,50,40,0,2*Math.PI); ctx.stroke(); </script>
<script> //使用 "Arial" 字体在画布上绘制一个高 20px 的文字（实心） var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.font="20px Arial"; ctx.fillText("Hello World",5,120); </script>
<script> //使用 "Arial" 字体在画布上绘制一个高 30px 的文字（空心） var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.font="30px Arial"; ctx.strokeText("Hello World",5,150); </script>
<script> var c=document.getElementById("myCanvasGradient"); var ctx=c.getContext("2d"); // Create gradient var grd=ctx.createLinearGradient(0,0,200,0); grd.addColorStop(0,"red"); grd.addColorStop(1,"white"); // Fill with gradient ctx.fillStyle=grd; ctx.fillRect(10,10,150,80); </script>
<script> var c=document.getElementById("myCanvasImage"); var ctx=c.getContext("2d"); var img=document.getElementById("scream"); img.onload = function() { ctx.drawImage(img,10,10); } </script>
<!-- HTML5 Web Workers web worker 是运行在后台的 JavaScript，不会影响页面的性能 当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。 web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。 您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行 -->