Futomi Hatano, profile picture
Uploaded byFutomi Hatano
9,728 views

第40回 HTML5とか勉強会 HTML5マークアップ ビギナーの良くある質問にズバリ答えます

This document discusses HTML5 elements like <article>, <section>, <header>, <footer>, and <div> tags for structuring web pages. It recommends using semantic HTML5 elements to build a modern website layout with sections for wrappers, headers, main content areas, and footers. The document also mentions supporting HTML5 in different browsers like Internet Explorer, Firefox, Chrome, and Safari.

Embed presentation

Downloaded 40 times
@futomi futomi.hatano http://www.html5.jp/
article
syndication Atom
div ... ...
section "wrapper" section "header" /section section "container" section "left" /section section "main" /section section "right" /section section section "footer" /section /section
sexy modern <div>
...
• • •
small /small
p class="sub" /p
video
Internet Explorer 9 Firefox Chrome Safari
@futomi futomi.hatano http://www.html5.jp/

More Related Content

PDF
WebDev References
bydynamis
 
PDF
High pr forum list
byBloggermesh
 
KEY
FLEXIcontent & FLEXIaccess presentation
byEmmanuel Danan
 
PDF
Using HTML5 For a Great Open Web - Valtech Tech Days
byRobert Nyman
 
PPTX
Games made by ue4
byDaihi
 
PDF
Introduction to Angular Mobile
byrcproctor
 
PDF
Joomla! Menu-Items
byYireo
 
PDF
Using HTML5 for a great Open Web
byRobert Nyman
 
WebDev References
bydynamis
 
High pr forum list
byBloggermesh
 
FLEXIcontent & FLEXIaccess presentation
byEmmanuel Danan
 
Using HTML5 For a Great Open Web - Valtech Tech Days
byRobert Nyman
 
Games made by ue4
byDaihi
 
Introduction to Angular Mobile
byrcproctor
 
Joomla! Menu-Items
byYireo
 
Using HTML5 for a great Open Web
byRobert Nyman
 

What's hot

PDF
List of search engines 2012
byAivil Vin
 
PDF
Designing FirefoxOS style apps
byAlecsandru Grigoriu
 
PPTX
YAP, Open Hack Day, Bangalore 2011
bykals_amit_kumar
 
DOCX
ใบงานที่ 3 เรื่องขอบข่ายเเละประเภทของโครงงาน
byYokyok' Nnp
 
PPTX
Unreal engine nongame
byDaihi
 
PDF
Round Table: Content-Content-Content - DaytonWP February 2013 MeetUp
byDaytonWP
 
List of search engines 2012
byAivil Vin
 
Designing FirefoxOS style apps
byAlecsandru Grigoriu
 
YAP, Open Hack Day, Bangalore 2011
bykals_amit_kumar
 
ใบงานที่ 3 เรื่องขอบข่ายเเละประเภทของโครงงาน
byYokyok' Nnp
 
Unreal engine nongame
byDaihi
 
Round Table: Content-Content-Content - DaytonWP February 2013 MeetUp
byDaytonWP
 

More from Futomi Hatano

PDF
ようこそ、HTML5裏APIの世界へ - HTML5 Conference 2013
byFutomi Hatano
 
PPTX
Web エンジニアのための Web エンジニアのための ロボットアームの API を考えてみる
byFutomi Hatano
 
PPTX
Webエンジニアのためのスマートホームハック ～ Node.js で家電とArduinoを操作 ～
byFutomi Hatano
 
PDF
HTML5マークアップ珍プレー集 - HTML5 Conference 2012
byFutomi Hatano
 
PDF
Progressive Enhancement - クロスブラウザー対応に必要なこと - Microsoft IE10 移行セミナー
byFutomi Hatano
 
PDF
アプリ開発支援サービス「アプリカン」 - HTML5 Experts Night 2013年8月23日
byFutomi Hatano
 
PDF
html5j自動車部 第三回勉強会 W3C標準化と車載プラットフォームの最新動向
byFutomi Hatano
 
PDF
HTML5マークアップの心得と作法
byFutomi Hatano
 
PDF
Embedded Webで加速するWeb of Things
byFutomi Hatano
 
PDF
HTML5 Conference 2015 悩める組込機器向けウェブコンテンツのパフォーマンス
byFutomi Hatano
 
PDF
Leading the way to W3C TPAC 2015 『HTML5 関連の API の現状とこれから』
byFutomi Hatano
 
PDF
ウェブ標準デバイス系 API 総集編 2014
byFutomi Hatano
 
PDF
続・Webエンジニアのためのスマートホームハック ～ Node.js で IoT プロトコルハック ～
byFutomi Hatano
 
ようこそ、HTML5裏APIの世界へ - HTML5 Conference 2013
byFutomi Hatano
 
Web エンジニアのための Web エンジニアのための ロボットアームの API を考えてみる
byFutomi Hatano
 
Webエンジニアのためのスマートホームハック ～ Node.js で家電とArduinoを操作 ～
byFutomi Hatano
 
HTML5マークアップ珍プレー集 - HTML5 Conference 2012
byFutomi Hatano
 
Progressive Enhancement - クロスブラウザー対応に必要なこと - Microsoft IE10 移行セミナー
byFutomi Hatano
 
