More Related Content
Similar to Semantic html が止まらない (20)
More from Yumi uniq Ishizaki (9)
Semantic html が止まらない
- 3. Semantic HTMLって何?
• 意味
– Htmlの中身の要素に意味を持たせてあげるこ
と
– ブラウザや検索エンジンがちゃんと理解して
くれるように
• 例
– <h1>…見出しなのです
– <p>…段落ですよ
– <blockquote>…引用文なのですよ
- 6. Semantic HTMLってなぜ必要?
• Accessibilityにもつながる
– 障害を持つ人々でもwebサイトに何が書いてあるか分かるように。
(semantic htmlのみでは完璧なaccessibilityにはならないけど…)
• SEO
– いわゆる検索エンジン向け
– White hat SEO って言われる正当な方法でのSEO
• Htmlが軽くなる
• 制作者同士で「仕様」の共有が、コードの中で出来る。
• デザインのガイドラインが作りやすい
• Cssで模様替え/リニューアルが簡単
- 9. Semantic HTMLで組む作業は
デザインを考える前の手順!
• 要素・情報を意味を持って整理
バラバラな情報 情報をきれいに
何が見出しで何が本文だか分からない状態 整理整頓する