| 1 |
|
#pattern |
| 2 |
|
<span class=secno>* </span>Text-level semantics |
| 3 |
|
#ja |
| 4 |
|
<span class=secno>$1 </span>文章水準の意味 |
| 5 |
|
|
| 6 |
|
#en |
| 7 |
|
<a href="#interactive1">Interactive content</a>. |
| 8 |
|
#ja |
| 9 |
|
<a href="#interactive1">対話的内容</a>。 |
| 10 |
|
|
| 11 |
|
#en |
| 12 |
|
<a href="#phrasing0">Phrasing content</a>, but there must be no <a |
| 13 |
|
href="#interactive1">interactive content</a> descendant. |
| 14 |
|
#ja |
| 15 |
|
<a href="#phrasing0">語句付け内容</a>、ただし<a |
| 16 |
|
href="#interactive1">対話的内容</a>な子孫があっては[[MUST NOT:なりません]]。 |
| 17 |
|
|
| 18 |
#en |
#en |
| 19 |
Where <a href="#phrasing0">phrasing content</a> is expected. |
Where <a href="#phrasing0">phrasing content</a> is expected. |
| 20 |
#ja |
#ja |
| 21 |
<a href="#phrasing0">語句付け内容</a>が期待される場所。 |
<a href="#phrasing0">語句付け内容</a>が期待される場所。 |
| 22 |
|
|
| 23 |
#en |
#en |
| 24 |
|
The <code title=command-ro><a href="#command2">Command</a></code> |
| 25 |
|
interface must also be implemented by this element. |
| 26 |
|
#ja |
| 27 |
|
<code title=command-ro><a href="#command2">Command</a></code> |
| 28 |
|
界面もこの要素に実装しなければ[[MUST:なりません]]。 |
| 29 |
|
|
| 30 |
|
#en |
| 31 |
|
If the <code><a href="#a">a</a></code> element has an <code |
| 32 |
|
title=attr-hyperlink-href><a href="#href6">href</a></code> attribute, then |
| 33 |
|
it represents a <a href="#hyperlinks">hyperlink</a>. |
| 34 |
|
#ja |
| 35 |
|
<code><a href="#a">a</a></code> 要素が <code |
| 36 |
|
title=attr-hyperlink-href><a href="#href6">href</a></code> 属性を持つ場合、 |
| 37 |
|
<a href="#hyperlinks">ハイパーリンク</a>を表します。 |
| 38 |
|
|
| 39 |
|
#enIf the <code><a href="#a">a</a></code> element has no <code |
| 40 |
|
title=attr-hyperlink-href><a href="#href6">href</a></code> attribute, then |
| 41 |
|
the element is a placeholder for where a link might otherwise have been |
| 42 |
|
placed, if it had been relevant. |
| 43 |
|
#ja |
| 44 |
|
<code><a href="#a">a</a></code> 要素が <code |
| 45 |
|
title=attr-hyperlink-href><a href="#href6">href</a></code> |
| 46 |
|
属性を持たない場合、その要素は、もし関係があったとするとリンクが置かれていたであろう場所に場所持ち子です。 |
| 47 |
|
|
| 48 |
|
#en |
| 49 |
|
The <code title=attr-hyperlink-target><a |
| 50 |
|
href="#target3">target</a></code>, <code title=attr-hyperlink-ping><a |
| 51 |
|
href="#ping">ping</a></code>, <code title=attr-hyperlink-rel><a |
| 52 |
|
href="#rel3">rel</a></code>, <code title=attr-hyperlink-media><a |
| 53 |
|
href="#media12">media</a></code>, <code title=attr-hyperlink-hreflang><a |
| 54 |
|
href="#hreflang3">hreflang</a></code>, and <code |
| 55 |
|
title=attr-hyperlink-type><a href="#type17">type</a></code> attributes |
| 56 |
|
must be omitted if the <code title=attr-hyperlink-href><a |
| 57 |
|
href="#href6">href</a></code> attribute is not present. |
| 58 |
|
#ja |
| 59 |
|
属性 <code title=attr-hyperlink-target><a |
| 60 |
|
href="#target3">target</a></code>, <code title=attr-hyperlink-ping><a |
| 61 |
|
href="#ping">ping</a></code>, <code title=attr-hyperlink-rel><a |
| 62 |
|
href="#rel3">rel</a></code>, <code title=attr-hyperlink-media><a |
| 63 |
|
href="#media12">media</a></code>, <code title=attr-hyperlink-hreflang><a |
| 64 |
|
href="#hreflang3">hreflang</a></code>, <code |
| 65 |
|
title=attr-hyperlink-type><a href="#type17">type</a></code> は、 |
| 66 |
|
<code title=attr-hyperlink-href><a |
| 67 |
|
href="#href6">href</a></code> 属性がない場合、省略しなければ[[MUST:なりません]]。 |
| 68 |
|
|
| 69 |
|
#en |
| 70 |
|
If a site uses a consistent navigation toolbar on every page, then the |
| 71 |
|
link that would normally link to the page itself could be marked up using |
| 72 |
|
an <code><a href="#a">a</a></code> element: |
| 73 |
|
#ja |
| 74 |
|
あるサイトが各頁で共通の誘導ツールバーを用いている場合、 |
| 75 |
|
通常はその頁自体にリンクしているリンクは <code><a href="#a">a</a></code> |
| 76 |
|
要素を用いてマーク付けすることができます。 |
| 77 |
|
|
| 78 |
|
#en |
| 79 |
|
<nav> |
| 80 |
|
<ul> |
| 81 |
|
<li> <a href="/">Home</a> </li> |
| 82 |
|
<li> <a href="/news">News</a> </li> |
| 83 |
|
<li> <a>Examples</a> </li> |
| 84 |
|
<li> <a href="/legal">Legal</a> </li> |
| 85 |
|
</ul> |
| 86 |
|
</nav> |
| 87 |
|
#ja |
| 88 |
|
<nav> |
| 89 |
|
<ul> |
| 90 |
|
<li> <a href="/">家</a> </li> |
| 91 |
|
<li> <a href="/news">おしらせ</a> </li> |
| 92 |
|
<li> <a>例</a> </li> |
| 93 |
|
<li> <a href="/legal">法的事項</a> </li> |
| 94 |
|
</ul> |
| 95 |
|
</nav> |
| 96 |
|
|
| 97 |
|
#en |
| 98 |
|
Interactive user agents should allow users to <a href="#following0" |
| 99 |
|
title="following hyperlinks">follow hyperlinks</a> created using the |
| 100 |
|
<code><a href="#a">a</a></code> element. The <code |
| 101 |
|
title=attr-hyperlink-href><a href="#href6">href</a></code>, <code |
| 102 |
|
title=attr-hyperlink-target><a href="#target3">target</a></code> and <code |
| 103 |
|
title=attr-hyperlink-ping><a href="#ping">ping</a></code> attributes |
| 104 |
|
decide how the link is followed. The <code title=attr-hyperlink-rel><a |
| 105 |
|
href="#rel3">rel</a></code>, <code title=attr-hyperlink-media><a |
| 106 |
|
href="#media12">media</a></code>, <code title=attr-hyperlink-hreflang><a |
| 107 |
|
href="#hreflang3">hreflang</a></code>, and <code |
| 108 |
|
title=attr-hyperlink-type><a href="#type17">type</a></code> attributes may |
| 109 |
|
be used to indicate to the user the likely nature of the target resource |
| 110 |
|
before the user follows the link. |
| 111 |
|
#ja |
| 112 |
|
対話的利用者エージェントは、利用者が <code><a href="#a">a</a></code> |
| 113 |
|
要素を使って作られた<a href="#following0" |
| 114 |
|
title="following hyperlinks">ハイパーリンクをたどる</a>ことができるようにする[[SHOULD:べきです]]。 |
| 115 |
|
属性 <code |
| 116 |
|
title=attr-hyperlink-href><a href="#href6">href</a></code>, <code |
| 117 |
|
title=attr-hyperlink-target><a href="#target3">target</a></code>, <code |
| 118 |
|
title=attr-hyperlink-ping><a href="#ping">ping</a></code> |
| 119 |
|
がリンクがどうたどられるかを決めます。属性 <code title=attr-hyperlink-rel><a |
| 120 |
|
href="#rel3">rel</a></code>, <code title=attr-hyperlink-media><a |
| 121 |
|
href="#media12">media</a></code>, <code title=attr-hyperlink-hreflang><a |
| 122 |
|
href="#hreflang3">hreflang</a></code>, <code |
| 123 |
|
title=attr-hyperlink-type><a href="#type17">type</a></code> |
| 124 |
|
は利用者がリンクをたどる前に対象資源の性質がどうでありそうかを利用者に示すために使って[[MAY:構いません]]。 |
| 125 |
|
|
| 126 |
|
#en |
| 127 |
|
The <a href="#activation0">activation behavior</a> of <code><a |
| 128 |
|
href="#a">a</a></code> elements that represent <span>hyperlinks</span> is |
| 129 |
|
to run the following steps: |
| 130 |
|
#ja |
| 131 |
|
<span>ハイパーリンク</span>を表す <code><a |
| 132 |
|
href="#a">a</a></code> 要素の<a href="#activation0">活性化動作</a>は、 |
| 133 |
|
次の段階を動作させることです。 |
| 134 |
|
|
| 135 |
|
#en |
| 136 |
|
If the <code title=event-DOMActivate>DOMActivate</code> event in |
| 137 |
|
question is not <span title=concept-events-trusted>trusted</span> (i.e. |
| 138 |
|
a <code title=dom-click><a href="#click1">click()</a></code> method call |
| 139 |
|
was the reason for the event being dispatched), and the <code><a |
| 140 |
|
href="#a">a</a></code> element's <code title=attr-hyperlink-target><a |
| 141 |
|
href="#target3">target</a></code> attribute is <span |
| 142 |
|
class=big-issue>...</span> then raise an <code>INVALID_ACCESS_ERR</code> |
| 143 |
|
exception and abort these steps. |
| 144 |
|
#ja |
| 145 |
|
当該 <code title=event-DOMActivate>DOMActivate</code> 事象が<span title=concept-events-trusted>信用でき</span>ない場合 (つまり、 |
| 146 |
|
<code title=dom-click><a href="#click1">click()</a></code> |
| 147 |
|
メソッド呼び出しが事象の発送の理由である場合) で、 <code><a |
| 148 |
|
href="#a">a</a></code> 要素の <code title=attr-hyperlink-target><a |
| 149 |
|
href="#target3">target</a></code> 属性が <span |
| 150 |
|
class=big-issue>...</span> である場合、 <code>INVALID_ACCESS_ERR</code> |
| 151 |
|
例外を発生させ、これらの段階を停止します。 |
| 152 |
|
|
| 153 |
|
#en |
| 154 |
|
If the target of the <code title=event-DOMActivate>DOMActivate</code> |
| 155 |
|
event is an <code><a href="#img">img</a></code> element with an <code |
| 156 |
|
title=attr-img-ismap><a href="#ismap">ismap</a></code> attribute |
| 157 |
|
specified, then server-side image map processing must be performed, as |
| 158 |
|
follows: |
| 159 |
|
#ja |
| 160 |
|
<code title=event-DOMActivate>DOMActivate</code> 事象の対象が |
| 161 |
|
<code><a href="#img">img</a></code> 要素で、その <code |
| 162 |
|
title=attr-img-ismap><a href="#ismap">ismap</a></code> 属性が指定されている場合、 |
| 163 |
|
鯖側画像写像処理を次のように行わなければ[[MUST:なりません]]。 |
| 164 |
|
|
| 165 |
|
#en |
| 166 |
|
If the <code title=event-DOMActivate>DOMActivate</code> event was |
| 167 |
|
dispatched as the result of a real pointing-device-triggered <code |
| 168 |
|
title=event-click>click</code> event on the <code><a |
| 169 |
|
href="#img">img</a></code> element, then let <var title="">x</var> be |
| 170 |
|
the distance in CSS pixels from the left edge of the image to the |
| 171 |
|
location of the click, and let <var title="">y</var> be the distance in |
| 172 |
|
CSS pixels from the top edge of the image to the location of the click. |
| 173 |
|
Otherwise, let <var title="">x</var> and <var title="">y</var> be zero. |
| 174 |
|
#ja |
| 175 |
|
<code title=event-DOMActivate>DOMActivate</code> 事象が現実に指示装置が引き金となった |
| 176 |
|
<code><a |
| 177 |
|
href="#img">img</a></code> 要素上の <code |
| 178 |
|
title=event-click>click</code> 事象の結果として発送された場合、 |
| 179 |
|
<var title="">x</var> を画像の左辺からクリックの位置までの CSS 画素による距離とし、 |
| 180 |
|
<var title="">y</var> を画像の上辺からクリックの位置までの CSS 画素による距離とします。 |
| 181 |
|
それ以外の場合、 <var title="">x</var> と <var title="">y</var> |
| 182 |
|
を零とします。 |
| 183 |
|
|
| 184 |
|
#en |
| 185 |
|
Let the <dfn id=hyperlink2><var>hyperlink suffix</var></dfn> be a |
| 186 |
|
U+003F QUESTION MARK character, the value of <var title="">x</var> |
| 187 |
|
|
| 188 |
|
expressed as a base-ten integer using ASCII digits (U+0030 DIGIT ZERO |
| 189 |
|
to U+0039 DIGIT NINE), a U+002C COMMA character, and the value of <var |
| 190 |
|
title="">y</var> expressed as a base-ten integer using ASCII digits. |
| 191 |
|
#ja |
| 192 |
|
<dfn id=hyperlink2><var>ハイパーリンク接尾辞</var></dfn> をU+003F QUESTION MARK |
| 193 |
|
文字、 <var title="">x</var> の値の ASCII 数字 (U+0030 DIGIT ZERO |
| 194 |
|
から U+0039 DIGIT NINE) を使った十進整数表現、 U+002C COMMA |
| 195 |
|
文字、 <var |
| 196 |
|
title="">y</var> の値の ASCII 数字を使った十進整数表現とします。 |
| 197 |
|
|
| 198 |
|
#en |
| 199 |
|
Finally, the user agent must <a href="#following0" title="following |
| 200 |
|
hyperlinks">follow the hyperlink</a> defined by the <code><a |
| 201 |
|
href="#a">a</a></code> element. If the steps above defined a <var><a |
| 202 |
|
href="#hyperlink2">hyperlink suffix</a></var>, then take that into |
| 203 |
|
account when following the hyperlink. |
| 204 |
|
#ja |
| 205 |
|
最後に、利用者エージェントは <code><a |
| 206 |
|
href="#a">a</a></code> 要素で定義される<a href="#following0" title="following |
| 207 |
|
hyperlinks">ハイパーリンクをたどら</a>なければ[[MUST:なりません]]。 |
| 208 |
|
先の段階が<var><a |
| 209 |
|
href="#hyperlink2">ハイパーリンク接尾辞</a></var>を定義している場合、 |
| 210 |
|
これをハイパーリンクをたどる時に考慮に入れます。 |
| 211 |
|
|
| 212 |
|
#en |
| 213 |
|
One way that a user agent can enable users to follow |
| 214 |
|
hyperlinks is by allowing <code><a href="#a">a</a></code> elements to be |
| 215 |
|
clicked, or focussed and activated by the keyboard. This <span |
| 216 |
|
title="interactive elements">will cause</span> the aforementioned <a |
| 217 |
|
href="#activation0">activation behavior</a> to be invoked. |
| 218 |
|
#ja |
| 219 |
|
利用者がハイパーテキストをたどることができるように利用者エージェントがする1つの方法は、 |
| 220 |
|
<code><a href="#a">a</a></code> をクリックできるようにするか、 |
| 221 |
|
鍵盤から焦点を当て、活性化できるようにすることです。これによって先述の<a |
| 222 |
|
href="#activation0">活性化動作</a>が呼び出される<span |
| 223 |
|
title="interactive elements">ことになります</span>。 |
| 224 |
|
|
| 225 |
|
#en |
| 226 |
|
The DOM attributes <dfn id=href3 |
| 227 |
|
title=dom-a-href><code>href</code></dfn>, <dfn id=ping0 |
| 228 |
|
title=dom-a-ping><code>ping</code></dfn>, <dfn id=target1 |
| 229 |
|
title=dom-a-target><code>target</code></dfn>, <dfn id=rel1 |
| 230 |
|
title=dom-a-rel><code>rel</code></dfn>, <dfn id=media4 |
| 231 |
|
title=dom-a-media><code>media</code></dfn>, <dfn id=hreflang1 |
| 232 |
|
title=dom-a-hreflang><code>hreflang</code></dfn>, and <dfn id=type3 |
| 233 |
|
title=dom-a-type><code>type</code></dfn>, must each <a |
| 234 |
|
href="#reflect">reflect</a> the respective content attributes of the same |
| 235 |
|
name. |
| 236 |
|
#ja |
| 237 |
|
DOM 属性 <dfn id=href3 |
| 238 |
|
title=dom-a-href><code>href</code></dfn>, <dfn id=ping0 |
| 239 |
|
title=dom-a-ping><code>ping</code></dfn>, <dfn id=target1 |
| 240 |
|
title=dom-a-target><code>target</code></dfn>, <dfn id=rel1 |
| 241 |
|
title=dom-a-rel><code>rel</code></dfn>, <dfn id=media4 |
| 242 |
|
title=dom-a-media><code>media</code></dfn>, <dfn id=hreflang1 |
| 243 |
|
title=dom-a-hreflang><code>hreflang</code></dfn>, <dfn id=type3 |
| 244 |
|
title=dom-a-type><code>type</code></dfn> |
| 245 |
|
は、それぞれ同じ名前の内容属性を<a |
| 246 |
|
href="#reflect">反映</a>しなければ[[MUST:なりません]]。 |
| 247 |
|
|
| 248 |
|
#en |
| 249 |
|
The DOM attribute <dfn id=rellist0 |
| 250 |
|
title=dom-a-rellist><code>relList</code></dfn> must <a |
| 251 |
|
href="#reflect">reflect</a> the <code title=attr-hyperlink-rel><a |
| 252 |
|
href="#rel3">rel</a></code> content attribute. |
| 253 |
|
#ja |
| 254 |
|
DOM 属性 <dfn id=rellist0 |
| 255 |
|
title=dom-a-rellist><code>relList</code></dfn> は <code title=attr-hyperlink-rel><a |
| 256 |
|
href="#rel3">rel</a></code> 内容属性を<a |
| 257 |
|
href="#reflect">反映</a>しなければ[[MUST:なりません]]。 |
| 258 |
|
|
| 259 |
|
|
| 260 |
|
|
| 261 |
|
|
| 262 |
|
#en |
| 263 |
One or more groups of: <a href="#phrasing0">phrasing content</a> |
One or more groups of: <a href="#phrasing0">phrasing content</a> |
| 264 |
|
|
| 265 |
followed either by a single <code><a href="#rt">rt</a></code> element, or |
followed either by a single <code><a href="#rt">rt</a></code> element, or |
| 267 |
href="#rt">rt</a></code> element, and another <code><a |
href="#rt">rt</a></code> element, and another <code><a |
| 268 |
href="#rp">rp</a></code> element. |
href="#rp">rp</a></code> element. |
| 269 |
#ja |
#ja |
| 270 |
次の1つ以上の群: <a href="#phrasing0">語句付け内容</a>の後に、 |
次の群を1つ以上: <a href="#phrasing0">語句付け内容</a>の後に、 |
| 271 |
<code><a href="#rt">rt</a></code> 要素が1つか、または |
<code><a href="#rt">rt</a></code> 要素が1つか、または |
| 272 |
<code><a href="#rp">rp</a></code> 要素と <code><a |
<code><a href="#rp">rp</a></code> 要素と <code><a |
| 273 |
href="#rt">rt</a></code> 要素と別の <code><a |
href="#rt">rt</a></code> 要素と別の <code><a |