Guide to HTML Semantic Markup

2014年8月17日 HTML, Webサイト制作 連載企画「実践で学ぶWebサイト制作ガイド」も佳境を迎え、今回いよいよHTMLマークアップの段階に突入します！「デザインは好きだけど、コーディングは苦手…」という人も、焦らず少しずつ記述していけばちゃんと形になります！お手持ちの「TextEdit」や「メモ帳」などのテキストエディタツールを開いて、さっそく始めましょう！ ↑私が10年以上利用している会計ソフト！ 実践で学ぶWebサイト制作ガイド：その6 目標：正しいページ構造のHTMLが書ける 必要なもの：Windows メモ帳 や、Mac OS Text Editなどの文章エディタツール。もちろんAdobe DreamweaverなどのWeb系オーサリングソフトがあるならそれでOK 対象レベル：HTMLの基礎知識がある・基本的なHTMLタグが手打ちで書ける 目次 誰のため？何のため？We

[kijtra]

閲覧者やクライアント等には全く関係ない部分だから自己満足の世界ではあるな…。「ここはdivかsectionか」と悩む時間はけっこうもったいない。いまのうちなら「HTML5対応！」って売り文句言えるけど。

[Nemisama]

「崩れてなければOK」ではない！

[masa8aurum]

HTMLマークアップ作業の手順。＊CSSコーディングは次回（別ページ）で

[ytkwsm]

いまさらですが基礎確認

[yurie0127]

おおー、カテゴリに意味つけやすい

[tsuki-rs]

これから必須だもんね。

[t2gbg]

リニューアル

[takarakuda]

divとsectionの使い分けなど、説明が丁寧でわかりやすい。

[tomoworks]

html5shiv

[mittts]

続き。読む

[petittomo]

基礎をもっかい見直しするぞ！

[intemous9]

わかりやすい

[IndigoHawk]

HTML5だね。

[masamune61]

なるほど、sectionですね。

[otakuxp111]

HTML5の時代が来るのか

[satsuki_2]

あとで試す

[gla69]

いままで全部divでやってたわーsection使うんですねおぼえた

[a_kimura]

この連載わかりやすいわ。Webデザインできそうな気がしてくる。が、きっとそれは気のせいだ。

[goddess905]

文章構成

[sima-box]

文章構造　div要素とsection要素使い分け

[serian]

div-デザイン,section-文章

[Sainokuni_474]

これは面白い内容ですね。試験が終わったらじっくり読みます。

[glat_design]

非常に分かりやすい説明だと思います！ /

[warriorking]

文書構造を意識しながらHTMLマークアップしよう！ | Webクリエイターボックス

[n2s]

4だろうと5だろうと文書構造を意識するのは大事。ブラウザが読めればいい時代はもう過ぎ去っている。

[tihata]

めもめも

[JHashimoto]

"残念ながらIE9未満の古いブラウザーはHTML5にちゃんと対応していません。それに対応させるために、「IE9未満のブラウザーにはスクリプトを読み込んで、うまいこと表示させてね☆」と書いています。"

[trashtoy]

divとセクショニングコンテンツの使い分けを説明するのにいつも苦労するんだけど、コレは分かりやすいなぁ

[seteoceano]

文書構造を意識しながらHTMLマークアップしよう！

[urarai]

div と section タグの使い分けとか