“マークアップ”するということ ～ HTML5勧告に寄せて ～

HTMLを適切な要素を使って書いていくことは実はそれほど難しくはない。しかし過剰に要素を使わずに、かつスタイリングすることも意識して、と適切に“マークアップ”するのはなかなかの修練を必要とする。いったい“マークアップ”するということはどういうことなのだろうか、そしてどのような思考の元に行えば良いのだろうか。 HTML5での変化 著作権表示のマークアップ small要素 footer要素とsmall要素 p要素とdiv要素 footer要素とp要素 スタイリングとの兼ね合い マークアップするということ HTML5での変化 コンテンツに則した素直な形でマークアップできること。 HTML5で変わることや変わったことは多くあるが、それらをおおまかに俯瞰するとこのような言葉に集約できる。そのために様々な要素や属性が追加され、既存の実装をなるべく壊さない形で要素の意味に変更が加えられた。これらの変化は

[asahiko]

HTML5勧告§4.5.4の最後にある例を見ると、p要素内にsmall要素しかなくても問題ないことがわかるので、この文書の指摘は考えすぎ。

[otchy210]

厳格な適用が世に広く受け入れられはしない、というのが XHTML の反省で、HTML5 はもっとゆるく使っていいよ、っていう雰囲気だと思っている。なので、こうしたければそうすればいいし、そうしなくてもいいのだ。

[ysk_lucky-star]

最後のスタイリングだけを論じるならばdivかspanで括るのがいいんじゃないかな。あくまでそれはスタイリング目的なんだし

[megazalrock]

真面目にマークアップするだけのコストをかけるメリットが殆ど無い（と思われている）から、その構造を変えない限りWebはdivとspanで埋め尽くされる。

[silverscythe]

適切なマークアップをしたいとは思ってるが、その実ここまでやって何か意味があるかというと‥‥ということに最終段でツッコんでるのかと思ったらなんかフワッと終わってる‥‥

[kanflu]

footer > small:only-child でも、smallの意味が「より上位のsectionに対するsmall」に変わるだけで、間違いではないのでは？

[knjname]

実利がない…実利がないから商業では無視されるし堂々と無視したものが成果物として上がってくる地獄。

[jintrick]

すまんがさーーーっぱり分からん。何言ってんのか。

[murasaki11]

HTML5というとJavaScriptAPIが盛んな印象があるのでこっち方面も盛り上がるといいな

[glat_design]

深く同意。ここまで考える必要がないという人は、いつもなんとなくマークアップするのだろうか /

[tossy_yukky]

HTMLってこういうことなんだよね。 HTMLなんて誰でも書けるとか言ってた人に見せたい。

[tyoro1210]

『適切さと保守性、拡張性のバランスがとれた良いマークアップと言える。スタイリングへの意識を欠かすことはできない現在においてはより実践的である』

[milk1000cc]

p と div 参考になる

[k_gobo]

"これから大きくフォーカスが当てられる部分はまさにそこだと多くの人が考えているはずだ。"考えてるのは少数派だよ。多くの人はスピードと金額。

[efcl]

footer>smallについて HTML5でのp要素の意味は何かをひとまとまりにしたものであるというものがある。pコンテナ、divコンテナ

[o_hiroyuki]

markup

[yass]

" p要素が子に持てる要素達(phrasing content)をまとめるための汎用的な要素として機能するようになったので、div要素はp要素が子に持てないような要素を含めてひとまとめにしたい時に使うものとなった、とも考えられる "

[takhasegawa]

なるほど。参考になる

[damedom]

気を遣いすぎても沼に入るし、かといって全く考慮しないとDIVとSPANが積み上がるし、難しい。

[konishika]

<small>ただし、イケメンに限る</small>ということか

[Nyoho]

small タグが見た目ではなく意味的なマークアップとしてのまともなタグだと初めて知った(素人)

[udzura]

マークアップの人だ

[uehaj]

"p要素が子に持てる要素達(phrasing content)をまとめるための汎用的な要素として機能するようになったので、div要素はp要素が子に持てないような要素を含めてひとまとめにしたい時に使うものとなった"

[kasumani]

“マークアップ”するということ ～ HTML5勧告に寄せて ～ Published on 2014/12/27, under CC BY-NC. Tags: feedly, ifttt, recently read, saved for later from Pocket December 28, 2014 at 01:48AM via IFTTT

[jamadam]

空のi要素なしでBootstrapなアイコンを付与する http://developersnote.jp/knowhow/nomoretb.html

[sin_13]

重要

[jislotz]

曉に死すさんの議論のまとめに載るような議論、巻き起こらないかなー

[momdo]

純粋にマークアップすると言うことに関して考えさせられる良エントリー。／Good・Badなマークアップ例を示すことは重要ですね…。

[lost_and_found]

マークアップ沼だ…（好き）

[pipehead]

small 要素, footer 要素と small 要素, p 要素と div 要素, footer 要素と p 要素