HTML5 におけるアウトラインに関して簡単解説

HTML5 におけるアウトラインに関して簡単解説 HTML5 で重要なアウトラインに関して、なるべくわかりやすく簡単に解説してみます。 最近、ヨモツネットさんで 「HTML5 でのセクションの誤用にご注意」 なんて記事が出てたり、ちょうど HTML5 Doctor でも 「Document Outlines」 と題してアウトラインの解説記事が上がってたりするので、この 「アウトライン」 について簡単にまとめてみようと思います。解説って言うほど偉そうなものではありませんがなるべくわかりやすく書いてみようかと。 アウトラインを理解することは、HTML5 でマークアップする際にとても重要になりますので覚えておくとよいと思いますよ。 アウトラインとは？ アウトラインとは見出し、フォームタイトル、テーブルタイトル、その他ラベル付けされた要素によって生成される文書構造のこと…なんて書くととても難しそう

[deep_one]

headerが閉じてないのは書き間違いか？／コメントを見ると、divではセマンティックスに欠けるからsectionとかに分類されたということの理解が薄いことが分かる。／階層を数えるなら、h1とかの数字部分がもはや要らんな…

[webmugi]

XHTML1.0でもdivでセクショニングしておいたほうがよさげ。ライターさんやデザイナーさんが意識してくれないと、コーダーが苦労することになる。

[rryu]

HTML5のアウトライン難しい。

[ytkwsm]

アウトライン作るためにセクショニングコンテンツはしっかり使う。スタイルの適応には用いない。

[takaesu]

sectionやhタグ

[hattoushinha]

section要素の使い方をやっと理解できた。

[n2s]

まあたとえHTML5じゃなくとも構造を考えるのは大事ですね。ましてDOM操作が入るならいやでも意識しないといけなくなる。

[gizakki]

なるほど。section要素を活用すれば、見出しはh1だけでもOKと。DocBookのtitle要素のような感じでしょうか？　要素名がh1なので分かりにくそうな仕様ですが、「暗黙のアウトライン」生成への互換性のためなのでしょうね…

[kana_jpn81]

わかりやすそうなので、しっかり読む

[aretokore]

>> HTML5 におけるアウトラインに関して簡単解説 | WWW WATCH

[kzms2]

HTML5のアウトラインについて色々見てたけど@burnworksさんの記事がわかりやすい。この記事に限らずわかりやすくてタメになります。

[ginpei]

セクショニング。各セクションにはタイトル入れましょう、と。body直下にsection作っちゃうとbodyが生成するセクションのタイトルが空になってしまう、と。

[glat_design]

誤用に関してはわかるけど、sectionを入れ子にして見出しを全部h1ってのは「してもいい」じゃなく「推奨」なのか。h2以降はいつ使うの…

[u_style]

アウトラインに関して簡単解説

[faw]

html outline アウトライン

[naihsi]

outliner 的東西

[richard_raw]

アウトライン大事。HTMLはLaTeXみたいになっていくんですね（ぇ

[ryownet]

マークアップ時の情報整理の考え方参考。でもそれって機械向けの作業だよね。セマンティックはいつだってSEO業者のネタとして終わりそうな気も

[matea]

HTML5 でマークアップする際にとても重要

[deg84]

基本的に自分の認識通り／従来のdivをsectionにすればイイんでしょ？みたいな考え方をしている人はやっぱり多いんだなぁ~

[efcl]

HTML5のセクションとアウトラインについての解説。 section要素と見出しを中心に解説

[mediainsight]

HTML5 におけるアウトラインに関して簡単解説 | WWW WATCH

[luccafort]

あとで読む

[trashtoy]

デザインの都合でwrapper用のブロックをかます場合はdivを使うべし

[ji_ku]

Bylineから 最近、ヨモツネットさんで 「HTML5 でのセクションの誤用にご注意」 なんて記事が出てたり、ちょうど HTML5 Doctor でも 「Document Outlines」 と題してアウトラインの解説記事が上がってたりするので、この 「アウトラ

[choromo]

#mybm HTML5 におけるアウトラインに関して簡単解説 | WWW WATCH: HTML5 ではこのセクションの始まりと終わりを明示し、意図したアウトラインを制作者側で生成できる仕組みが付け加えられました。secti...

[kpac09]

RT: HTML5 におけるアウトラインに関して簡単解説 | WWW WATCH –

[XIAORING]

outline sectioning contents

[motodimago]

ふむ

[ufomap]

HTML5 におけるアウトラインに関して簡単解説

[yamato-nagata]

HTML5 におけるアウトラインに関して簡単解説