HTML5勉強会のセッションでお話をした内容です。HTML5に限らず、HTMLのタグについての話をしてみました。

1. Tagのお話
KOUSUKE (seven) INAMOTO
Generalasahi

2. Hello!
• 稲本浩介（稲本せぶん）
• 30
• 株式会社ゼネラルアサヒ
www.generalasahi.co.jp
• Webディレクター、マークアップエンジニア
• IA(Information Architect)
• @sevenina
• sevenstyleweb.com/blog

4. Tag
タグとは、荷札、付箋といった意味の英単語。
あらかじめ定められた特殊な記法により文書に埋め込む形で記述される付加情報。
地の文とは別のレベルで解釈され、付加情報を埋め込む特殊な文字列などのことをタグと言

6. <hx> 見出しであることを表す
<p> 段落であることを表す
<img> 画像であることを表す
<ul> 順不同のリストであることを表す
<ol> 順序リストであることを表す
<li> リストであることを表す
<a> アンカーリンクであることを表す

7. <article> 内容が単体で完結しているセクションを表す
<aside> 補足的な説明を表す
<nav> Webサイトのナビゲーションリンクを配置するためのセクション
<section> 汎用的なセクション
<hgroup> 複数の見出しをひとまとまりにする
<header> セクションのヘッダ
<footer> セクションのフッタ
<address> article/bodyに関する問い合わせ先アドレス

8. Design
HTML
document

9. NO ANSWER

10. THINK

13. <article> 内容が単体で完結しているセクションを表す
<aside> 補足的な説明を表す
<nav> Webサイトのナビゲーションリンクを配置するためのセクション
<section> 汎用的なセクション
<hgroup> 複数の見出しをひとまとまりにする
<header> セクションのヘッダ
<footer> セクションのフッタ
<address> article/bodyに関する問い合わせ先アドレス

14. Design
HTML
document

16. EASY!!

17. Example

18. But…

19. a piece of source

20. Multi Source
Your filter
Multi Use

21. THINK

22. Think about
Information
Architecture

23. Sample

25. <header> <h1> <nav>

26. <section> <header> <div> <section> <div>

27. <footer>
<div>

28. Multi Source
Your filter
Multi Used