【新機能】作り忘れたまとめはありませんか?31日前まで期間指定してまとめが作れる高度な検索ができました。有料APIだからツイートの漏れはありません!
44
ログインして広告を非表示にする
池田 泰延 @clockmaker 2016-12-13 14:23:14
興味深いマークアップの記事。section要素を使えばh1要素を大量に使っても良いという話が否定されてますねw coliss.com/articles/build…
Kazuma Sekiguchi @KAZUMA87 2016-12-13 14:30:04
@clockmaker HTML5.1で明確に否定されましたよね。
池田 泰延 @clockmaker 2016-12-13 14:36:23
h1要素が同じHTML内に複数もあるのはどうなの的な宗派(XHTMLの流れをくむセマンティックス派)でいたわけですが、HTML5.1が明確に否定してくれました。信じるモノは救われる的なものですかね
なつき@WordPress講座日曜開催 @Stocker_jp 2016-12-13 14:46:13
W3CのHTML 5.1って11月に勧告されたのに、何で今さら記事にしたのか、何で今さらそれがバズっているのか。
池田 泰延 @clockmaker 2016-12-13 14:49:28
W3GとWHATWGで意見が別れている仕様なのですね... twitter.com/Stocker_jp/sta…
なつき@WordPress講座日曜開催 @Stocker_jp 2016-12-13 14:53:57
WHATWGではずっと複数h1はOKとなっています。 今のHTMLを策定しているのはWHATWGであり、W3Cはそのスナップショットを取っているだけの団体である。そしてスナップショットを取るときに余計な変更をしてWeb制作者を混乱させているという認識です。 twitter.com/clockmaker/sta…
参照

sectionやh1〜h6の仕様について、W3CとWHATWGの違いは次から確認できます。

W3C HTML5.1
https://www.w3.org/TR/html51/sections.html#the-section-element

WHATWG HTML Standard
https://html.spec.whatwg.org/multipage/semantics.html#the-section-element

なつき@WordPress講座日曜開催 @Stocker_jp 2016-12-13 14:57:08
W3CのHTML 5.1が決定的にダメなのは、「sectionごとのh1はダメ」と言っておきながら、同じHTML 5.1の仕様書内にsectionごとにh1になっているサンプルコードが大量にあることです。一体何がしたいのか。 w3.org/TR/html51/sect… pic.twitter.com/v0y2pbRaKv
 拡大
なつき@WordPress講座日曜開催 @Stocker_jp 2016-12-13 14:58:53
しかもこれ、11月に勧告されたとき散々指摘されているのに未だに修正されていないという… 私は2009年ごろからW3CはHTMLの使用を策定する団体としては終わっていると思っていましたが、HTML 5.1でますますそう思うようになりました。
Fukazawa Kojiro @witch_doktor 2016-12-13 15:02:21
セクショニングしてh1何度も使うマンだったのでこの度の仕様変更はちょっと残念ですが混乱がおさまるのはまあいいことでしょう
なつき@WordPress講座日曜開催 @Stocker_jp 2016-12-13 15:03:54
@witch_doktor | x・) oO(W3Cを無視してWHATWGの仕様に従うなら今後も使用して問題ないと思っていますが… まあみんなに合わせた方が良いのですかね)
Fukazawa Kojiro @witch_doktor 2016-12-13 15:06:12
@Stocker_jp 過去に遡って変えなきゃ! というような緊急性は感じてませんねえ。セクショニングによる文章構造の定義ってhxのそれより誤魔化しにくくてけっこう好きなんですけどね。
Fukazawa Kojiro @witch_doktor 2016-12-13 15:07:23
@Stocker_jp ただ、h1を複数使うことを嫌う人は結構多いことを知るここ数年でもありましたので、これを機にそこは合わせようかなと思います。
なつき@WordPress講座日曜開催 @Stocker_jp 2016-12-13 15:08:00
@witch_doktor もともと、W3Cが推進していたXHTML 2.0ではhx廃止してh要素のみになる予定だったのですよね。 どんな紆余曲折があったのか知りませんが、一貫性がないなぁと感じます。
Fukazawa Kojiro @witch_doktor 2016-12-13 15:09:50
たまーに「h1を複数使うなんてどういうことだ、常識がない」といわんばかりの反応をもらうことがあり、その度に文献だして「HTML5はそれも可能な仕様になってるんです」と説明するんだが、それも不毛な仕事だなと思うのだ
Fukazawa Kojiro @witch_doktor 2016-12-13 15:14:37
@Stocker_jp ああ、そんな話もありましたよね。2010年頃まで全体的に(X)HTMLはstrictな方向に進んでいたんですが、HTML5は厳格化をサポートするタグの新設といった動きもありつつ、XHTMLよりも記法がゆるくもなり、なんだかフラフラしているなあ、とは思います
なつき@WordPress講座日曜開催 @Stocker_jp 2016-12-13 15:16:42
@witch_doktor おそらく、W3Cは厳格化したがっていて、WHATWGはそこはどうでもいい(緩くてもいい・Webアプリや新機能重視)なのではないでしょうか。 考え方が違うため、そのままスナップショットを取るのではなく色々手を加えたがるのでしょうね。
Fukazawa Kojiro @witch_doktor 2016-12-13 15:18:05
SEO上問題があるからh1の複数利用はすぐにやめなさいと言われて書き直しということもあった(そこは自分がHTML仕様を事前に確認すべきところではあった)。なお、自分のサイトやいくつかの仕事でh1を複数使っているが、Googleに嫌われていると感じたことはない。
なつき@WordPress講座日曜開催 @Stocker_jp 2016-12-13 15:51:30
補足として、W3C HTML 5.2の仕様書ではサンプルコードはほとんど修正されています。ただ、aside内にh1がある(h1が2つある)コードもあります。 pic.twitter.com/nGsgLNw2Je
 拡大
 拡大

