diff options
Diffstat (limited to 'files/ca/web/html/element/abbr/index.html')
| -rw-r--r-- | files/ca/web/html/element/abbr/index.html | 131 |
1 files changed, 131 insertions, 0 deletions
diff --git a/files/ca/web/html/element/abbr/index.html b/files/ca/web/html/element/abbr/index.html new file mode 100644 index 0000000000..8086ac2a23 --- /dev/null +++ b/files/ca/web/html/element/abbr/index.html @@ -0,0 +1,131 @@ +--- +title: <abbr> +slug: Web/HTML/Element/abbr +translation_of: Web/HTML/Element/abbr +--- +<h2 id="Resum">Resum</h2> + +<p>L'<em>element HTML <code><abbr></code> </em> (de l'Anglès <em>Abbreviation Element</em>) representa una abreviació i opcionalment en proveeix una descripció completa. en cas de ser-hi present, l'atribut <code><strong>title</strong></code> ha de contenir la descripció completa i res més.</p> + +<p class="summary"><code class="language-html"><span class="tag token"><span class="tag token"><span class="punctuation token"><</span>p</span><span class="punctuation token">></span></span>I do <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>abbr</span> <span class="attr-name token">title</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>Hypertext Markup Language<span class="punctuation token">"</span></span><span class="punctuation token">></span></span>HTML<span class="tag token"><span class="tag token"><span class="punctuation token"></</span>abbr</span><span class="punctuation token">></span></span><span class="tag token"><span class="tag token"><span class="punctuation token"></</span>p</span><span class="punctuation token">></span></span></code></p> + +<div class="line-number" style="top: 0px;"> </div> + +<p style="margin-top: -1.5em;"><small>Vegeu més exemples en detall en l'article <em><a href="https://developer.mozilla.org/en-US/Learn/HTML/Howto/Mark_abbreviations_and_make_them_understandable">How to mark abbreviations and make them understandable</a></em>.</small></p> + +<ul class="htmlelt"> + <li><dfn>Interfície DOM</dfn>{{domxref("HTMLElement")}}</li> + <li><dfn><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></dfn> <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut de flux</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, palpable content</li> + <li><dfn>Contingut permès</dfn><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a></li> + <li><dfn>Elements pares permesos</dfn> Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</li> +</ul> + +<h2 id="Atributs">Atributs</h2> + +<p><span style="line-height: 21px;">Aquest element només inclou els </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p> + +<p>Fer servir l'atribut {{htmlattrxref("title")}} per definir la descripció completa de la descripció de l'abreviació. Molts agents d'usuaris presenten això com un suggeriment.</p> + +<div class="note"> +<p><strong>Nota d'ús: </strong>En llengües amb nombres gramaticals (especialment les llengües amb més de dos nombres, com l'Àrab), utilitzeu el mateix nombre gramatical en el vostre atribut <code>title</code> com dins del vostre element <code><abbr></code> .</p> +</div> + +<h2 id="Specifications" name="Specifications">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentaris</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-abbr-element', '<abbr>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-abbr-element', '<abbr>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/text.html#edef-ABBR', '<abbr>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Compatibilitat_amb_navegadors">Compatibilitat amb navegadors</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Característica</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>Basic support</td> + <td>2.0</td> + <td>{{CompatGeckoDesktop(1.0)}}</td> + <td>7.0</td> + <td>1.3</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Característica</th> + <th>Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<p> </p> + +<h2 id="Estil_per_defecte">Estil per defecte</h2> + +<p>L'objectiu d'aquest element és purament per la conveniència del autor i que tots els navegadors ho mostrin en línia ({{cssxref('display')}}<code>: inline</code>) per defecte, tot i que els estils per defectes varien d'un navegador a un altre:</p> + +<ul> + <li>Alguns navegadors, com l'Internet Explorer, no l'estilitzen de forma diferent a un element {{HTMLElement("span")}}.</li> + <li>Opera, Firefox, i altres navegadors afegeixen un subratllat de punts sota el contingut de l'element.</li> + <li>Uns quants navegadors no només afegeixen un subratllat de punts, sinó que també posen en versaletes; per evitar aquest estil, afegint alguna cosa com {{cssxref('font-variant')}}<code>: none</code> en el CSS es farà càrrec d'això.</li> +</ul> + +<h2 id="Vegeu_també">Vegeu també</h2> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/Learn/HTML/Element/abbr">Utilitzar l'element <abbr></a></li> + <li>Altres elements conveying <a href="/en-US/docs/HTML/Text_level_semantics_conveying_elements" title="HTML/Text level semantics conveying elements">text-level semantics</a>: {{HTMLElement("a")}}, {{HTMLElement("em")}}, {{HTMLElement("strong")}}, {{HTMLElement("small")}}, {{HTMLElement("cite")}}, {{HTMLElement("q")}}, {{HTMLElement("dfn")}}, {{HTMLElement("time")}}, {{HTMLElement("code")}}, {{HTMLElement("var")}}, {{HTMLElement("samp")}}, {{HTMLElement("kbd")}}, {{HTMLElement("sub")}}, {{HTMLElement("sup")}}, {{HTMLElement("b")}}, {{HTMLElement("i")}}, {{HTMLElement("mark")}}, {{HTMLElement("ruby")}}, {{HTMLElement("rp")}}, {{HTMLElement("rt")}}, {{HTMLElement("bdo")}}, {{HTMLElement("span")}}, {{HTMLElement("br")}}, {{HTMLElement("wbr")}}.</li> +</ul> + +<div>{{HTMLRef}}</div> |