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
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
hugo
November 27, 2013
Programming
190
3
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
html5 新技术
主要介绍了html的一些新增属性和api
hugo
November 27, 2013
More Decks by hugo
See All by hugo
CSS命名及书写规范
baofen14787
0
690
移动端性能调优及16ms优化
baofen14787
1
2.3k
html5 新技术 2
baofen14787
1
150
html5 新技术 3
baofen14787
1
110
Other Decks in Programming
See All in Programming
ランチタイムLT会3周年!ランチタイムLT会を3年間続けられたお話
y0hgi
1
110
任せる範囲はこう広がった / How the Scope of AI Delegation Has Expanded
nrslib
0
170
Even G2とAWSで推しのエージェントを召喚しよう!
har1101
1
130
Inside Stream API
skrb
1
800
Hatena Engineer Seminar #37「言語モデルの活用に関する研究」
slashnephy
0
270
「AIで開発し、AIを届ける」をEvalでつなぐ 〜AIネイティブに始めるプロダクト開発の実践〜 / Connecting "Develop with AI, deliver AI" with Eval
rkaga
4
5.4k
Developing with AI Agents — Codex, Claude Code & Cowork Practical Guide
x5gtrn
PRO
0
1.3k
トークンをケチるな、設計しろ:GitHub Copilotを賢く使うコンテキスト戦略
ochtum
0
220
コンテキストの使い捨てをやめる — ビジネスルール駆動開発と miko —
ioki
0
240
決定論的オーケストレーションの設計と実装 / Design and Implementation of Deterministic Orchestration
nrslib
4
1.5k
act1-costs.pdf
sumedhbala
0
120
The NotImplementedError Problem in Ruby
koic
1
970
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
698
190k
The Curse of the Amulet
leimatthew05
2
13k
Facilitating Awesome Meetings
lara
57
7k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
2
260
Practical Orchestrator
shlominoach
191
11k
Crafting Experiences
bethany
1
190
Test your architecture with Archunit
thirion
1
2.3k
[SF Ruby Conf 2025] Rails X
palkan
2
1.1k
Discover your Explorer Soul
emna__ayadi
2
1.1k
Art, The Web, and Tiny UX
lynnandtonic
304
22k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.5k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
67
55k
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