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
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
100
Other Decks in Programming
See All in Programming
202507_ADKで始めるエージェント開発の基本 〜デモを通じて紹介〜(奥田りさ)The Basics of Agent Development with ADK — A Demo-Focused Introduction
risatube
PRO
6
1.3k
バイブコーディングの正体——AIエージェントはソフトウェア開発を変えるか?
stakaya
5
590
Amazon Q CLI開発で学んだAIコーディングツールの使い方
licux
3
150
AWS Summit Japan 2024と2025の比較/はじめてのKiro、今あなたは岐路に立つ
satoshi256kbyte
1
260
新しいモバイルアプリ勉強会(仮)について
uetyo
1
240
コーディングエージェント概観(2025/07)
itsuki_t88
1
470
Claude Code派?Gemini CLI派? みんなで比較LT会!_20250716
junholee
1
780
QA x AIエコシステム段階構築作戦
osu
0
230
DataformでPythonする / dataform-de-python
snhryt
0
130
대규모 트래픽을 처리하는 프론트 개발자의 전략
maryang
0
110
Flutterと Vibe Coding で個人開発!
hyshu
1
200
DynamoDBは怖くない!〜テーブル設計の勘所とテスト戦略〜
hyamazaki
0
150
Featured
See All Featured
Six Lessons from altMBA
skipperchong
28
3.9k
How to Think Like a Performance Engineer
csswizardry
25
1.8k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
19k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Gamification - CAS2011
davidbonilla
81
5.4k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Visualization
eitanlees
146
16k
Making Projects Easy
brettharned
117
6.3k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
The Invisible Side of Design
smashingmag
301
51k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
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