Upgrade to Pro — share decks privately, control downloads, hide ads and more …

HTML5.1について

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for takashi takashi
August 22, 2017
Programming
210
0

 HTML5.1について

HTML5.1について調べたことをまとめました。

Avatar for takashi

takashi

August 22, 2017

More Decks by takashi

See All by takashi
Flutterで実装するCompound Pattern
Avatar for takashi takashimelon
0
73
hanging-punctuation
Avatar for takashi takashimelon
0
27
CustomPainterとAnimationControllerを使用したアニメーション作成
Avatar for takashi takashimelon
0
110
Flutterで作るお絵かきアプリ
Avatar for takashi takashimelon
0
250
いいから黙ってアニメーションはCSSで書いておけ
Avatar for takashi takashimelon
0
88
Flutter x Socket.IOで行うリアルタイム通信
Avatar for takashi takashimelon
0
390
XDからFigmaに乗り換えた話
Avatar for takashi takashimelon
0
77
webaudioapi.pdf
Avatar for takashi takashimelon
0
30
IT × 音楽 ~Web Audio API~
Avatar for takashi takashimelon
0
65

Other Decks in Programming

See All in Programming
L’IA au service des devs : Anatomie d'un assistant de Code Review
Avatar for Thomas Boileau toham
0
220
Go_College_最終発表資料__外部公開用_.pdf
Avatar for xe-pc23 xe_pc23
0
140
Running Swift without an OS
Avatar for Kishikawa Katsumi kishikawakatsumi
0
710
VueエンジニアがReactを触って感じた_設計の違い
Avatar for kouki.miura koukimiura
0
170
AI活用のコスパを最大化する方法
Avatar for Ochtum ochtum
0
380
一度始めたらやめられない開発効率向上術 / Findy あなたのdotfilesを教えて！
Avatar for Takashi Kokubun k0kubun
4
2.9k
年間50登壇、単著出版、雑誌寄稿、Podcast出演、YouTube、CM、カンファレンス主催……全部やってみたので面白さ等を比較してみよう / I’ve tried them all, so let’s compare how interesting they are.
Avatar for nrs nrslib
4
750
The Monolith Strikes Back: Why AI Agents ❤️ Rails Monoliths
Avatar for Rodrigo Serradura serradura
0
290
Vibe NLP for Applied NLP
Avatar for Ines Montani inesmontani
PRO
0
150
Redox OS でのネームスペース管理と chroot の実現
Avatar for isan isanethen
0
560
セグメントとターゲットを意識するプロポーザルの書き方 〜採択の鍵は、誰に刺すかを見極めるマーケティング戦略にある〜
Avatar for memory m3m0r7
PRO
0
360
AWS re：Invent 2025の少し振り返り ＋ DevOps AgentとBacklogを連携させてみた
Avatar for Satoshi Kaneyasu satoshi256kbyte
2
150

Featured

See All Featured
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
680
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3.3k
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
240
How to make the Groovebox
Avatar for あそなす asonas
2
2.1k
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.6k
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
200
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
0
290
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.4k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
3M

Transcript

  1. HTML5.1について たかし

  2. • 好きな食べ物 ◦ メロン • 趣味 ◦ カラオケ • マイブーム

    ◦ 夜の散歩 自己紹介

  3. 追加された仕様 • <picture>要素、<source>要素のsrcset属性が追加 ◦ <picture>要素の子要素に<source>要素を配置し、srcset属性に画像を指定 することで、レスポンシブに対応した画像の表示が可能。 ◦ <picture>要素の子要素である場合のみ有効。

  4. 追加された仕様

  5. 追加された仕様

  6. • <details>要素、<summary>要素の追加 ◦ 追加情報を<details>要素で指定すると、ディスクロージャー・ウィジェット表示 となる。 ◦ <summary>要素は追加情報の概要などを<details>要素内に表示する際に 指定する。 追加された仕様

  7. 追加された仕様

  8. 追加された仕様

  9. • <header>要素、<footer>要素を入れ子にすることが可能 ◦ <header>要素と<footer>要素が、セクショニング要素内に配置されている場 合、ネストすることが可能。 変更された仕様

  10. 変更された仕様

  11. 最後に

  12. 今年の11月頃にHTML5.2が 勧告される予定です。

  13. ご清聴ありがとうございまいた。