はてブのコメントも参考になります
池田 泰延 @clockmaker 2016-12-14 08:47:08
はてなブックマークのコメント欄が、h1単数派とh1複数派のそれぞれの主張の場になってます。 皆さんがどちらを意識してコーディングしているのか気になるので、ぜひブクマしてコメントくださいませ。 b.hatena.ne.jp/entry/togetter…

アンケートでどちらが多数か調べてます!

https://twitter.com/clockmaker/status/808838047127072768

池田 泰延 @clockmaker 2016-12-14 09:56:32
HTMLのマークアップについてアンケート。 同一HTMLファイル内でh1要素はいくつ使っていますか? ※Twitterのアンケート機能で回答ください
残りを読む(10)
安心安全にみんなのツイートを残しておける。 今日の出来事をまとめて残そう。

ブックマークしたタグ

あなたの好きなタグをブックマークしておこう!話題のまとめを見逃さなくなります。

コメント

たるたる @heporap 2016-12-13 19:16:58
「セクションの最初に出てくる見出しは「最初の見出し」かそうでないか」という考え方に基づき、WHATWGは最初の見出しだからh1を使用し、W3Cはセクションごとではなく文書全体で考えるべきだとした。それだけでしょ。
たるたる @heporap 2016-12-13 19:18:30
W3Cの考え方は、XHTML2.0の『見出しの深さ』の概念がない<h>に基づいているのではないでしょうか。
SAKURA87@多摩丙丁督 @Sakura87_net 2016-12-13 21:32:39
H1 1つだけでいいからH10くらいまで増やしてほしいな。
高見ちえたん @TakamiChie 2016-12-14 01:38:01
自分は「H1=このサイト・アプリはそもそもなんなのか」というものだからH1はだいたい一つ(ページ構造上の見出しがH2, 記事タイトルはH3) くらいのイメージだった。 ところでMarkdownでは#ってh1だからMarkdown使ってるサイトだと、出力時特別なんもしないとh1が複数出てくるんだけどどうなんだろう(うちのサイトではわざわざプラグイン作ってh1→h4に自動変換してるが)。
森の眼鏡オヤジ @kgbn1112 2016-12-14 09:16:28
h1、h2って、大項目 中項目 小項目というレベルでしか気にしたことなかったな。要するに第1大項目が終わったら、第2大項目が始まる様な
最高峰無責任者 @aetos382 2016-12-14 10:04:47
TakamiChie CMSを使っていて、テーマと言うか共通的な枠組みの中にコンテンツが流し込まれるシステムだと、テーマを変えると枠の部分にh1まで出てくるのかh2やh3が出てくるのか変わったりするので、コンテンツの見出しレベルが確定出来ないなぁ、と考えたことはありました。
Naoto @Est400 2016-12-14 10:11:06
俺はh1は一つだけって考え方かなぁ。1ページ1テーマでページを作ってたらh1を2つという発想すら出てこなかった。
高見ちえたん @TakamiChie 2016-12-14 10:23:47
aetos382 ですよねえ。その配慮もあるのかCMSのテーマにはそもそもheadingがないものもありますが、それはそれでevilだろうと言う気がしますし。
シュウジ|宇宙海賊 @FWD_FUN 2016-12-14 11:04:39
『h1はページ自体の見出し』って昔から刷り込んできたので、 複数使用するの知ってはいますが、ちょっと抵抗があります。 現在は、コーポレートサイトでは単数、ランディングページでは複数と、企業名に敬意を表したいときは単数にしています。
乱土(労馬|軽石庵) @karuishian 2016-12-14 11:05:04
「最も重要な見出し」が同一ページに複数あってもそれはそれで構わない、とは思ってる。見出しのレベルが1なだけで、それは見出しの順位では無い訳だし。ただ現実的に回ってきたデザインをコーディングしてみると、おおむねh1の出番は1回で済んでしまうけど。
azerty @azertybiz 2016-12-14 13:51:25
h1の本来の意味は記事タイトルだったはず。h2以降はただの小見出し。W3Cは本来の意味で考えているっぽい
やって後悔よりやらない選択 @Negative_IsGood 2016-12-15 22:13:02
h1一個しか使えんかったら、それはtitleと同じじゃんと思う。が、titleが表示されない(ように見える)ブラウザが結構あるから悩ましいよな。
SANTANA @maninthepillar 2016-12-18 20:48:02
(※私は概ねW3C支持) 極論ですが、WHATWGが使いたいタグは全てxmlnsで拡張すれば良いと思いますよ。 例えば <whatwg:h1>~~</whatwg:h1> です。 .
本名 @_32123_ 2016-12-27 17:55:56
そもそもh1~なんて無くせば良いやんと思っている h1複数は常識が無いなんて言う奴は進歩が無い
ログインして広告を非表示にする
ログインして広告を非表示にする