HTML5+CSS3-语法
学习视频:http://www.php.cn/code/26623.html
1.<style type=“text/css”> </style>
表示这是样式表,在中间放入css内容;type是它的类型属性,text/css是它的值,它们是告诉浏览器这里面的文本内容(text)要当层叠样式表 (css)来解析,不能当作其它的来解析。
2.设置浮动条:
展示:
代码图:
HTML5
1.拖放事件: ondragstart ondragover ondrop 事件
https://blog.csdn.net/baidu_25343343/article/details/53215193
提示: 链接和图片默认是可拖动的,不需要 draggable 属性。
2.HTML 5 Canvas画布
<canvas id="myCanvas" width="200" height="100"></canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.fillStyle="#FF0000";
cxt.fillRect(0,0,150,75);
</script>
eg:http://www.w3school.com.cn/html5/html_5_canvas.asp
3.HTML5 内联 SVG
4.地理定位
HTML5 Geolocation API 用于获得用户的地理位置。
5. Web 存储: localStorage 、sessionStorage
6.HTML 5 应用程序缓存
http://www.w3school.com.cn/html5/html_5_app_cache.asp
带有 cache manifest 的 HTML 文档(供离线浏览):
HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。
【浏览器支持:所有主流浏览器均支持应用程序缓存,除了 Internet Explorer。】
每个指定了 manifest 的页面在用户对其访问时都会被缓存。如果未指定 manifest 属性,则页面不会被缓存(除非在 manifest 文件中直接指定了该页面)。