Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
html5 新技术
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
hugo
November 27, 2013
Programming
3
180
html5 新技术
主要介绍了html的一些新增属性和api
hugo
November 27, 2013
Tweet
Share
More Decks by hugo
See All by hugo
CSS命名及书写规范
baofen14787
0
680
移动端性能调优及16ms优化
baofen14787
1
2.3k
html5 新技术 2
baofen14787
1
140
html5 新技术 3
baofen14787
1
110
Other Decks in Programming
See All in Programming
OTP を自動で入力する裏技
megabitsenmzq
0
130
今こそ押さえておきたい アマゾンウェブサービス(AWS)の データベースの基礎 おもクラ #6版
satoshi256kbyte
1
200
おれのAgentic Coding 2026/03
tsukasagr
1
120
AIコードレビューの導入・運用と AI駆動開発における「AI4QA」の取り組みについて
hagevvashi
0
570
Goの型安全性で実現する複数プロダクトの権限管理
ishikawa_pro
2
1.4k
メッセージングを利用して時間的結合を分離しよう #phperkaigi
kajitack
3
490
20260320登壇資料
pharct
0
130
ベクトル検索のフィルタを用いた機械学習モデルとの統合 / python-meetup-fukuoka-06-vector-attr
monochromegane
2
570
Linux Kernelの1文字のミスで 権限昇格ができた話
rqda
0
2.2k
条件判定に名前、つけてますか? #phperkaigi #c
77web
2
850
モダンOBSプラグイン開発
umireon
0
180
PHPで TLSのプロトコルを実装してみる
higaki_program
0
540
Featured
See All Featured
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
120
Information Architects: The Missing Link in Design Systems
soysaucechin
0
850
Git: the NoSQL Database
bkeepers
PRO
432
67k
Deep Space Network (abreviated)
tonyrice
0
97
How to build a perfect <img>
jonoalderson
1
5.3k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.4k
30 Presentation Tips
portentint
PRO
1
260
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.4k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
52k
Thoughts on Productivity
jonyablonski
75
5.1k
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.2k
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
420
Transcript
HTML5新技术(1) hugohua
data-*** 符合html5规范 高级浏览器支持 js提供dataset方法 jq提供data方法
CSS提供attr() 方法
dataset *带连字符连接的名称在使用的时候需要命名驼峰化
$(‘’).data() *data方法,页面初始化时缓存数据,后续无法修改属性值。 参考文献: http://www.learningjquery.com/2011/09/using-jquerys-data-apis
CSS attr() DEMO
Demo
datalist *扩展阅读: http://www.zhangxinxu.com/wordpress/2013/03/html5-datalist-实际应用-可行性/
download
download Download属性:表明一个资源是让用户下载的,而不是立即显示的。 Download如果存在值,则这个值是文件名。 DEMO
下载动态生成的文件 可以通过Bob创建二进制文件,然后用这个属性下载到本地。
autofocus Autofocus:页面加载时自动地获得焦点。 仅对 input、button、textarea等表单元素有效 多个autofocus存在时,作用于最后一个 DEMO
placeholder 文本框默认文字提示 默认颜色在各浏览器下表现不一致,建议通过CSS重置样式 DEMO
Context Menus Chrome暂不支持 DEMO
None
HTML5 JS API • 未完待续 • 3Q