Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
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
Building AI with AI
inesmontani
PRO
1
470
宅宅自以為的浪漫:跟 AI 一起為自己辦的研討會寫一個售票系統
eddie
0
470
関数実行の裏側では何が起きているのか?
minop1205
1
470
dnx で実行できるコマンド、作ってみました
tomohisa
0
130
目的で駆動する、AI時代のアーキテクチャ設計 / purpose-driven-architecture
minodriven
11
3.9k
CSC305 Lecture 17
javiergs
PRO
0
270
AIコーディングエージェント(Manus)
kondai24
0
110
AIコーディングエージェント(Gemini)
kondai24
0
120
全員アーキテクトで挑む、 巨大で高密度なドメインの紐解き方
agatan
8
18k
How Software Deployment tools have changed in the past 20 years
geshan
0
27k
JJUG CCC 2025 Fall: Virtual Thread Deep Dive
ternbusty
3
510
Rediscover the Console - SymfonyCon Amsterdam 2025
chalasr
2
130
Featured
See All Featured
How GitHub (no longer) Works
holman
316
140k
RailsConf 2023
tenderlove
30
1.3k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Become a Pro
speakerdeck
PRO
30
5.7k
The Pragmatic Product Professional
lauravandoore
37
7k
[RailsConf 2023] Rails as a piece of cake
palkan
58
6.1k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
8.3k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
Done Done
chrislema
186
16k
What's in a price? How to price your products and services
michaelherold
246
12k
4 Signs Your Business is Dying
shpigford
186
22k
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