アプリ開発支援サービス「アプリカン」 - HTML5 Experts Night 2013年8月23日
byFutomi Hatano
 
html5j自動車部 第三回勉強会 W3C標準化と車載プラットフォームの最新動向
byFutomi Hatano
 
HTML5マークアップの心得と作法
byFutomi Hatano
 
Embedded Webで加速するWeb of Things
byFutomi Hatano
 
HTML5 Conference 2015 悩める組込機器向けウェブコンテンツのパフォーマンス
byFutomi Hatano
 
Leading the way to W3C TPAC 2015 『HTML5 関連の API の現状とこれから』
byFutomi Hatano
 
ウェブ標準デバイス系 API 総集編 2014
byFutomi Hatano
 
続・Webエンジニアのためのスマートホームハック ～ Node.js で IoT プロトコルハック ～
byFutomi Hatano
 

Recently uploaded

PDF
Transparency Exchange API: How Do You Find the SBOM for a Smart Light Bulb?
byPavel Shukhman
 
PDF
Open Source SecurityCon 2025 in Atlanta - Transparency Exchange API: Where To...
byPavel Shukhman
 
PDF
The Future of Database Diagnostics is a Conversation with Oracle AHF Fleet In...
bySandesh Rao
 
PDF
FastTrack CISSP Reference By Jobyer Ahmed
bysocial72
 
PDF
The Complete Crypto Airdrop Playbook: Strategies, Scams & Success Stories | 3...
by3verseTV
 
PDF
Manage Local Users and Groups - RHCSA (RH124)
byLinuxCert Guru
 
PDF
Private Governance: How Decentralized Mechanisms Can Regulate the Crypto Economy
byFederico Ast
 
PDF
Inclusive India_Samir_Dash_10 NOV_FINAL 2025.pdf
bySamir Dash
 
PDF
Q3'25 Financial Results and Earnings Presentation
byDropbox
 
PDF
UiPath Veterans Day Acknowledgement and Benefits
byDianaGray10
 
PPTX
GenAI GraphTalk - Kuala Lumpur - 4 Nov 2025
bygourisachdeva2
 
PDF
The Accel 2025 Globalscape: Race for compute
byPhilippe Botteri
 
PDF
Monitor and Manage Processes - RHCSA (RH124).pdf
byLinuxCert Guru
 
PDF
ENTSO-E's Response to the European Commission Call for Evidence on the Strate...
byReynir Orn Bachmann Gudmundsson
 
PDF
Revolutionizing SQL Database Design for the Modern Era.pdf
bySQL DBM
 
PDF
Configure and Secure SSH - RHCSA (RH124).pdf
byLinuxCert Guru
 
PDF
Analyze and Store Logs - RHCSA (RH124).pdf
byLinuxCert Guru
 
PPTX
Career Blueprint - Future Career Vision & Success Stories - 2025 - Part 1
byDianaGray10
 
PDF
Sylvester Konadu Worcester MA - An Accomplished IT Analyst
bySylvester Konadu Worcester
 
PDF
Webinar: Introduction to LF Energy SEAPATH
byDanBrown980551
 
Transparency Exchange API: How Do You Find the SBOM for a Smart Light Bulb?
byPavel Shukhman
 
Open Source SecurityCon 2025 in Atlanta - Transparency Exchange API: Where To...
byPavel Shukhman
 
The Future of Database Diagnostics is a Conversation with Oracle AHF Fleet In...
bySandesh Rao
 
FastTrack CISSP Reference By Jobyer Ahmed
bysocial72
 
The Complete Crypto Airdrop Playbook: Strategies, Scams & Success Stories | 3...
by3verseTV
 
Manage Local Users and Groups - RHCSA (RH124)
byLinuxCert Guru
 
Private Governance: How Decentralized Mechanisms Can Regulate the Crypto Economy
byFederico Ast
 
Inclusive India_Samir_Dash_10 NOV_FINAL 2025.pdf
bySamir Dash
 
Q3'25 Financial Results and Earnings Presentation
byDropbox
 
UiPath Veterans Day Acknowledgement and Benefits
byDianaGray10
 
GenAI GraphTalk - Kuala Lumpur - 4 Nov 2025
bygourisachdeva2
 
The Accel 2025 Globalscape: Race for compute
byPhilippe Botteri
 
Monitor and Manage Processes - RHCSA (RH124).pdf
byLinuxCert Guru
 
ENTSO-E's Response to the European Commission Call for Evidence on the Strate...
byReynir Orn Bachmann Gudmundsson
 
Revolutionizing SQL Database Design for the Modern Era.pdf
bySQL DBM
 
Configure and Secure SSH - RHCSA (RH124).pdf
byLinuxCert Guru
 
Analyze and Store Logs - RHCSA (RH124).pdf
byLinuxCert Guru
 
Career Blueprint - Future Career Vision & Success Stories - 2025 - Part 1
byDianaGray10
 
Sylvester Konadu Worcester MA - An Accomplished IT Analyst
bySylvester Konadu Worcester
 
Webinar: Introduction to LF Energy SEAPATH
byDanBrown980551
 

第40回 HTML5とか勉強会 HTML5マークアップ ビギナーの良くある質問にズバリ答えます