html5笔记

最新推荐文章于 2025-12-13 10:38:42 发布

原创最新推荐文章于 2025-12-13 10:38:42 发布 · 548 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #stylesheet #notifications #browser #styles #safari

本文介绍了HTML5的一些简化语法如简化文档类型声明、内联JavaScript和样式等，并详细阐述了HTML5新增的特性，包括SVG矢量图形、Canvas绘图、新的表单元素及JavaScript API等。此外还介绍了Safari浏览器支持的元标签。

1. simplified doctype declare： <!DOCTYPE html>
2. simplified JavaScript embedding
   <script>
     //code here
   </script>
3. Simplified embedded styles
   <style>
     //code here
   </style>
4. Simplified stylesheet linking

New tags in Html5

SVG (Scalable Vector Graphics)
* SVG files can live without JS.
* Canvas only works in the browser via JS.

New <form> elements
<input type="date"/>
<input type="datetime"/>
<input type="email"/>
<input type="month"/>
<input type="number"/>
<input type="range"/>
<input type="tel"/>
<input type="time"/>
<input type="url"/>

javascript apis
1. desktop features
      --drag and drop
      --live notifications
2. Browser database
      --Web SQL
      --IndexedDB
cool! But not ready for prime-time

《HTML5本地存储》

1. Safari支持的Meta Tag：
<meta name="apple-mobile-web-app-capable" content="yes">  //设置程序运行于全屏模式
<meta name="apple-mobile-web-app-status-bar-style" content="black"> //设置网页程序状态条的style
<meta name="format-detection" content="telephone=no"> //是否允许自动检测网页上的电话号码
<meta name = "viewport" content = "width = 320, initial-scale = 2.3, user-scalable = no">  //在iOS上显示页面时，改变逻辑窗口的大小