意味

[17] nav 要素は、ページの章節sectionであって、他のページや当該ページ内の各部分へとリンクするもの、すなわちナビゲーションリンクnavigation linkの章節を表現します >>8。

[18] ページ内のリンク群をすべて nav 要素とする必要があるわけではありません。本要素は、大きなナビゲーションブロックmajor navigation block群から成る章節に使うことを主として意図しています。 >>8

[19] ページの尾部に利用規約、トップページ、著作権ページなどへのリンクを並べる慣習がありますが、その場合 footer 要素があれば十分で、あえて nav 要素を併用しても問題はありませんが、普通は要りません。 >>8

[21] 「章節」というと見出しが要るのではないかと考える人もいますが、 HTML の「章節」はより緩いもので、そうした制約はありません。必要があれば見出しを置けますが、必要がないのに無理に含めなくても構いません。

HTML Standard にはどちらの利用例も示されています。

[23] 文書中の個数の制約はありませんし、文書中の他の部分との関係性の制約も特にありません。ですから、例えば Webサイト全体のナビゲーションと文書内のナビゲーションで別の nav 要素としても構いませんし、文書の前半の部分と後半の部分で別の nav 要素に分かれていたりしても構いません。

[10] nav 要素は、次の分類に属します >>8。

フロー内容
章節付け内容
触知可能内容

内容

[12] フロー内容を使うことができます >>8。

[13] ただし、 main 要素を子孫とすることはできません >>8。

[24] 内容をどう記述するかに制約はありません。 ul 要素を使ってリストとしてリンクを並べても構いませんし、 a 要素を「 | 」のような区切りを使って並べたものでも構いません。

[25] リンクの個数の制約もありませんから、例えば文書中にリンク先となる章節がたまたま無い場合のように、必然性があればリンクを含まない章節であっても構いません。

[26]

フロー内容共通の制約で、触知可能内容が子孫に原則として必要です。原則なので、必然性があれば空にもできます。

歴史

[9] nav 要素は、 Web Applications 1.0 (後の HTML5、現在の HTML Standard) で追加されました。

[28] Web Applications 1.0, 2024-09-01T08:44:52.000Z, 2004-12-10T06:02:35.522Z https://web.archive.org/web/20041210054847/http://www.whatwg.org/specs/web-apps/current-work/#specific

[104]

HTML要素概説

要素名

navigation

日付

2004-09-23

説明

2004-09-23版 Web Applications 1.0 に、 navigation がある。

出典

Web Applications 1.0, WHATWG, Ian Hickson, Working Draft, 8 December 20042004-12-08, 2024-09-01T08:36:36.000Z, 2004-12-10T05:54:20.058Z https://web.archive.org/web/20041210054847/http://www.whatwg.org/specs/web-apps/current-work/

[1] Re: Fwd: idea for new tag: breadcrums (fwd) (Ian Hickson <ian@...> 著, 2007-10-31 00:10:06 +09:00 版) http://permalink.gmane.org/gmane.org.w3c.whatwg.discuss/12270

[2] IRC logs: freenode / #whatwg / 20090803 (2009-10-04 14:33:21 +09:00 版) http://krijnhoetmer.nl/irc-logs/whatwg/20090803#l-238

[3] navigation という名前が提案されたこともありましたが、短くて書きやすい nav が要素名として選ばれました。

[4] XHTML2 ではナビゲーションのためのリストを表す nl 要素やナビゲーションであることを表す role 属性値 navigation が提案されていました。

[5] EMail Msg <9306290033.AA01399@austin.BSDI.COM> ( (2008-03-15 05:24:34 +09:00 版)) http://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1993q2.messages/672.html

[6] Web Applications 1.0 r8759 Add some examples of app-like usages to increase example variety ( (2014-09-12 08:01:00 +09:00 版)) http://html5.org/r/8759

[7]

年賀状のサルを12年前と比べてみたら...デザイナーは同じ人、ヒツジでも話題に (2015-12-31 14:23:44 +09:00 版) http://www.huffingtonpost.jp/2015/12/30/new-years-card-monkey-2004-and-2016_n_8893298.html

        <nav class="main group">
    <!-- top nav bar -->
    <section class="verticals japan group"  data-beacon='{"p":{"mnid":"topnav_first_row","mlid":"topnav"}}'  >
        <ul class="verticals-ul">
            <li class="front-page toplevel"  data-beacon='{"p":{"lnid":"homepage"}}'  >
	                             <a class="toplevel-a" href="http://www.huffingtonpost.jp" title="Home" tabindex="1" class="link">FRONT PAGE</a>
		  	
            </li>

[27] Restrict the main element to be used once per document by annevk · Pull Request #3354 · whatwg/html (2018-01-24 12:50:47 +09:00) https://github.com/whatwg/html/pull/3354

仕様書

意味

構文

属性

内容

文脈

API

レンダリング

歴史