diff options
Diffstat (limited to 'files/ca/web/html')
164 files changed, 28630 insertions, 0 deletions
diff --git a/files/ca/web/html/block-level_elements/index.html b/files/ca/web/html/block-level_elements/index.html new file mode 100644 index 0000000000..91cfcad2de --- /dev/null +++ b/files/ca/web/html/block-level_elements/index.html @@ -0,0 +1,127 @@ +--- +title: Elements a nivell de bloc +slug: Web/HTML/Block-level_elements +translation_of: Web/HTML/Block-level_elements +--- +<p>Els elements HTML (<strong>HyperText Markup Language</strong>) són normalment elements "en bloc" o <a href="https://developer.mozilla.org/en-US/docs/HTML/Inline_elements">elements "en línia"</a>. Un element en bloc ocupa tot l'espai del seu element pare (contenidor), creant així un "bloc". Aquest article ajuda a explicar el que això significa.</p> + +<p><span id="result_box" lang="ca"><span>Els</span> <span>navegadors</span> <span>solen mostrar</span> <span>l'element a</span> <span>nivell</span> <span>de bloc</span> <span>amb</span> <span>un salt de</span> <span>línia abans</span> <span>i</span> <span>després de l'element</span><span>.</span> <span>Es</span> <span>pot</span> <span>visualitzar</span> <span>com una pila</span> <span>de caixes.</span> <span>El següent</span> <span>exemple</span> <span>demostra la influència</span> <span>de l'element</span> <span>en bloc</span><span>:</span></span></p> + +<h2 id="Block-level_Example" name="Block-level_Example"><span style="color: #333333; margin-left: -3px; text-transform: none;">Elements en Bloc</span></h2> + +<h3 id="HTML">HTML</h3> + +<pre class="brush: html"><p>This paragraph is a block-level element; its background has been colored to display the paragraph's parent element.</p></pre> + +<h3 id="CSS">CSS</h3> + +<pre class="brush: css">p { background-color: #8ABB55; } +</pre> + +<p>{{ EmbedLiveSample('Block-level_Example') }}</p> + +<h2 id="Ús">Ús</h2> + +<ul> + <li><span class="short_text" id="result_box" lang="ca"><span>Els Elements</span> <span>en bloc</span> <span>poden aparèixer</span> <span>només</span> <span>dins d'un element</span></span> {{ HTMLElement("body") }}.</li> +</ul> + +<h2 id="En_bloc_vs._En_línia">En bloc vs. En línia</h2> + +<p>Hi ha un parell de diferències clau entre els elements en bloc i els elements en línia:</p> + +<dl> + <dt>Formateig</dt> + <dd>Per defecte, els elements de bloc comencen en línies noves, però els elements en línia poden començar en qualsevol part d'una línia.</dd> + <dt>Model de contingut</dt> + <dd>En general, els elements de bloc poden contenir elements en línia i altres elements en bloc. Inherent a aquesta distinció estructural és la idea que els elements de bloc creen estructures "més gran" que els elements en línia.</dd> +</dl> + +<p>La distinció entre els elements en bloc vs. línia s'utilitza en les especificacions d'HTML fins 4.01. En HTML5, aquesta distinció binària se substitueix amb un conjunt més complex de <a href="https://developer.mozilla.org/en-US/docs/HTML/Content_categories">categories de contingut</a>. La categoria "en bloc" correspon aproximadament a la categoria de <a href="https://developer.mozilla.org/en-US/docs/HTML/Content_categories#Flow_content">contingut dinàmic</a> en HTML 5, mentre que "en línia" es correspon amb el <a href="https://developer.mozilla.org/en-US/docs/HTML/Content_categories#Phrasing_content">contingut fraseig</a>, però hi ha categories addicionals.</p> + +<h2 id="Elements">Elements</h2> + +<p>La següent és una llista completa de tots els elements HTML de bloc (encara que "a nivell de bloc" no es defineix tècnicament per als elements que són nous en HTML5).</p> + +<div class="threecolumns"> +<dl> + <dt>{{ HTMLElement("address") }}</dt> + <dd><span class="short_text" id="result_box" lang="ca"><span>Informació de contacte</span></span></dd> + <dt>{{ HTMLElement("article") }} {{ HTMLVersionInline(5) }}</dt> + <dd>Contingut Article.</dd> + <dt>{{ HTMLElement("aside") }} {{ HTMLVersionInline(5) }}</dt> + <dd>Contingut Aside.</dd> + <dt>{{ HTMLElement("blockquote") }}</dt> + <dd>Cita extensa ("bloc").</dd> + <dt>{{ HTMLElement("br") }}</dt> + <dd>Salt de línia.</dd> + <dt>{{ HTMLElement("canvas") }} {{ HTMLVersionInline(5) }}</dt> + <dd>Gràfic canvas.</dd> + <dt>{{ HTMLElement("dd") }}</dt> + <dd><span id="result_box" lang="ca"><span>Descripció </span><span>Definició.</span></span></dd> + <dt>{{ HTMLElement("div") }}</dt> + <dd>Divisió document.</dd> + <dt>{{ HTMLElement("dl") }}</dt> + <dd>Llista de definicions.</dd> + <dt>{{ HTMLElement("fieldset") }}</dt> + <dd>Etiquetes de camp.</dd> +</dl> + +<dl> + <dt>{{ HTMLElement("figcaption") }} {{ HTMLVersionInline(5) }}</dt> + <dd>Llegenda de la imatge.</dd> + <dt>{{ HTMLElement("figure") }} {{ HTMLVersionInline(5) }}</dt> + <dd><span class="short_text" id="result_box" lang="ca"><span>Contingut</span> <span>multimèdia,</span> <span>grups</span> <span>amb</span> <span>una llegenda</span></span> (veure {{ HTMLElement("figcaption") }}).</dd> + <dt>{{ HTMLElement("footer") }} {{ HTMLVersionInline(5) }}</dt> + <dd><span class="short_text" id="result_box" lang="ca"><span>Secció</span> <span>o peu</span> <span>de pàgina.</span></span></dd> + <dt>{{ HTMLElement("form") }}</dt> + <dd>Formulari d'entrada.</dd> + <dt>{{ HTMLElement("h1") }}, {{ HTMLElement("h2") }}, {{ HTMLElement("h3") }}, {{ HTMLElement("h4") }}, {{ HTMLElement("h5") }}, {{ HTMLElement("h6") }}</dt> + <dd>Nivells de capçalera 1-6.</dd> + <dt>{{ HTMLElement("header") }} {{ HTMLVersionInline(5) }}</dt> + <dd><span id="result_box" lang="ca"><span>Secció</span> <span>o encapçalament</span> <span>de pàgina.</span></span></dd> + <dt>{{ HTMLElement("hgroup") }} {{ HTMLVersionInline(5) }}</dt> + <dd> + <div class="textArea" id="destText" style="direction: ltr;"> + <div><span id="ouHighlight__14_24TO0_9">Informació</span><span id="noHighlight_0.4118407506703824"> de </span><span class="highlighted" id="ouHighlight__7_12TO14_22">capçalera</span><span id="noHighlight_0.5902863558947251"> de </span><span id="ouHighlight__0_5TO27_31">grups</span><span id="noHighlight_0.5463873009180821">.</span></div> + </div> + </dd> + <dt>{{ HTMLElement("hr") }}</dt> + <dd><span id="result_box" lang="ca"><span>Regla</span> <span>horitzontal</span> <span>(</span><span>línia</span> <span>divisòria</span><span>)</span><span>.</span></span></dd> + <dt>{{ HTMLElement("li") }}</dt> + <dd>Element de la llista..</dd> + <dt>{{ HTMLElement("main") }}</dt> + <dd>Conté el contingut central únic per aquest document.</dd> + <dt>{{ HTMLElement("nav") }}</dt> + <dd><span id="result_box" lang="ca"><span>Conté</span> <span>enllaços</span> <span>de navegació.</span></span></dd> +</dl> + +<dl> + <dt>{{ HTMLElement("noscript") }}</dt> + <dd>Contingut d'ùs si scripting no és compatible o apagat.</dd> + <dt>{{ HTMLElement("ol") }}</dt> + <dd>Llista ordenada.</dd> + <dt>{{ HTMLElement("output") }} {{ HTMLVersionInline(5) }}</dt> + <dd>Formulari de sortida.</dd> + <dt>{{ HTMLElement("p") }}</dt> + <dd>Paràgraf.</dd> + <dt>{{ HTMLElement("pre") }}</dt> + <dd>Text amb format predefinit.</dd> + <dt>{{ HTMLElement("section") }} {{ HTMLVersionInline(5) }}</dt> + <dd><span id="result_box" lang="ca"><span>Secció d'una</span> <span>pàgina</span> <span>web.</span></span></dd> + <dt>{{ HTMLElement("table") }}</dt> + <dd>Taula.</dd> + <dt>{{ HTMLElement("tfoot") }}</dt> + <dd><span id="result_box" lang="ca">P<span>eu</span> <span>de pàgina de la taula</span></span>.</dd> + <dt>{{ HTMLElement("ul") }}</dt> + <dd>Llista desordenada.</dd> + <dt>{{ HTMLElement("video") }} {{ HTMLVersionInline(5) }}</dt> + <dd><span id="result_box" lang="ca"><span>Reproductor</span> <span>de vídeo.</span></span></dd> +</dl> +</div> + +<h3 id="See_also" name="See_also">Veure</h3> + +<ul> + <li><a href="/en-US/docs/Web/HTML/Inline_elements" title="en/HTML/Inline_elements">Elements en línia</a></li> +</ul> diff --git a/files/ca/web/html/element/a/index.html b/files/ca/web/html/element/a/index.html new file mode 100644 index 0000000000..be0d62e025 --- /dev/null +++ b/files/ca/web/html/element/a/index.html @@ -0,0 +1,531 @@ +--- +title: <a> +slug: Web/HTML/Element/a +translation_of: Web/HTML/Element/a +--- +<p>The <em>HTML <code>Anchor</code> Element</em> (<strong><code><a></code></strong>) defines a hyperlink to a location on the same page or any other page on the Web. It can also be used (in an obsolete way) to create an anchor point—a destination for hyperlinks within the content of a page, so that links aren't limited to connecting simply to the top of a page.</p> + +<pre class="brush: html"><a href="https://developer.mozilla.org">MDN</a> +</pre> + +<ul class="htmlelt"> + <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>, contingut interactiu, contingut palpable.</li> + <li><dfn>Contingut permès</dfn> <a href="/en-US/docs/HTML/Content_categories#Transparent_content_model" title="HTML/Content_categories#Transparent_content_model">Transparent</a>, conté o <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">contingut de flux</a> o <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content"> phrasing content </a>.</li> + <li><dfn>Omissió de l'etiqueta</dfn> {{no_tag_omission}}</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>, o qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">contingut de flux</a>.</li> + <li><dfn>Interfície DOM</dfn> {{domxref("HTMLAnchorElement")}}</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> + +<dl> + <dt><strong>{{htmlattrdef("download")}} {{HTMLVersionInline(5)}}</strong></dt> + <dd>This attribute, if present, indicates that the author intends the hyperlink to be used for downloading a resource so that when the user clicks on the link they will be prompted to save it as a local file. If the attribute has a value, the value will be used as the pre-filled file name in the Save prompt that opens when the user clicks on the link (the user can change the name before actually saving the file of course). There are no restrictions on allowed values (though / and \ will be converted to underscores, preventing specific path hints), but you should consider that most file systems have limitations with regard to what punctuation is supported in file names, and browsers are likely to adjust file names accordingly. + <div class="note"> + <p><strong>Note: </strong></p> + + <ul> + <li>Can be used with blob: URLs and data: URLs, to make it easy for users to download content that is generated programmatically using JavaScript (e.g. a picture created using an online drawing Web app.</li> + <li>If the HTTP header Content-Disposition: is present and gives a different filename than this attribute, the HTTP header has priority over this attribute.</li> + <li>If this attribute is present and Content-Disposition: is set to inline, Firefox gives priority to Content-Disposition, like for the filename case, while Chrome gives priority to the download attribute.</li> + <li>This attribute is only honored for links to resources with the same-origin.</li> + </ul> + </div> + </dd> + <dt><strong>{{htmlattrdef("href")}}</strong></dt> + <dd>This was the single required attribute for anchors defining a hypertext source link, but the attribute may now be omitted (as of HTML5) in order to create a placeholder link. A <a>placeholder link</a> presents itself like a traditional hyperlink but when activated does not result in redirection to a new page or a sub-section of the same document. The href is still required when specifying a link target, either a URL or a URL fragment. A URL fragment is a name preceded by a hash mark (#), which specifies an internal target location (an ID of an HTML element) within the current document. URLs are not restricted to Web (HTTP)-based documents. URLs might use any protocol supported by the browser. For example, file, ftp, and mailto work in most user agents. + <div class="note"> + <p><strong>Note: </strong>You can use the special fragment "top" to create a link back to the top of the page; for example <a>href="#top">Return to top</a>. This behavior is specified by HTML5.</p> + </div> + </dd> + <dt><strong>{{htmlattrdef("hreflang")}}</strong></dt> + <dd>This attribute indicates the language of the linked resource. It is purely advisory. Allowed values are determined by BCP47 for HTML5 and by RFC1766 for HTML4. Use this attribute only if the {{htmlattrxref("href", "a")}} attribute is present.</dd> + <dt><strong>{{htmlattrdef("ping")}} {{HTMLVersionInline(5)}}</strong></dt> + <dd>The 'ping' attribute, if present, sends the URLs of the resources a notification/ping if the user follows the hyperlink.</dd> + <dt><strong>{{htmlattrdef("referrerpolicy")}} {{experimental_inline}}</strong></dt> + <dd>A string indicating which referrer to use when fetching the resource: + <ul> + <li>'no-referrer' meaning that the Referer: header will not be sent.</li> + <li>'no-referrer-when-downgrade' meaning that no Referer: header will be sent when navigating to an origin without TLS (HTTPS). This is a user agent’s default behavior, if no policy is otherwise specified.</li> + <li>'origin' meaning that the referrer will be the origin of the page, that is roughly the scheme, the host and the port.</li> + <li>'origin-when-cross-origin' meaning that navigations to other origins will be limited to the scheme, the host and the port, while navigations on the same origin will include the referrer's path.</li> + <li>'unsafe-url' meaning that the referrer will include the origin and the path (but not the fragment, password, or username). This case is unsafe because it can leak origins and paths from TLS-protected resources to insecure origins.</li> + </ul> + </dd> + <dt><strong>{{htmlattrdef("rel")}}</strong></dt> + <dd>For anchors containing the href attribute, this attribute specifies the relationship of the target object to the link object. The value is a space-separated list of link types values. The values and their semantics will be registered by some authority that might have meaning to the document author. The default relationship, if no other is given, is void. Use this attribute only if the href attribute is present.</dd> + <dt><strong>{{htmlattrdef("target")}}</strong></dt> + <dd>This attribute specifies where to display the linked resource. In HTML4, this is the name of, or a keyword for, a frame. In HTML5, it is a name of, or keyword for, a browsing context (for example, tab, window, or inline frame). The following keywords have special meanings: + <ul> + <li>_self: Load the response into the same HTML4 frame (or HTML5 browsing context) as the current one. This value is the default if the attribute is not specified.</li> + <li>_blank: Load the response into a new unnamed HTML4 window or HTML5 browsing context.</li> + <li>_parent: Load the response into the HTML4 frameset parent of the current frame or HTML5 parent browsing context of the current one. If there is no parent, this option behaves the same way as _self.</li> + <li>_top: In HTML4: Load the response into the full, original window, canceling all other frames. In HTML5: Load the response into the top-level browsing context (that is, the browsing context that is an ancestor of the current one, and has no parent). If there is no parent, this option behaves the same way as _self.</li> + </ul> + Use this attribute only if the href attribute is present. + + <div class="note"> + <p><strong>Note: </strong>When using target you should consider adding rel="noopener noreferrer" to avoid exploitation of the window.opener API.</p> + </div> + </dd> + <dt><strong>{{htmlattrdef("type")}}</strong></dt> + <dd>This attribute specifies the media type in the form of a {{Glossary("MIME type")}} for the link target. Generally, this is provided strictly as advisory information; however, in the future a browser might add a small icon for multimedia types. For example, a browser might add a small speaker icon when type is set to audio/wav. For a complete list of recognized MIME types, see http://www.w3.org/TR/html4/references.html#ref-MIMETYPES. Use this attribute only if the href attribute is present.</dd> +</dl> + +<h3 id="Obsolete">Obsolete</h3> + +<dl> + <dt><strong>{{htmlattrdef("charset")}} {{obsoleteGeneric("inline","HTML5")}}</strong></dt> + <dd>This attribute defines the character encoding of the linked resource. The value is a space- and/or comma-delimited list of character sets as defined in RFC 2045. The default value is ISO-8859-1. +<div class="note"> + <p><strong>Usage note: </strong>This attribute is obsolete in HTML5 and should not be used by authors. To achieve its effect, use the HTTP Content-Type header on the linked resource.</p> +</div> +</dd> + <dt>{{htmlattrdef("coords")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline","HTML5")}}</dt> + <dd>For use with object shapes, this attribute uses a comma-separated list of numbers to define the coordinates of the object on the page. +</dd> + <dt><strong>{{htmlattrdef("name")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline","HTML5")}}</strong></dt> + <dd>This attribute is required in an anchor defining a target location within a page. A value for name is similar to a value for the id core attribute and should be an alphanumeric identifier unique to the document. Under the HTML 4.01 specification, id and name both can be used with the <a> element as long as they have identical values. +<div class="note"> + <p><strong>Usage note: </strong> This attribute is obsolete in HTML5, use global attribute id instead.</p> +</div> +</a></dd><a> + <dt><strong>{{htmlattrdef("rev")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline","HTML5")}}</strong></dt> + <dd>This attribute specifies a reverse link, the inverse relationship of the rel attribute. It is useful for indicating where an object came from, such as the author of a document.</dd> + <dt><strong>{{htmlattrdef("shape")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline","HTML5")}}</strong></dt> + <dd>This attribute is used to define a selectable region for hypertext source links associated with a figure to create an image map. The values for the attribute are circle, default, polygon, and rect. The format of the coords attribute depends on the value of shape. For circle, the value is x,y,r where x and y are the pixel coordinates for the center of the circle and r is the radius value in pixels. For rect, the coords attribute should be x,y,w,h. The x,y values define the upper-left-hand corner of the rectangle, while w and h define the width and height respectively. A value of polygon for shape requires x1,y1,x2,y2,... values for coords. Each of the x,y pairs defines a point in the polygon, with successive points being joined by straight lines and the last point joined to the first. The value default for shape requires that the entire enclosed area, typically an image, be used. +<div class="note"> + <p><strong>Note: </strong>It is advisable to use the usemap attribute for the {{HTMLElement("img")}} element and the associated {{HTMLElement("map")}} element to define hotspots instead of the shape attribute.</p> +</div> +</dd> +</a></dl><a> + +<h3 id="Non_standard">Non standard</h3> + + + + + + + + + + + + + + + + + + + + + + + + + + +</a><dl><a> +<dt>{{htmlattrdef("datafld")}} {{Non-standard_inline}}</dt> + </a><dd><a>This attribute specifies the column name from that data source object that supplies the bound data. + </a><div class="note"><a> + </a><p><a><strong>Usage note: </strong>This attribute is non-standard and <strong>should not be used by authors</strong>. To achieve its effect, use scripting and a mechanism such as </a><a href="/en-US/docs/nsIXMLHttpRequest" title="XMLHttpRequest">XMLHttpRequest</a> to populate the page dynamically</p> + </div> + + <table class="fullwidth-table"> + <tbody> + <tr> + <td rowspan="2">Support</td> + <td>Gecko</td> + <td>Presto</td> + <td>WebKit</td> + <td>Trident</td> + </tr> + <tr> + <td>Not implemented</td> + <td>Not implemented</td> + <td>Not implemented</td> + <td>IE4, IE5, IE6, IE7 (Removed in IE8)</td> + </tr> + <tr> + <td>Normative document</td> + <td colspan="4"><a class="external" href="http://msdn.microsoft.com/en-us/library/ms533703%28VS.85%29.aspx">Microsoft's Data Binding: dataFld Property (MSDN)</a></td> + </tr> + </tbody> + </table> + </dd> + <dt>{{htmlattrdef("datasrc")}} {{Non-standard_inline}}</dt> + <dd>This attribute indicates the ID of the data source object that supplies the data that is bound to this element. + <div class="note"> + <p><strong>Usage note: </strong>This attribute is non-standard and <strong>should not be used by authors</strong>. To achieve its effect, use scripting and a mechanism such as <a href="/en-US/docs/nsIXMLHttpRequest" title="XMLHttpRequest">XMLHttpRequest</a> to populate the page dynamically.</p> + </div> + + <table class="fullwidth-table"> + <tbody> + <tr> + <td rowspan="2">Support</td> + <td>Gecko</td> + <td>Presto</td> + <td>WebKit</td> + <td>Trident</td> + </tr> + <tr> + <td>Not implemented</td> + <td>Not implemented</td> + <td>Not implemented</td> + <td>IE4, IE5, IE6, IE7 (Removed in IE8)</td> + </tr> + <tr> + <td>Normative document</td> + <td colspan="4"><a class="external" href="http://msdn.microsoft.com/en-us/library/ms533709(VS.85).aspx" title="http://msdn.microsoft.com/en-us/library/ms533709(VS.85).aspx">Microsoft's Data Binding: dataSrc Property (MSDN)</a></td> + </tr> + </tbody> + </table> + </dd> + <dt>{{htmlattrdef("hreflang")}}</dt> + <dd>This attribute indicates the language of the linked resource. It is purely advisory. Allowed values are determined by <a class="external" href="http://www.ietf.org/rfc/bcp/bcp47.txt" title="http://www.ietf.org/rfc/bcp/bcp47.txt">BCP47</a> for HTML5 and by <a class="external" href="http://www.ietf.org/rfc/rfc1766.txt" title="http://www.ietf.org/rfc/rfc1766.txt">RFC1766</a> for HTML4. Use this attribute only if the {{htmlattrxref("href", "a")}} attribute is present.</dd> + <dt>{{htmlattrdef("methods")}} {{Non-standard_inline}}</dt> + <dd>The value of this attribute provides information about the functions that might be performed on an object. The values generally are given by the HTTP protocol when it is used, but it might (for similar reasons as for the title attribute) be useful to include advisory information in advance in the link. For example, the browser might choose a different rendering of a link as a function of the methods specified; something that is searchable might get a different icon, or an outside link might render with an indication of leaving the current site. This attribute is not well understood nor supported, even by the defining browser, Internet Explorer 4. <a class="external" href="http://msdn.microsoft.com/en-us/library/ms534168(VS.85).aspx">Methods Property (MSDN)</a></dd> + <dt>{{htmlattrdef("name")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline","HTML5")}}</dt> + <dd>This attribute is required in an anchor defining a target location within a page. A value for <strong>name</strong> is similar to a value for the <strong>id</strong> core attribute and should be an alphanumeric identifier unique to the document. Under the HTML 4.01 specification, <strong>id</strong> and <strong>name</strong> both can be used with the <a> element as long as they have identical values. + <div class="note"> + <p><strong>Usage note:</strong> This attribute is obsolete in HTML5, use <a href="/en-US/docs/HTML/Global_attributes#attr-id" title="HTML/Global attributes#id">global attribute <strong>id</strong></a> instead.</p> + </div> + </dd> + <dt>{{htmlattrdef("rev")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline","HTML5")}}</dt> + <dd>This attribute specifies a reverse link, the inverse relationship of the <strong>rel</strong> attribute. It is useful for indicating where an object came from, such as the author of a document.</dd> +</dl> + +<dl> + <dt>{{htmlattrdef("shape")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline","HTML5")}}</dt> + <dd>This attribute is used to define a selectable region for hypertext source links associated with a figure to create an image map. The values for the attribute are <code>circle</code>, <code>default</code>, <code>polygon</code>, and <code>rect</code>. The format of the <strong>coords</strong> attribute depends on the value of shape. For <code>circle</code>, the value is <code>x,y,r</code> where <code>x</code> and <code>y</code> are the pixel coordinates for the center of the circle and <code>r</code> is the radius value in pixels. For <code>rect</code>, the <strong>coords</strong> attribute should be <code>x,y,w,h</code>. The <code>x,y</code> values define the upper-left-hand corner of the rectangle, while <code>w</code> and <code>h</code> define the width and height respectively. A value of <code>polygon</code> for <strong>shape</strong> requires <code>x1,y1,x2,y2,...</code> values for <strong>coords</strong>. Each of the <code>x,y</code> pairs defines a point in the polygon, with successive points being joined by straight lines and the last point joined to the first. The value <code>default</code> for shape requires that the entire enclosed area, typically an image, be used. + <div class="note"><strong>Note: </strong>It is advisable to use the <strong>usemap</strong> attribute for the {{HTMLElement("img")}} element and the associated {{HTMLElement("map")}} element to define hotspots instead of the <strong>shape</strong> attribute.</div> + </dd> + <dt>{{htmlattrdef("type")}}</dt> + <dd>This attribute specifies the media type in the form of a MIME type for the link target. Generally, this is provided strictly as advisory information; however, in the future a browser might add a small icon for multimedia types. For example, a browser might add a small speaker icon when type is set to audio/wav. For a complete list of recognized MIME types, see <a class="linkification-ext external" href="http://www.w3.org/TR/html4/references.html#ref-MIMETYPES" title="Linkification: http://www.w3.org/TR/html4/references.html#ref-MIMETYPES">http://www.w3.org/TR/html4/references.html#ref-MIMETYPES</a>. Use this attribute only if the <strong>href</strong> attribute is present.</dd> + <dt>{{htmlattrdef("urn")}} {{Non-standard_inline}}</dt> + <dd>This supposedly Microsoft-supported attribute relates a uniform resource name (URN) with the link. While it is based on standards work years back, the meaning of URNs is still not well defined, so this attribute is meaningless. <a class="external" href="http://msdn.microsoft.com/en-us/library/ms534710(VS.85).aspx">urn Property (MSDN)</a></dd> +</dl> + +<h2 id="Examples">Examples</h2> + +<h3 id="Linking_to_an_external_location">Linking to an external location</h3> + +<pre class="brush: html"><!-- anchor linking to external file --> +<a href="<a class="linkification-ext" href="http://www.mozilla.com/" title="Linkification: http://www.mozilla.com/">http://www.mozilla.com/</a>"> +External Link +</a> +</pre> + +<h4 id="Result" name="Result">Result</h4> + +<p><a class="external" href="http://www.mozilla.com/">External Link</a></p> + +<h3 id="Linking_to_another_section_on_the_same_page">Linking to another section on the same page</h3> + +<pre class="brush: html"><!-- anchor link to section on this page named id="attr-href" --> +<a href="#attr-href"> +Description of Same-Page Links +</a> +</pre> + +<h4 id="Result" name="Result">Result</h4> + +<p><a class="external" href="https://developer.mozilla.org/ca/docs/Web/HTML/Element/a$edit#attr-href">Description of Same Page Links</a></p> + +<h3 id="Creating_a_clickable_image">Creating a clickable image</h3> + +<p>This small example use an image to link to the MDN home page. The home page will open in a new browsing context, that is a new page or a new tab.</p> + +<pre class="brush: html"><a href="https://developer.mozilla.org/en-US/" target="_blank"> + <img src="https://mdn.mozillademos.org/files/6851/mdn_logo.png" alt="MDN logo" /> +</a> +</pre> + +<h3 id="Result" name="Result">Result</h3> + +<figure> +<p>{{EmbedLiveSample("Example.3A_Creating_a_clickable_image", "320", "64")}}</p> +</figure> + +<h3 id="Creating_an_email_link">Creating an email link</h3> + +<p>It's common to create buttons or links that will open in the user's email program to allow them to send a new message. This is done by using a mailto link. Here's a simple example:</p> + +<pre class="brush: html"><a href="mailto:nowhere@mozilla.org">Send email to nowhere</a></pre> + +<p>This results in a link that looks like this: <a href="mailto:nowhere@mozilla.org">Send email to nowhere</a>.</p> + +<p>For additional details about the mailto URL scheme, such as how to include the subject, body, or other predetermined content, see <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Email_links">Email links</a> or {{RFC(6068)}}.</p> + +<h3 id="Creating_a_phone_link">Creating a phone link</h3> + +<p>With phones viewing web documents and laptops being connected to phones offering clickable phone links becomes increasingly helpful.</p> + +<pre class="brush: html"><a href="tel:+491570156">+49 157 0156;/a> +</pre> + +<p>For additional details about the tel URL scheme, see {{RFC(2806)}} and {{RFC(2396)}}.</p> + +<h3 id="Using_the_download_attribute_to_save_a_canvas_as_a_PNG">Using the download attribute to save a canvas as a PNG</h3> + +<p>If you want to allow a user to download an HTML Canvas as an image you can create a link with a download attribute and the canvas data as a file URL:</p> + +<pre class="brush: js"><strong style="color: #000066; font-weight: bold;">var</strong> link <span style="color: #339933;">=</span> document.<span style="color: #660066;">createElement</span><span style="color: #009900;">(</span><span style="color: #3366cc;">'a'</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span> +link.<span style="color: #660066;">innerHTML</span> <span style="color: #339933;">=</span> <span style="color: #3366cc;">'download image'</span><span style="color: #339933;">;</span> +link.<span style="color: #660066;">addEventListener</span><span style="color: #009900;">(</span><span style="color: #3366cc;">'click'</span><span style="color: #339933;">,</span> <strong style="color: #000066; font-weight: bold;">function</strong><span style="color: #009900;">(</span>ev<span style="color: #009900;">)</span> <span style="color: #009900;">{</span> + link.<span style="color: #660066;">href</span> <span style="color: #339933;">=</span> canvas.<span style="color: #660066;">toDataURL</span><span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span> + link.<span style="color: #660066;">download</span> <span style="color: #339933;">=</span> <span style="color: #3366cc;">"mypainting.png"</span><span style="color: #339933;">;</span> +<span style="color: #009900;">}</span><span style="color: #339933;">,</span> <strong style="color: #003366; font-weight: bold;">false</strong><span style="color: #009900;">)</span><span style="color: #339933;">;</span> +document.<span style="color: #660066;">body</span>.<span style="color: #660066;">appendChild</span><span style="color: #009900;">(</span>link<span style="color: #009900;">)</span><span style="color: #339933;">;</span></pre> + +<p>You can see this in action <a href="http://jsfiddle.net/codepo8/V6ufG/2/">http://jsfiddle.net/codepo8/V6ufG/2/</a></p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-a-element', '<a>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-a-element', '<a>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/links.html#h-12.2', '<a>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("1.0")}} [1]</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td><code>href="#top"</code></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("10.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>download</td> + <td>{{CompatChrome("14")}}</td> + <td>{{CompatGeckoDesktop("20.0")}}</td> + <td>Edge 13 [5]</td> + <td>{{CompatOpera("15")}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>ping</code></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}} [2]</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>referrerpolicy</code></td> + <td>{{CompatChrome(46.0)}} [3]</td> + <td>{{CompatGeckoDesktop("45")}} [4]</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Característica</th> + <th>Android</th> + <th>Android Webview</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + <th>Chrome for Android</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}} [1]</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td><code>href="#top"</code></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("10.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>download</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("20.0")}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>ping</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}} [2]</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>referrerpolicy</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatChrome(46.0)}} [3]</td> + <td>{{CompatGeckoMobile("45.0")}} [4]</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatChrome(46.0)}} [3]</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] Starting from Gecko 41 {{geckoRelease("41.0")}}, {{HTMLElement("a")}} without href attribute is no more classified as interactive content. Clicking it inside {{HTMLElement("label")}} will activate labelled content ({{bug(1167816)}}).</p> + +<p>[2] <a href="http://kb.mozillazine.org/Browser.send_pings">Disabled by default</a></p> + +<p>[3] Implemented behind a flag.</p> + +<p>[4] <a href="https://developer.mozilla.org/ca/docs/Web/HTML/Element/14.14357">Attempting to download data URIs causes Edge to crash</a> until v14.14357.</p> + +<h2 id="Clicking_and_focus">Clicking and focus</h2> + +<p>Whether clicking on an {{HTMLElement("a")}} causes it to (by default) become focused varies by browser and OS.</p> + +<table> + <caption>Does clicking on an {{HTMLElement("a")}} give it the focus?</caption> + <tbody> + <tr> + <td>Navegadors d'escriptori</td> + <th>Windows 8.1</th> + <th>OS X 10.9</th> + </tr> + <tr> + <th>Firefox 30.0</th> + <td style="background-color: LawnGreen;">Sí</td> + <td style="background-color: LawnGreen;">Sí</td> + </tr> + <tr> + <th>Chrome ≥39<br> + (<a href="https://code.google.com/p/chromium/issues/detail?id=388666" title="Issue 388666: Focus anchor (A) elements on mousedown">Chromium bug 388666</a>)</th> + <td style="background-color: LawnGreen;">Sí</td> + <td style="background-color: LawnGreen;">Sí</td> + </tr> + <tr> + <th>Safari 7.0.5</th> + <td style="background-color: silver;">N/A</td> + <td style="background-color: yellow;">Només quan <code>tabindex</code><em> </em>està definit</td> + </tr> + <tr> + <th>Internet Explorer 11</th> + <td style="background-color: LawnGreen;">Sí</td> + <td style="background-color: silver;">N/A</td> + </tr> + <tr> + <th>Presto (Opera 12)</th> + <td style="background-color: LawnGreen;">Sí</td> + <td style="background-color: LawnGreen;">Sí</td> + </tr> + </tbody> +</table> + +<table> + <caption>Does tapping on an {{HTMLElement("a")}} give it the focus?</caption> + <tbody> + <tr> + <td>Mobile Browsers</td> + <th>iOS 7.1.2</th> + <th>Android 4.4.4</th> + </tr> + <tr> + <th>Safari Mobile</th> + <td style="background-color: yellow;">Només quan <code>tabindex </code>està definit</td> + <td style="background-color: silver;">N/A</td> + </tr> + <tr> + <th>Chrome 35</th> + <td>???</td> + <td style="background-color: yellow;">Només quan <code>tabindex</code> està definit</td> + </tr> + </tbody> +</table> + +<h2 id="Notes">Notes</h2> + +<p>The following are reserved browser key bindings for the two major browsers and should not be used as values to accesskey: a, c, e, f, g, h, v, left arrow, and right arrow.</p> + +<p>HTML 3.2 defineix només <strong>name</strong>, <strong>href</strong>, <strong>rel</strong>, <strong>rev</strong>, i <strong>title</strong>.</p> + +<p>L'atribut <strong>target</strong> no està definit en navegadors que no suporten<em> frames</em>, com ara la generació de navegadors Netscape 1. Furthermore, target is not allowed under strict variants of <a href="/en-US/docs/XHTML" title="XHTML">XHTML</a> but is limited to frameset or transitional forms.</p> + +<h3 id="Recomanacions_per_JavaScript">Recomanacions per JavaScript</h3> + +<p>It is often the case that an anchor tag is used with the <code>onclick</code> event. In order to prevent the page from refreshing, <strong>href</strong> is often set to either "#" or "javascript:void(0)". Both of these values can lead to some unexpected errors when copying links and opening links in a new tab and/or window. Be aware of this for usability reasons, and when users do use anchor tags and you prevent default behavior.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Altres elements pertanyents a <a href="/en-US/docs/HTML/Text_level_semantics_conveying_elements" title="HTML/Text level semantics conveying elements">text-level semantics</a>: {{HTMLElement("abbr")}}, {{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> 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> diff --git a/files/ca/web/html/element/acronym/index.html b/files/ca/web/html/element/acronym/index.html new file mode 100644 index 0000000000..5101ea266d --- /dev/null +++ b/files/ca/web/html/element/acronym/index.html @@ -0,0 +1,125 @@ +--- +title: <acronym> +slug: Web/HTML/Element/acronym +tags: + - Element + - HTML + - 'HTML:Flow content' + - Obsolete + - Reference + - Web +translation_of: Web/HTML/Element/acronym +--- +<div>{{obsolete_header}}</div> + +<h2 id="Summary" name="Summary">Sumari</h2> + +<p>L'element HTML acrònim (<code><acronym></code>) permet als autors indicar clarament una seqüència de caràcters que componen un acrònim o l'abreviatura d'una paraula. Aquest element s'ha eliminat en HTML5. Utilitzar l'element {{HTMLElement("abbr")}}.</p> + +<div class="note"> +<p><strong>Nota d'ùs: </strong>Aquest element s'ha eliminat en HTML5 i no s'ha d'utilitzar més. En lloc d'això els desenvolupadors web han d'utilitzar l'element {{HTMLElement("abbr")}}.</p> +</div> + +<h2 id="Attributes" name="Attributes">Atributs</h2> + +<p><span id="result_box" lang="ca"><span>Aquest</span> <span>element</span> <span>només </span><span>té</span></span> <a class="new " href="/en-US/docs/HTML/global_attributes" rel="internal" title="HTML/global attributes">atributs globals</a> <span id="result_box" lang="ca"><span>que és comú a</span> <span>tots</span> <span>els</span> <span>elements.</span></span></p> + +<h2 id="DOM_Interface" name="DOM_Interface">Interfície DOM</h2> + +<p>Aquest element implementa la interície {{domxref('HTMLElement')}}.</p> + +<div class="note">Nota d'implementació<strong>: </strong>Fins Gecko 1.9.2 inclosos, Firefox implementa per a aquest element la interfície {{domxref('HTMLSpanElement')}}.</div> + +<h2 id="Example" name="Example">Exemple</h2> + +<pre class="brush:html"><p>The <acronym title="World Wide Web">WWW</acronym> is only a component of the Internet.</p> +</pre> + +<h2 id="Default_styling" name="Default_styling">E<span class="short_text" id="result_box" lang="ca"><span>stil</span> <span>per defecte</span></span></h2> + +<p>Encara que el propòsit d'aquesta etiqueta és purament per a la comoditat de l'autor, el seu estil per defecte varia d'un navegador a un altre:</p> + +<ul> + <li>Alguns navegadors, com Internet Explorer, no té un estil diferent que un element {{HTMLElement("span")}} .</li> + <li>Opera, Firefox,Chrome i alguns altres afegeixen un subratllat de punts amb el contingut de l'element.</li> + <li>Uns navegadors no només afegeixen un subratllat de punts, sinó que també ho posen en versals; per evitar aquest estil, afegeixen alguna cosa com {{cssxref('font-variant')}}: <code>none</code> on el CSS s'encarregue d'aquest cas.</li> +</ul> + +<p><span id="result_box" lang="ca"><span>Per</span> <span>tant</span><span>, es recomana</span> <span>encaridament</span> <span>que els</span> <span>autors</span> <span>web no</span> <span>confien </span> <span>totalment</span> <span>en l'estil</span> <span>predeterminat.</span></span></p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML4.01', 'struct/text.html#edef-ACRONYM', '<acronym>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</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 (WebKit)</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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 Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="See_also" name="See_also">Veure</h2> + +<ul> + <li>L'element HTML {{HTMLElement("abbr")}}</li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/address/index.html b/files/ca/web/html/element/address/index.html new file mode 100644 index 0000000000..c583f49925 --- /dev/null +++ b/files/ca/web/html/element/address/index.html @@ -0,0 +1,161 @@ +--- +title: <address> +slug: Web/HTML/Element/address +tags: + - Element + - HTML + - HTML sections + - Refrència + - Web +translation_of: Web/HTML/Element/address +--- +<p id="Summary">{{HTMLRef}}</p> + +<p><span id="result_box" lang="ca"><span class="alt-edited">L'<strong>element HTML <address></strong> proporciona informació de contacte per el seu element mes proper </span></span> {{HTMLElement("article")}} <span lang="ca"><span class="alt-edited"> o ancestre </span></span> {{HTMLElement("body")}} <span lang="ca"><span class="alt-edited">; en aquest últim cas, s'aplica a tot el document.</span></span></p> + +<div class="note"> +<p><strong>Nota d'us:</strong></p> + +<ul> + <li><span id="result_box" lang="ca"><span class="alt-edited">Per representar una adreça arbitrària, que no està relacionada amb la informació de contacte, utilitzar un element</span></span> {{HTMLElement("p")}} <span id="result_box" lang="ca"><span class="alt-edited">en lloc de l'element</span></span> <span style="font-family: courier new;"><address></span>.</li> + <li><span id="result_box" lang="ca"><span class="alt-edited">Aquest element no ha de contenir més informació que la informació de contacte, com una data de publicació (que pertany a un element</span></span> {{HTMLElement("time")}}).</li> + <li><span id="result_box" lang="ca"><span class="alt-edited">Normalment, un element <address> pot ser col·locat dins de l'element </span></span>{{HTMLElement("footer")}}<span lang="ca"><span class="alt-edited"> de la secció actual, si n'hi ha.</span></span></li> +</ul> +</div> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut de flux </a>, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut de flux</a>, pero sense cap element <span style="font-family: courier new;"><address></span> niu, sense continguts de capaçalera ({{HTMLElement("hgroup")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}), sense continguts de secció ({{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("section")}}, {{HTMLElement("nav")}}), i sense elements {{HTMLElement("header")}} o {{HTMLElement("footer")}}.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">Contingut de flux</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLElement")}} Abans de Gecko 2.0 (Firefox 4), Gecko implementa aquest element utilitzant la interficie {{domxref("HTMLSpanElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p><span class="short_text" id="result_box" lang="ca"><span>Aquest</span> <span>element</span> <span>només inclou el</span></span>s <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> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush: html"> <address> + You can contact author at <a href="http://www.somedomain.com/contact">www.somedomain.com</a>.<br> + If you see any bugs, please <a href="mailto:webmaster@somedomain.com">contact webmaster</a>.<br> + You may also want to visit us:<br> + Mozilla Foundation<br> + 1981 Landings Drive<br> + Building K<br> + Mountain View, CA 94043-0801<br> + USA + </address> +</pre> + +<p>Resultat del codi HTML:</p> + +<p><img alt="Image:HTML-address.png" src="/@api/deki/files/238/=HTML-address.png"></p> + +<p><span id="result_box" lang="ca"><span>Encara que</span> <span>l'element</span> address <span>representa</span> <span>el text</span> <span>amb</span> <span>el mateix estil</span> <span>predeterminat</span> <span>com el</span></span>s elements {{HTMLElement("i")}} o {{HTMLElement("em")}}, <span id="result_box" lang="ca"> <span>és</span> <span>més</span> <span>apropiat utilitzar-la</span> <span>quan</span> <span>es</span> <span>tracta</span> <span>d'informació</span> <span>de contacte,</span> <span>ja</span> <span>que transmet la</span> <span>informació</span> <span>semàntica</span> <span>addicional</span><span>.</span></span></p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'sections.html#the-address-element', '<address>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'sections.html#the-address-element', '<address>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/global.html#h-7.5.6', '<address>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("1.7")}}</td> + <td>1.0</td> + <td>5.12</td> + <td>1.0</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 Mini</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.7")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li><span id="result_box" lang="ca"><span>Altres</span> <span>elements</span> <span>relacionats</span> <span>amb</span> <span>la secció</span></span>: {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("footer")}}, {{HTMLElement("section")}}, {{HTMLElement("header")}};</li> + <li class="last"><a class="deki-ns current" href="/en-US/docs/Sections_and_Outlines_of_an_HTML5_document" title="Sections and Outlines of an HTML5 document">Seccions i línies generals d'un document HTML5</a>.</li> +</ul> diff --git a/files/ca/web/html/element/applet/index.html b/files/ca/web/html/element/applet/index.html new file mode 100644 index 0000000000..f46b9a3d63 --- /dev/null +++ b/files/ca/web/html/element/applet/index.html @@ -0,0 +1,121 @@ +--- +title: <applet> +slug: Web/HTML/Element/applet +tags: + - Element + - HTML + - Obsolete + - Reference + - Web +translation_of: Web/HTML/Element/applet +--- +<div>{{obsolete_header}}</div> + +<h2 id="Sumari">Sumari</h2> + +<p>L'element HTML Applet (<code><applet></code>) <span id="result_box" lang="ca"><span>identifica la</span> <span>inclusió</span> <span>d'un applet</span> <span>de Java</span></span> .</p> + +<div class="note"> +<p><strong>Nota d'ùs: </strong>Aquest element s'ha eliminat en HTML5 i no s'ha d'utilitzar més. En lloc d'això els desenvolupadors web han d'utilitzar l'element més genèric {{HTMLElement("object")}}.</p> +</div> + +<h2 id="Attributes" name="Attributes">Atributs</h2> + +<dl> + <dt>{{htmlattrdef("align")}}</dt> + <dd>Aquest atribut s'utilitza per posicionar l'applet a la pàgina en relació amb el contingut que podria fluir al seu voltant. L'especificació HTML 4.01 defineix els valors bottom, left, middle, right i top, mentre que Microsoft i Netscape també podrien donar suport <strong>absbottom, absmiddle, baseline, center</strong> i <strong>texttop</strong>.</dd> + <dt>{{htmlattrdef("alt")}}</dt> + <dd>Aquest atribut fa que un text descriptiu alternatiu es mostri en els navegadors que no suporten Java. Els dissenyadors de pàgines també han de recordar que el contingut inclòs dins de l'element <code><applet></code> també pot traduir-se com a text alternatiu.</dd> + <dt>{{htmlattrdef("archive")}}</dt> + <dd>Aquest atribut es refereix a una versió arxivada o comprimida de l'applet i els seus arxius de classes associats, el que podria ajudar a reduir el temps de descàrrega.</dd> + <dt>{{htmlattrdef("code")}}</dt> + <dd>Aquest atribut especifica la URL de l'arxiu de classe de l'applet per a ser carregat i executat. Els noms d'arxiu de l'applet s'identifiquen per una extensió d'arxiu .class. La direcció URL especificada pel codi podria ser relativa a l'atribut <code>codebase</code>.</dd> + <dt>{{htmlattrdef("codebase")}}</dt> + <dd>Aquest atribut proporciona la URL absoluta o relativa del directori on s'emmagatzemen els arxius applets' .class, referènciats per l'atribut code.</dd> + <dt>{{htmlattrdef("datafld")}}</dt> + <dd>Aquest atribut, suportat per Internet Explorer 4 i superior, especifica el nom de la columna de l'objecte d'origen de dades que subministra les dades consolidades. Aquest atribut es pot utilitzar per especificar els diversos elements {{HTMLElement("param")}} passats a l'applet de Java.</dd> + <dt>{{htmlattrdef("datasrc")}}</dt> + <dd>Igual que <code>datafld</code>, aquest atribut s'utilitza per a l'enllaç de dades en Internet Explorer 4. Indica l'id de l'objecte d'origen de dades que subministra les dades que estan enllaçades als elements {{HTMLElement("param")}} associats amb el applet.</dd> + <dt>{{htmlattrdef("height")}}</dt> + <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>especifica</span> <span>l'altura,</span> <span>en píxels</span><span>,</span> <span>que l'applet</span> <span>necessita.</span></span></dd> + <dt>{{htmlattrdef("hspace")}}</dt> + <dd>Aquest atribut especifica l'espai horitzontal addicional, en píxels, que es reservarà a banda i banda del applet.</dd> + <dt>{{htmlattrdef("mayscript")}}</dt> + <dd>En la implementació de Netscape, aquest atribut permet l'accés a un applet de programes en un llenguatge de script incrustat en el document.</dd> + <dt>{{htmlattrdef("name")}}</dt> + <dd>Aquest atribut assigna un nom a l'applet de manera que pugui ser identificat per altres recursos; en particular els scripts.</dd> + <dt>{{htmlattrdef("object")}}</dt> + <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>especifica</span> <span>l'URL</span> <span>d'una representació</span> <span>serialitzada</span> <span>d'un applet</span><span>.</span></span></dd> + <dt>{{htmlattrdef("src")}}</dt> + <dd>Tal com es defineix per a Internet Explorer 4 i superior, aquest atribut especifica una adreça URL d'un fitxer associat per l'applet. El significat i l'ús no està clar i no forma part de l'estàndard HTML.</dd> + <dt>{{htmlattrdef("vspace")}}</dt> + <dd>Aquest atribut especifica l'espai vertical addicional, en píxels, que es reserva per sobre i sota de l'applet.</dd> + <dt>{{htmlattrdef("width")}}</dt> + <dd>Aquest atribut especifica en píxels l'ample que l'applet necessita.</dd> +</dl> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush: html"><applet code="game.class" align="left" archive="game.zip" height="250" width="350"> + <param name="difficulty" value="easy"> + <b>Sorry, you need Java to play this game.</b> +</applet> +</pre> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</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 Mini</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Notes">Notes</h2> + +<p>L'especificació W3C no fomenta l'ús de <code><applet></code> i prefereix l'ús de l'etiqueta {{HTMLElement("object")}}. Sota la definició estricta d'HTML 4.01, aquest element no s'utilitza i està totalment obsolet en HTML5.</p> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/area/index.html b/files/ca/web/html/element/area/index.html new file mode 100644 index 0000000000..4c4100d484 --- /dev/null +++ b/files/ca/web/html/element/area/index.html @@ -0,0 +1,247 @@ +--- +title: <area> +slug: Web/HTML/Element/area +translation_of: Web/HTML/Element/area +--- +<p>El <em>element</em> <em>HTML<code> <area></code> </em> <span id="result_box" lang="ca"><span class="alt-edited">defineix una regió dins d'una imatge, i, opcionalment, l'associa amb un </span></span>{{Glossary("Hyperlink", "hypertext link")}}. <span id="result_box" lang="ca"><span>Aquest</span> <span>element</span> <span>s'utilitza només</span> <span>dins d'un</span> <span>element</span></span> {{HTMLElement("map")}}.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td> + <p><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>.</p> + </td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td>Cap, és una {{Glossary("empty element")}}.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td><span id="result_box" lang="ca"><span>Ha de tenir </span><span>etiqueta d'inici</span> <span>i</span> <span>no ha de tenir</span> <span>etiqueta</span> <span>de tancament.</span></span></td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td><span id="result_box" lang="ca"><span>Qualsevol</span> <span>element</span> <span>que accepti</span></span> <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>. El element <code><area></code> ha de tenir un ancestre {{HTMLElement("map")}}, <span id="result_box" lang="ca"><span>però no té</span> <span>per</span> <span>què ser un</span> <span>pare</span> <span>directa.</span></span></td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLAreaElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p><span style="line-height: 21px;">Aquest element 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> + +<dl> + <dt>{{htmlattrdef("accesskey")}} {{HTMLVersionInline("4")}} solsament, {{obsolete_inline("5.0")}}</dt> + <dd>Especifica una tecla d'access de navegació per a l'element. Pressionant ALT o una tecla similar en associació amb el caràcter especificat selecciona el control de forma correlacionada amb la seqüència de tecles. Els dissenyadors de pàgines estan previnguts per evitar seqüències de tecles ja vinculades als navegadors. Aquest atribut és global des de HTML5.</dd> +</dl> + +<dl> + <dt>{{htmlattrdef("alt")}}</dt> + <dd>Una cadena de text alternativa, per visualitzar, en navegadors que no mostren les imatges. El text ha de redactar-se de manera que es presenta a l'usuari amb el mateix tipus d'elecció com la imatge oferiria quan apareix sense text alternatiu. En HTML 4, es requereix aquest atribut, però la cadena pot ser buida (""). En HTML5, es requereix aquest atribut només si s'utilitza l'atribut href.</dd> +</dl> + +<dl> + <dt>{{htmlattrdef("coords")}}</dt> + <dd><span id="result_box" lang="ca"><span class="alt-edited">Un conjunt de valors que especifiquen les coordenades de la regió. El nombre i el significat dels valors depenen del valor especificat per a l'atribut </span></span><strong>shape</strong>. Per un <code>rect</code> o rectangle, el valor <strong>coords</strong> son dos parelles x,y: left, top, right i bottom. Per un <code>circle</code>, el valor es <code>x,y,r</code> on <code>x,y</code> es una parella que defineix el centre del cercle i <code>r</code> es el valor del radi. Per un <code>poly</code> o poligon, el valor es un conjunt de parells x, y per cada punt en el poligon: <code>x1,y1,x2,y2,x3,y3,</code> i així succesivament. <span id="result_box" lang="ca"><span>En</span> <span>HTML</span> <span>4, els</span> <span>valors</span> <span>són nombres</span> <span>de píxels</span> <span>o percentatges,</span> <span>si s'afegeix</span> <span>un signe</span> <span>de percentatge</span> <span>(</span><span>%</span><span>)</span><span>;</span> <span>en HTML5</span><span>, els</span> <span>valors</span> <span>són nombres</span> <span>de píxels</span> <span>CSS.</span></span></dd> + <dt>{{htmlattrdef("download")}} {{HTMLVersionInline("5")}}</dt> + <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut,</span> <span>si està</span> <span>present</span><span>, indica</span> <span>que l'autor</span> <span>proposa un</span> <span>hipervincle</span> <span>que s'utilitzarà</span> <span>per a la</span> <span>descàrrega d'un</span> <span>recurs.</span> <span>Veure</span> </span>{{HTMLElement("a")}}<span lang="ca"> <span>per a una</span> <span>descripció completa</span> <span>de l'atribut</span> <span>de </span></span>{{htmlattrxref("download", "a")}}.</dd> +</dl> + +<dl> + <dt>{{htmlattrdef("href")}}</dt> + <dd><span id="result_box" lang="ca"><span>El destí</span> <span>de</span> <span>hipervincle</span> <span>d</span></span>el element area. <span id="result_box" lang="ca"> <span>El seu valor</span> <span>és</span> <span>un URL vàlid</span><span>.</span> <span>En</span> <span>HTML</span> <span>4,</span> <span>ja</span> <span>sigui</span> <span>aquest</span> <span>atribut o</span> <span>l'atribut</span> <strong><span>nohref</span></strong> <span>han d'estar</span> <span>presents</span> <span>en l'element</span><span>.</span> <span>En</span> <span>HTML5,</span> <span>aquest</span> <span>atribut</span> <span>es</span> <span>pot</span> <span>ometre</span><span>;</span> <span>si</span> <span>és</span> <span>així</span><span>, l'element</span> <span>area</span> <span>no representa un</span> <span>enllaç</span></span>.</dd> +</dl> + +<dl> + <dt>{{htmlattrdef("hreflang")}} {{HTMLVersionInline("5")}}</dt> + <dd><span id="result_box" lang="ca"><span>Indica</span> <span>l'idioma del</span> <span>recurs</span> <span>vinculat</span><span>.</span> <span>Els</span> <span>valors</span> <span>permesos són</span> <span>determinats</span> <span>per</span> <a href="http://www.ietf.org/rfc/bcp/bcp47.txt">BCP47</a><span>.</span> <span>Utilitzeu</span> <span>aquest</span> <span>atribut</span> <span>només si</span> <span>l'atribut</span> <strong><span>href</span></strong> <span>és present.</span></span></dd> +</dl> + +<dl> + <dt>{{htmlattrdef("name")}} {{HTMLVersionInline("4")}} only, {{obsolete_inline("5.0")}}</dt> + <dd><span id="result_box" lang="ca"><span>Definir</span> <span>un nom</span> <span>per a l'àrea</span> <span>seleccionable</span> <span>de manera que pugui</span> <span>ser escrit</span> <span>pels navegadors</span> <span>antics.</span></span></dd> +</dl> + +<dl> + <dt>{{htmlattrdef("media")}} {{HTMLVersionInline("5")}}</dt> + <dd>Un mitjà de l'atribut media per els quals es va dissenyar el recurs vinculat, per exemple <code>print i screen</code>. <span id="result_box" lang="ca"><span>Si s'omet</span><span>, el valor predeterminat</span> es <span>per a tothom.</span> <span>Utilitzeu</span> <span>aquest</span> <span>atribut</span> <span>només si</span> <span>l'atribut</span> <strong><span>href</span></strong> <span>és present.</span></span></dd> +</dl> + +<dl> + <dt>{{htmlattrdef("nohref")}} {{HTMLVersionInline("4")}} only, {{obsolete_inline("5.0")}}</dt> + <dd>Indica que no hi ha cap hipervincle per a l'àrea associada. Qualsevol d'aquest atribut o l'atribut <strong>href</strong> han d'estar presents en l'element. + <div class="note"> + <p><strong>Nota d'ús</strong>: Aquest atribut és obsolet en HTML 5, en comptes, ometent l'atribut <strong>href</strong> és suficient.</p> + </div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("referrerpolicy")}} {{experimental_inline}}</dt> + <dd><span id="result_box" lang="ca"><span>Una</span> <span>cadena que</span> <span>indica</span> <span>el</span></span> referrer <span id="result_box" lang="ca"><span>per</span> <span>utilitzar</span> <span>en recuperar</span> <span>el recurs</span></span> : + <ul> + <li><code>"no-referrer"</code> significa que en el <code>Referrer:</code> la capçalera no s'enviarà.</li> + <li>"<code>no-referrer-when-downgrade</code>" significa que si no hi ha <code>Referrer</code>: la capçalera serà enviada al navegar a un origen sense TLS (HTTPS). Aquest és el comportament per defecte d'un agent d'usuari, si no hi ha política que especifiqui el contrari.</li> + <li><code>"origin"</code> <span id="result_box" lang="ca"><span>significa que</span> <span>el referrer</span> <span>serà l'origen</span> <span>de la pàgina,</span> <span>que és més o</span> <span>menys</span> <span>l'esquema</span><span>, el host</span> <span>i el port.</span></span></li> + <li>"origin-when-cross-origin" <span id="result_box" lang="ca"><span>significa que les</span> <span>navegacions</span> <span>d'altres orígens</span> <span>es</span> <span>limitaràn</span> <span>a l'esquema</span><span>, el</span> <span>host i</span> <span>el port</span><span>, mentre que les</span> <span>navegacions en</span> <span>el mateix origen</span> <span>inclouran el</span> <span>camí dels</span><span> referrer's.</span></span></li> + <li><code>"unsafe-url"</code> <span id="result_box" lang="ca"><span>significa</span> <span>que el referrer </span><span>inclourà</span> <span>l'origen i</span> <span>la ruta d'</span><span>accés</span> <span>(</span><span>però no</span> <span>el fragment</span><span>, la contrasenya</span> <span>o</span> <span>nom d'usuari</span><span>)</span><span>.</span> <span>Aquest cas no</span> <span>és</span> <span>segur</span><span>, ja que pot</span> <span>filtrar-se</span> <span>orígens</span> <span>i</span> <span>trajectòries</span> <span>dels recursos</span> <span>protegits</span><span>-</span><span>TLS</span> <span>a orígens</span> <span>insegurs.</span></span></li> + </ul> + </dd> + <dt>{{htmlattrdef("rel")}} {{HTMLVersionInline("5")}}</dt> + <dd><span id="result_box" lang="ca"><span>Per als</span> <span>ancoratges que</span> <span>contenen</span> <span>l'atribut</span> <strong><span>href</span></strong><span>,</span> <span>aquest</span> <span>atribut</span> <span>especifica la relació</span> <span>de l'objecte</span> <span>de destinació</span> <span>per a l'objecte</span> <span>de vincle.</span> <span>El valor és</span> <span>una llista</span> <span>separada per</span> <span>comes dels</span> <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types">valors dels tipus d'enllaços</a><span>.</span> <span>Els</span> <span>valors i la seva</span> <span>semàntica</span> <span>seran</span> <span>registrades</span> <span>per alguna</span> <span>autoritat que</span> <span>podria haver</span> <span>significat</span> <span>l'autor del</span> <span>document.</span> <span>La relació</span> <span>per defecte,</span> <span>si</span> <span>no</span> es dóna<span> una altra</span><span>,</span> <span>és</span> <span>nul·la.</span> <span>Utilitzeu</span> <span>aquest</span> <span>atribut</span> <span>només si</span> <span>l'atribut</span> <strong><span>href</span></strong> <span>és present.</span></span></dd> + <dt>{{htmlattrdef("shape")}}</dt> + <dd><span id="result_box" lang="ca"><span class="alt-edited">La forma de la zona activa associada. Les especificacions per a HTML 5 i HTML 4 defineixen els valors<code> rect</code>, defineix una regió rectangular; <code>circle</code>, defineix una regió circular; <code>poly</code>, defineix un polígon; i per <code>defecte</code>, el que indica tota la regió més enllà de les formes definides. Molts navegadors, especialment Internet Explorer 4 i superior, suportan <code>circ, polygon</code>, i <code>rectangle</code> com a valors vàlids de <strong>shape</strong>; aquests valors són</span></span> {{Non-standard_inline}}.</dd> + <dt>{{htmlattrdef("tabindex")}} {{HTMLVersionInline("4")}} only, {{obsolete_inline("5.0")}}</dt> + <dd><span id="result_box" lang="ca"><span>Un valor</span> <span>numèric</span> <span>que especifica la</span> <span>posició</span> <span>de la zona definida</span> <span>en l'ordre</span> <span>de tabulació</span> <span>del navegador.</span> <span>Aquest</span> <span>atribut</span> <span>és global</span> <span>en HTML5.</span></span></dd> +</dl> + +<dl> + <dt>{{htmlattrdef("target")}}</dt> + <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>especifica</span> <span>el lloc per</span> <span>visualitzar el</span> <span>recurs</span> <span>vinculat</span><span>.</span> <span>En</span> <span>HTML</span> <span>4,</span> <span>aquest</span> <span>és</span> <span>el nom de,</span> <span>o una paraula</span> <span>clau</span> <span>per a un</span> <span>marc</span><span>.</span> <span>En</span> <span>HTML5</span><span>, que és un</span> <span>nom</span> <span>de</span><span>,</span> <span>o una paraula</span> <span>clau</span> <span>per a un</span> <em><span>context</span> <span>de navegació</span></em> <span>(</span><span>per</span> <span>exemple</span><span>, pestanya</span><span>, finestra</span> <span>o</span> <span>marc en</span> <span>línia</span><span>)</span><span>.</span> <span>Les</span> <span>següents</span> <span>paraules</span> <span>clau</span> <span>tenen</span> <span>un significat</span> <span>especial</span><span>:</span></span> + <ul> + <li><code>_self</code>: <span id="result_box" lang="ca"><span>Carrega la resposta en</span> <span>el mateix marc de</span> <span>HTML 4</span> <span>(</span><span>o</span> <span>context</span> <span>de navegació</span> en <span>HTML 5</span><span>)</span> <span>com l'actual.</span> <span>Aquest</span> <span>valor és el</span> <span>valor per</span> <span>defecte si</span> <span>no s'especifica</span> <span>l'atribut</span><span>.</span></span></li> + <li><code>_blank</code>: <span id="result_box" lang="ca"><span>Carregar</span> <span>la resposta</span> <span>en una nova finestra</span> <span>sense</span> <span>nom</span> <span>HTML</span> <span>4 o</span> <span>en un context</span> <span>de navegació</span> <span>HTML5.</span></span></li> + <li><code>_parent</code>: <span id="result_box" lang="ca"><span>Carregar</span> <span>la resposta en el</span> <span>conjunt</span> <span>de marcs</span> <span>pare</span> <span>HTML 4</span> <span>del quadre</span> <span>actual</span> <span>o</span> <span>HTML5</span> en el <span>context</span> <span>de navegació</span> <span>dels</span> <span>pares</span> <span>de</span> <span>l'actual.</span> <span>Si no hi ha</span> <span>pare</span><span>,</span> <span>aquesta</span> <span>opció</span> <span>es comporta de</span> <span>la mateixa manera que</span><code> <span>_self</span></code><span>.</span></span></li> + <li><code>_top</code>: In HTML4: Carregar la resposta sencera a la finestra original, cancel·lant tots els altres marcs. En HTML 5: Carregar la resposta en el context de navegació de nivell superior (és a dir, el context de navegació que és un ancestre de l'actual, i no té pare). Si no hi ha pare, aquesta opció es comporta de la mateixa manera que <code>_self</code>.</li> + </ul> + <span id="result_box" lang="ca"><span class="alt-edited">Utilitzeu aquest atribut només si l'atribut <strong>href</strong> és present.</span></span></dd> + <dt>{{htmlattrdef("type")}}</dt> + <dd><span id="result_box" lang="ca"><span>Aquest atribut</span> <span>especifica</span> <span>el tipus de suport</span> <span>en forma d'un</span> <span>tipus MIME</span> <span>per a la destinació</span> <span>de l'enllaç.</span> <span>Generalment</span><span>, això</span> <span>proporciona</span> <span>informació</span> <span>estrictament</span> <span>com d'assessorament</span><span>;</span> <span>No obstant</span> <span>això, en el</span> <span>futur</span><span>, un navegador</span> <span>podria afegir</span> <span>una icona</span> <span>petit</span> <span>per a aquest</span> <span>tipus de mitjà.</span> <span>Per exemple</span><span>, un navegador</span> <span>podria afegir</span> <span>una petita icona</span> <span>de l'altaveu</span> <span>quan</span> <span>el tipus</span> <span>s'estableix</span> <span>en l'àudio</span> <span>/</span> <span>wav</span><span>.</span> <span>Per obtenir una</span> <span>llista</span> <span>completa dels</span> <span>tipus MIME</span> <span>reconeguts</span><span>, veure</span><a href="http://www.w3.org/TR/html4/references.html#ref-MIMETYPES"> http://www.w3.org/TR/html4/references.html#ref-MIMETYPES</a><span>.</span> <span>Utilitzeu</span> <span>aquest</span> <span>atribut</span> <span>només si</span> <span>l'atribut</span><strong> <span>href</span></strong> <span>és present.</span></span></dd> +</dl> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush: html"><map name="primary"> + <area shape="circle" coords="200,250,25" href="another.htm" /> + <area shape="default" nohref /> +</map> +</pre> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('Referrer Policy', '#referrer-policy-delivery-referrer-attribute', 'referrerpolicy attribute')}}</td> + <td>{{Spec2('Referrer Policy')}}</td> + <td>Afegeix l'atribut <code>referrerpolicy.</code> .</td> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', 'the-map-element.html#the-area-element', '<area>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#the-area-element', '<area>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/objects.html#h-13.6.1', '<area>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td><code>referrerpolicy</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatGeckoDesktop("50")}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Característica</th> + <th>Android</th> + <th>Android Webview</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mini</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + <th>Chrome for Android</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td><code>referrerpolicy</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatGeckoMobile("50")}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Notes">Notes</h2> + +<p><span id="result_box" lang="ca"><span class="alt-edited">En les especificacions l'HTML 3.2, 4.0 i 5, l'etiqueta de tancament <code></area></code> està prohibida</span></span>.</p> + +<p><span id="result_box" lang="ca"><span class="alt-edited">L'especificació XHTML 1.0 requereix una barra final: <code><area /></code></span></span>.</p> + +<p>Els atributs <strong>id</strong>, <strong>class</strong>, i <strong>style</strong> tenen el mateix significat que els atributs fonamentals definits en l'especificació HTML 4, però només Netscape i Microsoft els defineixen.</p> + +<p>Netscape, navegadors de nivell 1 no entén l'atribut <strong>target</strong> pel que fa als frames.</p> + +<p>HTML 3.2 només defineix <strong>alt</strong>, <strong>coords</strong>, <strong>href</strong>, <strong>nohref</strong> i <strong>shape</strong>.</p> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/article/index.html b/files/ca/web/html/element/article/index.html new file mode 100644 index 0000000000..a905d37a7f --- /dev/null +++ b/files/ca/web/html/element/article/index.html @@ -0,0 +1,172 @@ +--- +title: <article> +slug: Web/HTML/Element/article +translation_of: Web/HTML/Element/article +--- +<p>{{HTMLRef}}</p> + +<p><span id="result_box" lang="ca"><span>L'<strong>element HTML</strong></span><strong> <code><span><</span><span>article</span><span>></span></code></strong><span> representa</span> <span>una composició</span> autònoma <span>en un document,</span> <span>pàgina</span><span>, aplicació o</span> <span>lloc</span><span>, que està</span> <span>destinada a ser</span> <span>distribuir de forma</span> <span>independent o</span> <span>reutilitzables</span> <span>(</span><span>per</span> <span>exemple, en la</span> <span>sindicació</span><span>)</span><span>.</span> <span>Això podria ser un</span> <span>missatge</span> <span>del fòrum,</span> <span>un article</span> <span>d'una revista o</span> <span>un diari,</span> <span>una entrada de blog</span><span>, un objecte,</span> <span>o qualsevol</span> <span>altre</span> <span>element</span> <span>independent</span> <span>del contingut.</span> <span>Cada</span> <code><span><</span><span>article</span><span>></span></code> <span>ha de ser</span> <span>identificat</span><span>, generalment</span> <span>mitjançant la</span> <span>inclusió</span> <span>d'</span><span>una capçalera</span> <span>(element </span></span><span lang="ca"><code><a href="/en-US/docs/Web/HTML/Element/Heading_Elements"><h1>-<h6></a></code><span>)</span> <span>com</span> <span>un fill</span> <span>de l'element </span></span><code><article>.</code></p> + +<p> + </p><div class="note"> + <p><strong>Notes d'us:</strong></p> + + <ul> + <li><span id="result_box" lang="ca"><span>Quan</span> <span>es nia</span> <span>un element</span> <code><span><article</span><span>></span></code><span>, l'element</span> <span>interior</span> <span>representa</span> <span>un article</span> <span>relacionat</span> <span>amb l'element</span> <span>exterior.</span> <span>Per exemple</span><span>, els comentaris</span> <span>d'un blog</span> <span>poden ser</span> elements <code><span><</span><span>article</span><span>></span></code> <span>niats</span> <span>en <</span><span>article</span><span>></span> <span>representen</span> <span>a l'entrada del</span> <span>bloc.</span></span></li> + <li><span id="result_box" lang="ca"><span class="alt-edited">La informació sobre l'autor d'un element <code><article></code> pot ser proporcionada a través de l'element </span></span>{{HTMLElement("address")}} <span lang="ca"><span class="alt-edited">, però no s'aplica a elements niats <code><article></code></span></span>.</li> + <li>La data de publicació i el temps d'un element <code><article></code> es poden descriure mitjançant l'atribut {{htmlattrxref("datetime", "time")}} d'un element {{HTMLElement("time")}}. <em>Recordeu que el atribut {{htmlattrxref("pubdate", "time")}} de {{HTMLElement("time")}} ja no és una part de l'estàndard HTML 5 del W3C.</em></li> + </ul> + </div> +<p></p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut de Flux</a>, <span class="short_text" id="result_box" lang="ca"><span>contingut</span> <span>de seccionament</span></span> , contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">Contingut de Flux</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td><span id="result_box" lang="ca"><span>Qualsevol</span> <span>element</span> <span>que accepti</span></span> <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="https://developer.mozilla.org/en/HTML/Content_categories#Flow_content">contingut de flux</a>. Recordeu que un element <code><article></code> <span id="result_box" lang="ca"><span>no ha de ser</span> <span>un descendent</span> <span>d'un element</span></span> {{HTMLElement("address")}}.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p><span class="short_text" id="result_box" lang="ca"><span>Aquest</span> <span>element</span> <span>només inclou el</span></span>s <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> + +<h2 id="Exemples">Exemples</h2> + +<pre class="brush: html"><article class="film_review"> + <header> + <h2>Jurassic Park</h2> + </header> + <section class="main_review"> + <p>Dinos were great!</p> + </section> + <section class="user_reviews"> + <article class="user_review"> + <p>Way too scary for me.</p> + <footer> + <p> + Posted on <time datetime="2015-05-16 19:00">May 16</time> by Lisa. + </p> + </footer> + </article> + <article class="user_review"> + <p>I agree, dinos are my favorite.</p> + <footer> + <p> + Posted on <time datetime="2015-05-17 19:00">May 17</time> by Tom. + </p> + </footer> + </article> + </section> + <footer> + <p> + Posted on <time datetime="2015-05-15 19:00">May 15</time> by Staff. + </p> + </footer> +</article> +</pre> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'sections.html#the-article-element', '<article>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', 'sections.html#the-article-element', '<article>')}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'sections.html#the-article-element', '<article>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th><br> + Característica</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>5</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>9.0</td> + <td>11.10</td> + <td>4.1</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th><br> + 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>Suport bàsic</td> + <td>2.2</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>9.0</td> + <td>11.0</td> + <td>4.2</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li><span class="short_text" id="result_box" lang="ca"><span>Altres</span> <span>elements</span> <span>relacionats</span> <span>amb</span> <span>la secció</span></span> : {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("section")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}}</li> + <li class="last"><a class="deki-ns current" href="/en-US/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document" title="Sections and Outlines of an HTML5 document">Seccions i línies generals d'un document HTML5</a></li> +</ul> diff --git a/files/ca/web/html/element/aside/index.html b/files/ca/web/html/element/aside/index.html new file mode 100644 index 0000000000..c6d98154ca --- /dev/null +++ b/files/ca/web/html/element/aside/index.html @@ -0,0 +1,126 @@ +--- +title: <aside> +slug: Web/HTML/Element/aside +translation_of: Web/HTML/Element/aside +--- +<p>L'<em>element HTML <code><aside></code> </em>representa una secció de la pàgina amb contingut connectat tangenncialment amb la resta, el qual es podria considerar separat del contingut. Aquestes seccions sovint es representen com a barres laterals o insercions. Sovint contenen les definicions en les barres laterals, com ara definicions del glossari; també hi pot haver altres tipus d'informació, com ara anuncis relacionats; la biografia de l'autor; applicacions web; informació de perfil o enllaços relacionats en el bloc.</p> + +<div class="note"> +<p><em>Notes d'ús:</em></p> + +<ul> + <li>No s'ha de fer servir l'element <code><aside></code> per etiquetarr text en parèntesi, j<span id="result_box" lang="ca"><span class="hps">a</span> <span class="hps">que aquest tipus</span> <span class="hps">de text</span> <span class="hps">es</span> <span class="hps">considera part</span> <span class="hps">del corrent</span> <span class="hps">principal</span><span>.</span></span></li> +</ul> +</div> + +<ul class="htmlelt"> + <li><dfn><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Content 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>, sectioning content, palpable content.</li> + <li><dfn>Contingut permès</dfn><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">Contingut de flux</a>.</li> + <li><dfn>Omissió de l'etiqueta</dfn> {{no_tag_omission}}</li> + <li><dfn>Elements pares permesos</dfn> Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">contingut de flux</a>. Tingueu en compte que un element <code><aside></code> no ha de ser descendent d'un element {{HTMLElement("address")}}.</li> + <li><dfn>Interfície DOM</dfn> {{domxref("HTMLElement")}}</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> + +<h2 id="Exemples">Exemples</h2> + +<pre class="brush: html"><article> + <p> + The Disney movie <em>The Little Mermaid</em> was + first released to theatres in 1989. + </p> + <aside> + The movie earned $87 million during its initial release. + </aside> + <p> + More info about the movie... + </p> +</article></pre> + +<p>{{EmbedLiveSample("Examples")}}</p> + +<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', 'sections.html#the-aside-element', '<aside>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'sections.html#the-aside-element', '<aside>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</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>5</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>9.0</td> + <td>11.10</td> + <td>4.1</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>2.2</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>9.0</td> + <td>11.0</td> + <td>5.0 (iOS 4.2)</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Vegeu_també">Vegeu també</h2> + +<ul> + <li>Altres elements relacionats: {{HTMLElement("body")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("nav")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}};</li> + <li><a href="/en-US/docs/Sections_and_Outlines_of_an_HTML5_document" title="Sections and Outlines of an HTML5 document">Seccions i contorns d'un document HTML5</a>.</li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/audio/index.html b/files/ca/web/html/element/audio/index.html new file mode 100644 index 0000000000..ec8e3f81ee --- /dev/null +++ b/files/ca/web/html/element/audio/index.html @@ -0,0 +1,371 @@ +--- +title: <audio> +slug: Web/HTML/Element/audio +tags: + - Element + - HTML + - HTML contingut inserit + - HTML5 + - Media + - Multimedia + - Referencia + - Web +translation_of: Web/HTML/Element/audio +--- +<h2 id="Sumari">Sumari</h2> + +<p class="summary"><span id="result_box" lang="ca"><span>L'element</span> <span>HTML</span> <span><</span><span>àudio</span><span>></span> <span>s'utilitza</span> <span>per inserir</span> <span>contingut</span> <span>de so</span> <span>en els</span> <span>documents.</span> <span>Pot contenir</span> <span>una o més</span> <span>fonts</span> <span>d'àudio,</span> <span>representat</span> <span>mitjançant l'atribut</span> <span>src</span> <span>o</span> <span>l'element</span> </span><span class="seoSummary">{{HTMLElement("source")}}</span><span lang="ca"> <span>el navegador</span> <span>va a triar el</span> <span>més</span> <span>adequat.</span></span></p> + +<p>El contingut alternatiu per als navegadors que no suporten l'element <àudio> es pot també afegir, dins de l'obertura i tancament de les etiquetes <code><audio></audio></code>.</p> + +<p>La funcionalitat de reproducció més bàsica pot posar-se a disposició mitjançant l'atribut controls (vegeu més endavant); per a un ús més avançat, la reproducció d'àudio i els controls poden ser manipulats mitjançant l'HTML Media API, i més específicament les característiques definides a la interfície {{domxref("HTMLAudioElement")}}.</p> + +<p>També pot utilitzar la Web Audio API per generar i manipular directament els fluxos d'àudio des de codi JavaScript. Veure <a href="/en-US/docs/Web/API/Web_Audio_API">Web Audio API</a> per a més detalls.</p> + +<h2 id="Context_d'us">Context d'us</h2> + +<ul> + <li>Contingut permès: Si l'element té un atribut {{htmlattrxref("src", "audio")}}: amb zero o més elements {{HTMLElement("track")}}, seguits pel contingut transparent que no conté elements multmèdia - és a dir, sense elements {{HTMLElement("audio")}} o {{HTMLElement("video")}}.</li> + <li>O bé: amb zero o més elements {{HTMLElement("source")}}, seguit de zero o més elements {{HTMLElement("track")}}, seguit pel contingut transparent que no conté elements multimedia,és a dir, sense elements {{HTMLElement("audio")}} o {{HTMLElement("video")}}.</li> +</ul> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut de Flux</a>, phrasing content, contingut incrustat. Si té un atribut {{htmlattrxref("controls", "audio")}}: contingut interactiu i contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td>Si l'element té un atribut {{htmlattrxref("src", "audio")}}: zero o més elements {{HTMLElement("track")}} seguit de contingut transparent que no conté elements mèdia, que no és {{HTMLElement("audio")}} o {{HTMLElement("video")}}<br> + O bé: zero o més elements {{HTMLElement("source")}}, seguit de zero o més elements {{HTMLElement("track")}}, seguit de contingut transparent que no conté elements mèdia, és a dir sense {{HTMLElement("audio")}} o {{HTMLElement("video")}}.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td><span class="short_text" id="result_box" lang="ca"><span>Qualsevol</span> <span>element</span> <span>que accepti</span> <span>contingut</span> <span>incrustat</span></span> .</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLAudioElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p><span class="short_text" id="result_box" lang="ca"><span>Aquest</span> <span>element</span> <span>inclou el</span></span>s <span style="line-height: 21px;"> </span><a href="/en-US/docs/Web/HTML/Global_attributes">gatributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("autoplay")}}</dt> + <dd>Atribut Booleà; si s'especifica (fins i tot si el valor és "fals"!), l'àudio iniciarà automàticament la reproducció tan aviat com pugui fer-ho, sense esperar que l'arxiu d'àudio complet s'hagi acabat de descarregar.</dd> + <dt>{{htmlattrdef("autobuffer")}} {{obsolete_inline("2.0")}}</dt> + <dd>Atribut booleà; si s'especifica, s'iniciarà automàticament la descàrrega del àudio, fins i tot si no s'ha establert la reproducció automàtica. Això continua fins que la memòria cau multimèdia està plena, o tot l'arxiu d'àudio s'hagi descarregat, el que passi primer. Això només s'ha d'utilitzar quan s'espera que l'usuari esculli per reproduir l'àudio; per exemple, si l'usuari ha navegat a una pàgina mitjançant un enllaç "Reproduir aquest àudio". Aquest atribut es va eliminar al Gecko 2.0 {{geckoRelease ("2,0")}} en favor de l'atribut preload</dd> + <dt>{{htmlattrdef("buffered")}}</dt> + <dd>Un atribut que pot llegir per a veure els intervals de temps del media que han estat emmagatzemades en el buffer. Aquest atribut conté un objecte {{domxref("TimeRanges")}}.</dd> + <dt>{{htmlattrdef("controls")}}</dt> + <dd>Si aquest atribut és present, el navegador ofereix controls per permetre a l'usuari controlar la reproducció d'àudio, incloent el volum, recerca i pausa/reprendre la reproducció.</dd> + <dt>{{htmlattrdef("loop")}}</dt> + <dd>Atribut booleà; si s'especifica, buscarà automàticament de nou al començament en arribar al final de l'àudio.</dd> + <dt>{{htmlattrdef("mozCurrentSampleOffset")}} {{gecko_minversion_inline("2.0")}} {{non-standard_inline}}</dt> + <dd>El desplaçament, especificat com el nombre de mostres des del començament de la seqüència d'àudio, en el qual l'àudio s'està reproduint.</dd> + <dt>{{htmlattrdef("muted")}}</dt> + <dd>Atribut booleà que indica si l'àudio serà silenciat inicialment. El seu valor per defecte és fals.</dd> + <dt>{{htmlattrdef("played")}}</dt> + <dd>Un objecte {{domxref("TimeRanges")}} indicant totes les gammes d'àudio que s'han reproduït.</dd> + <dt>{{htmlattrdef("preload")}}</dt> + <dd>Aquest atribut enumerat està destinat a proporcionar un suggeriment al navegador sobre el que l'autor pensa en que el pot conduir a una millor experiència d'usuari. Pot tenir un dels següents valors: + <ul> + <li><code>none</code>: indica que l'àudio no ha de ser precarregat;</li> + <li><code>metadata</code>: indica que unicament es recupera les metadata d'àudio (per exemple, longitud);</li> + <li><code>auto</code>: indica que el fitxer d'àudio podria ser descarregat sencer, encara que no s'espera que l'usuari ho utilitzi;</li> + <li>la <em>cadena buida</em>: sinònim del valor <code>auto</code>.</li> + </ul> + + <p>Si no s'estableix el valor predeterminat és definit pel propi navegador (és a dir, cada navegador pot tenir el seu propi valor per omissió). L'especificació informa que s'estableixi en les <code>metadata</code>.</p> + + <div class="note"><strong>Notes d'ús:</strong> + + <ul> + <li>L'atribut <code>autoplay</code> té prioritat sobre l'atribut <code>preload.</code>Si s'especifica <code>autoplay</code>, el navegador hauria de començar, òbviament, a descarregar l'àudio per a la seva reproducció.</li> + <li><span id="result_box" lang="ca"><span>El navegador</span> <span>no</span> <span>és</span> <span>forçat</span> <span>per l'especificació</span> <span>a seguir el</span> <span>valor d'aquest</span> <span>atribut</span><span>;</span> <span>és</span> <span>un mer suggeriment</span><span>.</span></span></li> + </ul> + </div> + </dd> + <dt>{{htmlattrdef("src")}}</dt> + <dd>La direcció URL de l'àudio a inserir. Està subjecte als <a href="/en-US/docs/HTTP_access_control">controls d'access HTTP</a>. És opcional; en el seu lloc podeu utilitzar el element {{htmlelement("source")}} dins del bloc d'àudio per especificar l'àudio a encastar.</dd> + <dt>{{htmlattrdef("volume")}}</dt> + <dd>El volum de reproducció, va del rang 0.0 (silenci) a 1.0 (el més alt).</dd> +</dl> + +<p>Els desplaçaments de temps s'especifiquen com a valors de coma flotant que indica el nombre de segons per compensar.</p> + +<div class="note"><strong>Note:</strong> El valor de definició de desplaçament del temps encara no s'ha completat en l'especificació HTML5 i està subjecte a canvis.</div> + +<h2 id="Events">Events</h2> + +<p><span id="result_box" lang="ca"><span>Un element</span> <span>audio</span> <span>pot disparar</span> <span>diversos</span> </span><a href="/en-US/docs/Web/Guide/Events/Media_events">events</a>.</p> + +<h2 id="Exemples">Exemples</h2> + +<h3 id="Us_bàsic">Us bàsic</h3> + +<pre class="brush: html"><!-- Simple audio playback --> +<audio src="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).ogg" autoplay> + Your browser does not support the <code>audio</code> element. +</audio> + +<!-- Audio playback with captions --> +<audio src="foo.ogg"> + <track kind="captions" src="foo.en.vtt" srclang="en" label="English"> + <track kind="captions" src="foo.sv.vtt" srclang="sv" label="Svenska"> +</audio> +</pre> + +<h3 id="Element_audio_amb_l'element_source">E<span class="short_text" id="result_box" lang="ca"><span>lement</span> <span>audio</span> <span>amb l'element</span> source</span></h3> + +<pre class="brush: html"><audio controls="controls"> + Your browser does not support the <code>audio</code> element. + <source src="foo.wav" type="audio/wav"> +</audio> +</pre> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'the-video-element.html#the-audio-element', '<audio>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#the-audio-element', '<audio>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> + +<div>{{CompatibilityTable}}</div> + +<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>3.0</td> + <td>{{CompatGeckoDesktop("1.9.1")}} [1]</td> + <td>9.0</td> + <td>10.5</td> + <td>3.1</td> + </tr> + <tr> + <td>atribut <code>autoplay</code></td> + <td>3.0</td> + <td>{{CompatGeckoDesktop("1.9.1")}}</td> + <td>9.0</td> + <td>10.5</td> + <td>3.1</td> + </tr> + <tr> + <td>atribut <code>buffered</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>controls</code></td> + <td>3.0</td> + <td>{{CompatGeckoDesktop("1.9.1")}}</td> + <td>9.0</td> + <td>10.5</td> + <td>3.1</td> + </tr> + <tr> + <td>atribut <code>loop</code></td> + <td>3.0</td> + <td>{{CompatGeckoDesktop("11.0")}}</td> + <td>9.0</td> + <td>10.5</td> + <td>3.1</td> + </tr> + <tr> + <td>atribut <code>muted</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoDesktop("11.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>propietat played</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoDesktop("15.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>preload</code></td> + <td>3.0</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>9.0</td> + <td>{{CompatVersionUnknown}} [2]</td> + <td>3.1</td> + </tr> + <tr> + <td>atribut <code>src</code></td> + <td>3.0</td> + <td>{{CompatGeckoDesktop("1.9.1")}}</td> + <td>9.0</td> + <td>10.5</td> + <td>3.1</td> + </tr> + <tr> + <td>atribut volume</td> + <td> </td> + <td> </td> + <td> </td> + <td> </td> + <td> </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>Suport bàsic</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}} [1]</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>autoplay</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>buffered</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>controls</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>loop</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("11.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>muted</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("11.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>propietat played</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("15.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>preload</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>src</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>volume</code></td> + <td> </td> + <td> </td> + <td> </td> + <td> </td> + <td> </td> + </tr> + </tbody> +</table> +</div> + +<p>[1] <span id="result_box" lang="ca"><span>Per</span> <span>Gecko,</span> <span>per reproduir</span> <span>l'àudio</span><span>, el servidor</span> <span>ha de servir</span> <span>l'arxiu amb</span> <span>el tipus</span> <span>MIME</span> <span>correcte.</span></span></p> + +<p>[2] <span id="result_box" lang="ca"><span>S</span><span>uportat</span> <span>sota</span> <span>el antic </span></span><span lang="ca"><span>nom</span> <code><span>autobuffer</span></code></span></p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li><a href="/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements">Formats media suportats pels elements audio i video</a></li> + <li><a href="/en-US/docs/Web_Audio_API">Web Audio API</a></li> + <li>{{domxref("HTMLAudioElement")}}</li> + <li><a href="/en-US/docs/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement"><code>nsIDOMHTMLMediaElement</code></a></li> + <li>{{htmlelement("source")}}</li> + <li>{{htmlelement("video")}}</li> + <li><a href="/en-US/docs/Using_HTML5_audio_and_video">L'ús d'àudio i vídeo</a></li> + <li><a href="http://www.whatwg.org/specs/web-apps/current-work/#audio">El element <code>audio</code></a> (HTML5 specification)</li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/b/index.html b/files/ca/web/html/element/b/index.html new file mode 100644 index 0000000000..6d9d6ac518 --- /dev/null +++ b/files/ca/web/html/element/b/index.html @@ -0,0 +1,155 @@ +--- +title: <b> +slug: Web/HTML/Element/b +translation_of: Web/HTML/Element/b +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'<strong>element HTML <b></strong> representa un fragment de text estilísticament diferent de text normal, sense transmetre cap importància o rellevància especial. S'utilitza típicament per a les paraules clau en un resum, noms de producte en els seus comentaris o altres unitats de text, la presentació típica seria en negreta. Un altre exemple del seu ús és per marcar l'oració principal de cada paràgraf d'un article.</p> + +<p> + </p><div class="note"> + <p><strong>Notes d'ús :</strong></p> + + <ul> + <li>No s'ha de confondre l'element <code><b></code> amb els elements {{HTMLElement("strong")}}, {{HTMLElement("em")}}, o {{HTMLElement("mark")}}. L'element {{HTMLElement("strong")}} representa text de certa importància, l'element {{HTMLElement("em")}} posa cert èmfasi en el text i l'element {{HTMLElement("mark")}} representa text de certa rellevància. L'element <code><b></code> no transmet aquesta informació semàntica especial; utilitzar només quan no hi ha altres que encaixin.</li> + <li>De la mateixa manera, no s'ha de marcar títols i capçaleres utilitzant l'element <code><b></code>. Per a aquest propòsit, utilitzeu les etiquetes {{HTMLElement("h1")}} a {{HTMLElement("h6")}}. A més, els fulls d'estil poden canviar l'estil per defecte d'aquests elements, amb el resultat de que no <em>necessàriament</em> es mostrin en negreta</li> + <li>És una bona pràctica utilitzar l'atribut class en l'element <code><b></code> a fi de transmetre informació semàntica addicional (per exemple,<code> <b class = "lead"></code> per a la primera oració en un paràgraf). Això facilita el desenvolupament de diversos estils d'un document web, sense la necessitat de canviar el seu codi HTML.</li> + <li>Històricament, l'element <code><b></code> estava destinat a fer ressaltar el text. L'estil de la informació és obsoleta des de HTML 4, per la qual cosa el significat de l'element <code><b></code> ha canviat.</li> + <li>Si no hi ha un propòsit semàntic sobre l'ús de l'element <code><b></code>, usant la propietat CSS <a href="/en-US/docs/CSS/font-weight" title="font-weight">font-weight</a> amb valor negreta, seria una millor opció per fer el text en negreta.</li> + </ul> + </div> +<p></p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><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>, contingut palpable..</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLElement")}}<span lang="ca"><span title="HTMLElement Up to Gecko 1.9.2 (Firefox 4) inclusive, Firefox implements the HTMLSpanElement interface for this element."> Fins Gecko 1.9.2 (Firefox 4) inclosos, Firefox implementa la interfície </span></span><a href="/en-US/docs/DOM/span" title="DOM/span"><code>HTMLSpanElement</code></a> <span id="result_box" lang="ca"><span title="HTMLElement Up to Gecko 1.9.2 (Firefox 4) inclusive, Firefox implements the HTMLSpanElement interface for this element.">per a aquest element.</span></span></td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p><span id="result_box" lang="ca"><span title="This element only includes the">Aquest element només inclou el</span></span>s<span style="line-height: 21px;"> </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> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush: html"><p> + This article describes several <b>text-level</b> elements. It explains their usage in an <b>HTML</b> document. +</p> +Keywords are displayed with the default style of the <b> element, likely in bold. +</pre> + +<h3 id="Resultat">Resultat</h3> + +<p><span id="result_box" lang="ca"><span title="This article describes several text-level elements.">En aquest article es descriuen diversos elements a nivell de text. </span><span title="It explains their usage in an HTML document. + +">S'explica el seu ús en un document HTML.</span></span></p> + +<p><span id="result_box" lang="ca"><span title="Keywords are displayed with the default style of the <b> element, likely in bold.">Les paraules clau es mostren amb l'estil per defecte de l'element <b>, probablement en negreta.</span></span></p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-b-element', '<b>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-b-element', '<b>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'present/graphics.html#h-15.2.1', '<b>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Altres elements que transmeten <a href="/en-US/docs/HTML/Text_level_semantics_conveying_elements" title="HTML/Text level semantics conveying elements">semantica a nivell de tetxt</a>: {{HTMLElement("a")}}, {{HTMLElement("em")}}, {{HTMLElement("strong")}}, {{HTMLElement("small")}}, {{HTMLElement("cite")}}, {{HTMLElement("q")}}, {{HTMLElement("dfn")}}, {{HTMLElement("abbr")}}, {{HTMLElement("time")}}, {{HTMLElement("code")}}, {{HTMLElement("var")}}, {{HTMLElement("samp")}}, {{HTMLElement("kbd")}}, {{HTMLElement("sub")}}, {{HTMLElement("sup")}}, {{HTMLElement("i")}}, {{HTMLElement("mark")}}, {{HTMLElement("ruby")}}, {{HTMLElement("rp")}}, {{HTMLElement("rt")}}, {{HTMLElement("bdo")}}, {{HTMLElement("span")}}, {{HTMLElement("br")}}, {{HTMLElement("wbr")}}.</li> + <li><a class="external" href="http://www.w3.org/International/questions/qa-b-and-i-tags">L'ús dels elements (W3C) <b> i <i></a></li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/base/index.html b/files/ca/web/html/element/base/index.html new file mode 100644 index 0000000000..748a13e13f --- /dev/null +++ b/files/ca/web/html/element/base/index.html @@ -0,0 +1,150 @@ +--- +title: <base> +slug: Web/HTML/Element/base +tags: + - Element + - HTML + - HTML document metada + - Refrència + - Web +translation_of: Web/HTML/Element/base +--- +<p id="Summary">{{HTMLRef}}</p> + +<p><strong>L'element HTML <base></strong> especifica la URL principal que s'utilitzarà per a totes les URL relatives contingudes dins d'un document. Solsament pot haver un element <base> per document.</p> + +<p>La direcció URL base d'un document es pot consultar des del script {{domxref('document.baseURI')}}.</p> + +<div class="note"><strong>Nota d'ús</strong>: Si s'especifiquen diversos elements <code><base></code>, s'utilitzen només la primera secció <strong>href</strong> i el primer valor <strong>target</strong>; tots els altres són ignorats.</div> + +<table class="properties"> + <tbody> + <tr> + <th><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th> + <td>Contingut Metadata.</td> + </tr> + <tr> + <th>Contingut permès</th> + <td>Cap, és un {{Glossary("empty element")}}.</td> + </tr> + <tr> + <th>Omissió de l'etiqueta</th> + <td><span class="short_text" id="result_box" lang="ca"><span>No ha d'haver</span> <span>cap etiqueta</span> <span>de tancament.</span></span></td> + </tr> + <tr> + <th>Elements pares permesos</th> + <td>Qualsevol {{HTMLElement("head")}} no pot contenir un altre element {{HTMLElement("base")}}.</td> + </tr> + <tr> + <th>Interfície DOM</th> + <td>{{domxref("HTMLBaseElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p><span class="short_text" id="result_box" lang="ca"><span>Aquest</span> <span>element</span> <span>inclou el</span></span>s <span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p> + +<dl> + <dt>{{htmlattrdef("href")}}</dt> + <dd><span id="result_box" lang="ca"><span>La direcció</span> <span>URL</span> <span>base</span> <span>que s'usa</span> <span>en tot el document</span> <span>per a les</span> <span>adreces</span> <span>URL</span> <span>relatives.</span> <span class="alt-edited">Si s'especifica</span> <span>aquest</span> <span>atribut,</span> <span>aquest</span> <span>element</span> <span>ha de venir</span> <span>abans</span> <span>de qualssevol</span> <span>altres elements</span> <span>amb atributs,</span> <span>els valors dels quals </span><span>són</span> <span>adreces</span> <span>URL.</span> <span>Es permeten</span> <span>les</span> <span>adreces</span> <span>URL</span> <span>absolutes</span> <span>i</span> <span>relatives.</span></span></dd> + <dt>{{htmlattrdef("target")}}</dt> + <dd><span id="result_box" lang="ca"><span class="alt-edited">Un nom o una paraula clau que indica la ubicació per defecte per mostrar el resultat </span></span> quan naveguem <span lang="ca"><span class="alt-edited">per hipervincles o formularis, elements que no tenen una referència objectiva explícita. És un nom o una paraula clau per a un context de navegació (per exemple: pestanya, finestra o marc en línia). Les següents paraules clau tenen un significat especial:</span></span> + <ul> + <li><code>_self</code>: <span id="result_box" lang="ca"><span>Càrrega</span> <span>el resultat</span> <span>en el mateix context</span> <span>de navegació</span> <span>com l'actual.</span> <span>Aquest</span> <span>valor és el</span> <span>valor per</span> <span>defecte si</span> <span>no s'especifica</span> <span>l'atribut</span><span>.</span></span></li> + <li><code>_blank</code>: <span id="result_box" lang="ca"><span>Càrrega</span></span><span lang="ca"> <span>el resultat en un</span> <span>nou</span> <span>context</span> <span>de navegació sense</span> <span>nom.</span></span></li> + <li><code>_parent</code>: <span id="result_box" lang="ca"><span>Càrrega</span></span><span lang="ca"><span> el</span> <span>resultat</span> <span>en el context</span> <span>de navegació</span> <span>dels</span> <span>pares</span> <span>de</span> <span>l'actual.</span> <span>Si no hi ha</span> <span>pare</span><span>,</span> <span>aquesta</span> <span>opció</span> <span>es comporta de</span> <span>la mateixa manera que</span> <code><span>_self</span></code></span></li> + <li><code>_top</code>: Càrrega el resultat en el context de nivell superior de navegació (és a dir, el context de navegació que és un ancestre de l'actual, i no té pare). Si no hi ha pare, aquesta opció es comporta de la mateixa manera que <code>_self</code>.</li> + </ul> + </dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<pre class="brush: html"><base href="http://www.example.com/page.html"> +<base target="_blank" href="http://www.example.com/page.html"> +</pre> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'semantics.html#the-base-element', '<base>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Sense canvis des de l'última presentació.</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'document-metadata#the-base-element', '<base>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Defineix el comportament de <code>target</code></td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/links.html#h-12.4', '<base>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td><span id="result_box" lang="ca"><span>S'ha</span> <span>afegit</span> <span>l'atribut</span> </span><code>target</code></td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("1.0")}} [1]</td> + <td>{{CompatVersionUnknown}} [2]</td> + <td>{{CompatVersionUnknown}}</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}} [1]</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] <span id="result_box" lang="ca"><span class="alt-edited">S'ha afegit</span> <span>el suport</span> <span>de</span> <span>URIs relatives</span> <span>per</span> <span>href</span> <span>en Gecko</span> <span>2.0</span> <span>(</span><span>Firefox</span> <span>4.0</span><span>)</span></span></p> + +<p>[2] <span id="result_box" lang="ca"><span>Abans</span> <span>d'Internet Explorer</span> <span>7,</span> <span><</span><span>base</span><span>></span> <span class="alt-edited">podia ser</span> <span>col·locat</span> <span>en qualsevol</span> <span>lloc del</span> <span>document</span> <span>i el valor</span> <span>més proper</span> <span>de</span> <span><</span><span>base</span><span>></span> <span class="alt-edited">es el que s'utilitzava</span>.<span>El suport a les</span> <span>URL</span> <span>relatives</span> <span>s'ha</span> <span>eliminat</span> <span>a Internet</span> <span>Explorer 8</span></span>.</p> diff --git a/files/ca/web/html/element/basefont/index.html b/files/ca/web/html/element/basefont/index.html new file mode 100644 index 0000000000..6c53383c5a --- /dev/null +++ b/files/ca/web/html/element/basefont/index.html @@ -0,0 +1,112 @@ +--- +title: <basefont> +slug: Web/HTML/Element/basefont +tags: + - Element + - HTML + - Obsolete + - Reference + - Web +translation_of: Web/HTML/Element/basefont +--- +<div>{{obsolete_header}}</div> + +<h2 id="Sumari">Sumari</h2> + +<p>L'element HTML basefont (<code><basefont></code>) estableix una mida per defecte de font per a un document. Llavors la mida de la font pot ser variada en relació a la mida de la font base utilitzant l'element {{HTMLElement("font")}}.</p> + +<div class="note"> +<p><em>Nota d'ùs: </em></p> + +<p><strong>No utilitzeu aquest element!</strong> Tot i que un cop (imprecis) normalitzat en HTML 3.2, no era compatible amb tots els navegadors principals. A més, els navegadors, i fins i tot les versions successives dels mateixos, mai es va implementar de la mateixa manera: a la pràctica, la seva utilització sempre ha portat resultats indeterminats.</p> + +<p>L'element <code><basefont></code> va ser desaprovat en la norma al mateix temps que tots els elements només relacionats amb l'estil. A partir d'HTML 4, HTML no transmet més informació d'estil (fora de l'element {{HTMLElement("style")}} o l'atribut <strong>style</strong> de cada element). En HTML5, aquest element s'ha eliminat completament. Per a qualsevol nou desenvolupament web, l'estil ha de ser escrit utilitzant només <a href="https://developer.mozilla.org/en-US/docs/CSS" title="CSS">CSS</a> .</p> + +<p>El comportament anterior de l'element {{HTMLElement("font")}} es pot aconseguir, i fins i tot millorar el control mitjançant les propietats <a href="/en-US/docs/Web/CSS/CSS_Fonts">CSS Fonts</a>.</p> +</div> + +<h2 id="Atributs">Atributs</h2> + +<p><span id="result_box" lang="ca"><span class="alt-edited">Com tots els altres elements HTML, aquest element és compatible amb el</span></span>s <a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("color")}}</dt> + <dd>Aquest atribut estableix el color de text utilitzant un color amb nom o un color especificat en format hexadecimal #RRGGBB.</dd> + <dt>{{htmlattrdef("face")}}</dt> + <dd> + <p>Aquest atribut conté una llista d'un o més noms de fonts. L'estil per defect en el text del document es representa amb el primer tipus de lletra que és compatible amb el navegador del client. Si no hi ha tipus de lletra que figuri instal·lat en el sistema local, el navegador utilitza per defecte una font proporcional o d'amplada fixa per aquest sistema.</p> + </dd> + <dt>{{htmlattrdef("size")}}</dt> + <dd>Aquest atribut especifica la mida de la font, ja sigui com un valor numèric o relatiu. Els valors numèrics s'estenen d'1 a 7 sent 1 el més petit i 3 el valor predeterminat.</dd> +</dl> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element implementa la Interfície <code><a href="/en-US/docs/DOM/HTMLBaseFontElement" title="DOM/HTMLBaseFontElement">HTMLBaseFontElement</a></code>.</p> + +<h2 id="Exemple">Exemple</h2> + +<pre><basefont color="#FF0000" face="Helvetica" size="+2" /> +</pre> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</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>Suport bàsic</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Notes">Notes</h2> + +<ul> + <li>HTML 3.2 suporta l'element basefont però només amb l'atribut size.</li> + <li>Les estrictes especificacions de HTML i XHTML no són compatibles amb aquest element.</li> + <li>Tot i ser part de les normes transitòries, alguns navegadors basats en els estàndards com Mozilla i Opera no són compatibles amb aquest element.</li> + <li>Aquest element pot ser imitat amb una regla CSS en l'element {{HTMLElement("body")}}.</li> + <li>XHTML 1.0 requereix una barra al final del element: <code><basefont /></code>.</li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/bdi/index.html b/files/ca/web/html/element/bdi/index.html new file mode 100644 index 0000000000..7e5eee05ec --- /dev/null +++ b/files/ca/web/html/element/bdi/index.html @@ -0,0 +1,140 @@ +--- +title: <bdi> +slug: Web/HTML/Element/bdi +tags: + - BiDi + - Element + - HTML + - HTML text-level semantics + - Referencia + - Web +translation_of: Web/HTML/Element/bdi +--- +<h2 id="Sumari">Sumari</h2> + +<p><span id="result_box" lang="ca"><span>El element 'HTML</span> <span><</span><span>BDI</span><span>></span> <span>(o Element d'</span></span><span lang="ca"><span>aïllament</span> <span>bidireccional</span> <span>)</span> <span>Aïlla </span><span>un</span> <span>fragment</span> <span>de text que</span> <span>podrie ser</span> <span>formatat</span> <span>en una direcció</span> <span>diferent d'un altre</span> <span>text</span> <span>fora d'aquest.</span></span></p> + +<p>Aquest element és útil quan s'incrusta text amb una direccionalidad desconeguda, d'una base de dades per exemple, en un text amb una direccionalidad fixa.</p> + +<p class="note"><span id="result_box" lang="ca"><span>Tot i que el</span> <span>mateix</span> <span>efecte visual</span> <span>es</span> <span>pot</span> <span>aconseguir utilitzant</span> <span>la regla</span> <span>CSS</span></span> {{cssxref("unicode-bidi")}}<code>: aïllar</code> en un {{HTMLElement("span")}} <span id="result_box" lang="ca"><span>o un altre</span> <span>element</span> <span>de</span> <span>formatat</span> <span>de text, el</span> <span>significat</span> <span>semàntic</span> <span>és</span> <span>només</span> <span>transmès</span> <span>per l'element</span> </span><code><bdi></code>. <span id="result_box" lang="ca"><span>Especialment</span><span>, els</span> <span>navegadors</span> <span>se'ls permet</span> <span>fer cas</span> <span>omís</span> <span>d'estil</span> <span>CSS</span></span>. <span id="result_box" lang="ca"><span>En aquest cas,</span> <span>el text</span> <span>encara</span> <span>es</span> <span>mostra</span> <span>correctament</span> <span>usant</span> <span>l'element</span> <span>HTML, però</span> <span>arribarà a</span> <span>ser escombraries</span> <span>quan s'utilitza</span> <span>l'estil</span> <span>CSS per</span> <span>transmetre</span> <span>semàntica.</span></span></p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><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>, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Flow_content">Phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Flow_content">phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p><span id="result_box" lang="ca"><span>Igual</span> <span>que tots els altres</span> <span>elements</span> <span>HTML</span><span>, aquest element</span> <span>té els</span><span> </span></span><a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">atributs global</a>, <span id="result_box" lang="ca"><span>amb una</span> <span>lleugera</span> <span>diferència</span> <span>semàntica</span></span>: <span id="result_box" lang="ca"> <span>l'atribut <strong>dir</strong></span> <span>no s'hereta</span></span>. <span id="result_box" lang="ca"> <span>Si</span> <span>no s'estableix</span> <span>el seu valor, per</span> <span>defecte és el</span> <span>d'</span></span><code>auto,</code><span id="result_box" lang="ca"><span class="alt-edited"> deixar el navegador decidir la direcció basat en el contingut de l'element.</span></span></p> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush: html"><p dir="ltr">This arabic word <bdi>ARABIC_PLACEHOLDER</bdi> is automatically displayed right-to-left.</p> +</pre> + +<h3 id="Resultat">Resultat</h3> + +<p dir="ltr"><span id="result_box" lang="ca"><span>Aquesta</span> <span>paraula àrab</span> <span>REDLOHECALP_CIBARA</span> <span>es</span> <span>visualitza</span> <span>automàticament</span> <span>de dreta a</span> <span>esquerra</span><span>.</span></span></p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-bdi-element', '<bdi>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'the-bdi-element.html#the-bdi-element', '<bdi>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Producte</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>16</td> + <td>{{CompatGeckoDesktop("10.0")}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Producte</th> + <th>Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatNo}}</td> + <td>{{CompatGeckoMobile("10.0")}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 dir="ltr" id="Veure">Veure</h2> + +<ul> + <li><span id="result_box" lang="ca"><span>Element</span> <span>HTML</span> relacionat</span>: {{HTMLElement("bdo")}}</li> + <li><span id="result_box" lang="ca"><span>Propietats</span> <span>HTML</span> <span>relacionades</span></span>: {{cssxref("direction")}}, {{cssxref("unicode-bidi")}}</li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/bdo/index.html b/files/ca/web/html/element/bdo/index.html new file mode 100644 index 0000000000..29fb87aa05 --- /dev/null +++ b/files/ca/web/html/element/bdo/index.html @@ -0,0 +1,152 @@ +--- +title: <bdo> +slug: Web/HTML/Element/bdo +tags: + - BiDi + - Element + - HTML + - Referencia + - Web +translation_of: Web/HTML/Element/bdo +--- +<p id="Summary">{{HTMLRef}}</p> + +<h2 id="Sumari">Sumari</h2> + +<p><span id="result_box" lang="ca"><span class="alt-edited">L'<strong>element HTML <bdo></strong> (o element HTML d'anul·lació bidireccional) s'utilitza per anul·lar la direccionalitat del text actual. Fa que la direccionalidad dels caràcters sigui ignorada en favor de la direccionalidad especificada</span></span>.</p> + +<h2 id="Context_d'ús">C<span class="short_text" id="result_box" lang="ca"><span>ontext</span> <span>d'ús</span></span></h2> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><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>, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLElement")}} Fins Gecko 1.9.2 (Firefox 4) inclosos, Firefox implementa la interfície <a href="/en-US/docs/DOM/span" title="DOM/span"><span style="font-family: courier new;">HTMLSpanElement</span></a> per aquest element.</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p><span style="line-height: 21px;">Aquest element 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> + +<dl> + <dt>{{htmlattrdef("dir")}}</dt> + <dd><span id="result_box" lang="ca"><span>La direcció</span> <span>del text</span> <span>en aquest</span> <span>element.</span> <span>Els</span> <span>valors</span> <span>possibles</span> <span>són</span><span>:</span></span> + <ul> + <li><code>ltr</code>: <span id="result_box" lang="ca"><span>Indica que</span> <span>el text</span> <span>ha d'anar</span> <span>en direcció</span> <span>d'esquerra</span> <span>a dreta</span></span>.</li> + <li><code>rtl</code>: <span id="result_box" lang="ca"><span>Indica que</span> <span>el text</span> <span>ha d'anar</span> <span>en direcció</span> <span>de dreta a esquerra</span></span>.</li> + </ul> + </dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<pre class="brush: html"><!-- Switch text direction --> +<p>This text will go left to right.</p> +<p><bdo dir="rtl">This text will go right to left.</bdo></p></pre> + +<h3 id="Result">Result</h3> + +<p><span class="short_text" id="result_box" lang="ca"><span>Aquest</span> <span>text</span> <span>anirà</span> <span>d'esquerra</span> <span>a dreta</span></span>.</p> + +<p>.tfel ot thgir og lliw txet sihT</p> + +<h2 id="Notes">Notes</h2> + +<p><span id="result_box" lang="ca"><span class="alt-edited">L'especificació HTML 4 no va definir events per a aquest element; es van afegir a XHTML. El més probable és que es tracti d'un descuit.</span></span></p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-bdo-element', '<bdo>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'the-bdo-element.html#the-bdo-element', '<bdo>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'dirlang.html#h-8.2.4', '<bdo>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table" style="height: 75px; width: 902px;"> + <tbody> + <tr> + <th>Caracteristica</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari (WebKit)</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Caracteristica</th> + <th>Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> diff --git a/files/ca/web/html/element/bgsound/index.html b/files/ca/web/html/element/bgsound/index.html new file mode 100644 index 0000000000..766b9598eb --- /dev/null +++ b/files/ca/web/html/element/bgsound/index.html @@ -0,0 +1,106 @@ +--- +title: <bgsound> +slug: Web/HTML/Element/bgsound +tags: + - Element + - HTML + - Non-standard + - Reference + - Web +translation_of: Web/HTML/Element/bgsound +--- +<div>{{non-standard_header}}</div> + +<h2 id="Sumari">Sumari</h2> + +<p>L'element HTML So de Fons (<code><bgsound></code>) és un element d'Internet Explorer que associa un so de fons amb una pàgina.</p> + +<div class="note"> +<p><strong>No utilitzeu aquest!</strong> Per poder inserir l'àudio en una pàgina web, heu d'utilitzar l'element {{HTMLElement("audio")}}.</p> +</div> + +<h2 id="Atributs">Atributs</h2> + +<dl> + <dt>{{htmlattrdef("balance")}}</dt> + <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>defineix un</span> <span>nombre entre</span> <span>-10000</span> <span>i</span> <span>10000</span> <span>que determina com</span> <span>es</span> <span>dividirà el</span> <span>volum</span> <span>entre els</span> <span>altaveus</span></span></dd> + <dt>{{htmlattrdef("loop")}}</dt> + <dd>Aquest atribut indica el nombre de vegades que un so es reproduirà i pot tenir qualsevol valor numèric o la paraula clau infinita.</dd> + <dt>{{htmlattrdef("src")}}</dt> + <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>especifica</span> <span>l'adreça URL</span> <span>de l'arxiu de</span> <span>so que</span> <span>es</span> <span>reproduirà</span><span>,</span> <span>que ha de ser</span> <span>un dels</span> <span>següents</span> <span>tipus:</span> <span>.wav</span><span>,</span> <span>.au</span><span>,</span> <span>o</span> <span>.mid</span><span>.</span></span></dd> + <dt>{{htmlattrdef("volume")}}</dt> + <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>defineix un</span> <span>nombre entre</span> <span>0</span> <span>i</span> <span>10.000</span> <span>que determina la</span> <span>intensitat</span> <span>del so</span> <span>de fons</span> <span>d'una pàgina.</span></span></dd> +</dl> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush:html"><bgsound src="sound1.mid"> + +<bgsound src="sound2.au" loop="infinite"> +</pre> + +<h2 id="Notes">Notes</h2> + +<p><span id="result_box" lang="ca"><span>Funcionalitat</span> <span>similar pot</span> <span>aconseguir-se en</span> <span>algunes</span> <span>versions</span> <span>de Netscape</span> <span>que utilitzen</span> <span>l'etiqueta</span> <code><span><</span><span>embed</span><span>></span></code> <span>per invocar</span> <span>un reproductor</span> <span>d'àudio.</span></span></p> + +<p>Podem escriure bgsound amb una etiqueta de tancament <code><bgsound /></code>. No obstant això, ja que aquest element no és part d'una norma, pel que fa a XHTML no será validat.</p> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}} [1]</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</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>Suport bàsic</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}} [1]</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] Fins Firefox 22, tot i no donar suport a aquest element, Gecko va associar-ho a {{domxref ("HTMLSpanElement")}}. Això va ser corregit i ara l'element associat és un {{domxref ("HTMLUnknownElement")}} com és requerit per l'especificació.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>El {{htmlelement("audio")}}, és l'element estàndard d'àudio per incrustar en un document.</li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/big/index.html b/files/ca/web/html/element/big/index.html new file mode 100644 index 0000000000..cf7a7a3cd1 --- /dev/null +++ b/files/ca/web/html/element/big/index.html @@ -0,0 +1,107 @@ +--- +title: <big> +slug: Web/HTML/Element/big +tags: + - Element + - HTML + - Obsolete + - Reference + - Web +translation_of: Web/HTML/Element/big +--- +<div>{{obsolete_header}}</div> + +<h2 id="Sumari">Sumari</h2> + +<p>L'Element HTML gran (<code><big></code>) fa que la mida de la lletra del text sigui d'una mida més gran (per exemple, de petites a mitjanes, o de grans a x-gran) fins a la mida de la font màxima del navegador.</p> + +<div class="note"> +<p><strong>Nota d'ùs: </strong>Com solament era de presentació, aquest element s'ha eliminat en <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5" title="/en-US/docs/Web/Guide/HTML/HTML5">HTML5</a> i no s'ha d'utilitzar més. En lloc d'això els desenvolupadors web han d'usar les propietats <a href="https://developer.mozilla.org/en-US/docs/Web/CSS" title="/en-US/docs/Web/CSS">CSS</a> .</p> +</div> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element no té altres atributs que els <a href="/en-US/docs/HTML/global_attributes" title="HTML/global attributes">atributs globals</a>, comuns a tots els elements.</p> + +<h2 id="Exemple_1">Exemple 1</h2> + +<pre class="brush:xml"><p> + This is the first sentence. <big>This whole + sentence is in bigger letters.</big> +</p></pre> + +<h2 id="Exemple_2_(CSS_alternatiu)">Exemple 2 (CSS alternatiu)</h2> + +<pre class="brush:xml"><p> + This is the first sentence. <span style="font-size:1.2em">This whole + sentence is in bigger letters.</span> +</p></pre> + +<h3 id="Resultat">Resultat</h3> + +<p>This is the first sentence. <span style="font-size: 1.2em;">This whole sentence is in bigger letters.</span></p> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element implementa la interfície {{domxref('HTMLElement')}}.</p> + +<div class="note"><strong>Nota d'implementació: </strong>Fins Gecko 1.9.2 inclossos, Firefox implementa per aquest element la interfície {{domxref('HTMLSpanElement')}}.</div> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>{{htmlelement("small")}}, {{htmlelement("font")}}, {{htmlelement("style")}}</li> + <li>Especificacións HTML 4.01: <a class="external" href="http://www.w3.org/TR/html4/present/graphics.html#h-15.2">Font Styles</a></li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/blink/index.html b/files/ca/web/html/element/blink/index.html new file mode 100644 index 0000000000..ebe43128ab --- /dev/null +++ b/files/ca/web/html/element/blink/index.html @@ -0,0 +1,101 @@ +--- +title: <blink> +slug: Web/HTML/Element/blink +tags: + - Deprecated + - Element + - HTML + - Obsolete + - Reference + - Web +translation_of: Web/HTML/Element/blink +--- +<div>{{Deprecated_header}} {{Non-standard_header}}</div> + +<p>L'element HTML parpelleig (<code><blink></code>) és un element no estàndard que fa que el text adjunt parpellegi lentament.</p> + +<div class="warning"> +<p class="note"><strong>Atenció</strong>: No utilitzeu aquest element, ja que no és estàndard i està <strong>desaprovat</strong>. El text parpellejant està mal vist per diversos estàndards d'accessibilitat i l'especificació CSS permet als navegadors que ignorin el valor de parpelleig.</p> +</div> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element no és compatible i per tant implementa la interfície {{domxref("HTMLUnknownElement")}}.</p> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush:html"><blink>Why would somebody use this?</blink> +</pre> + +<h3 id="Resultat_(atenuat!)">Resultat (atenuat!)</h3> + +<p><img alt="Image:HTMLBlinkElement.gif" src="/@api/deki/files/247/=HTMLBlinkElement.gif"></p> + +<h2 id="Especificacions">Especificacions</h2> + +<p>Aquest element no és estàndard i no forma part de cap especificació. <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/obsolete.html#non-conforming-features">sinó us ho creieu consultar l'especificació HTML.</a></p> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> + +<div>{{CompatibilityTable}}</div> + +<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 (WebKit)</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}} [1]</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}} [2]</td> + <td>{{CompatNo}}</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 Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}} [1]</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}} [2]</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] Suportat fins a la versió 22. Eliminat en la versió 23.</p> + +<p>[2] Suportat fins a la versió 12.1. Eliminat en la versió 15.0.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li><a href="http://www.montulli.org/theoriginofthe%3Cblink%3Etag">Historia de la creació de l'element HTML <code><blink></code> </a>.</li> + <li>{{cssxref("text-decoration")}}, encara que existeixi un valor de parpelleig, els navegadors no estan obligats a fer-lo parpellejar.</li> + <li>{{htmlelement("marquee")}}, <span class="short_text" id="result_box" lang="ca"><span>un altre</span> <span>element</span> similar <span>no estàndard</span>.</span></li> + <li><a href="/en-US/docs/Web/Guide/CSS/Using_CSS_animations" title="/en-US/docs/Web/Guide/CSS/Using_CSS_animations">CSS animations</a> és<span class="short_text" id="result_box" lang="ca"><span> el</span> <span>camí a seguir per</span> <span>crear aquest</span> <span>efecte</span></span>.</li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/blockquote/index.html b/files/ca/web/html/element/blockquote/index.html new file mode 100644 index 0000000000..c16e0dd6ac --- /dev/null +++ b/files/ca/web/html/element/blockquote/index.html @@ -0,0 +1,154 @@ +--- +title: <blockquote> +slug: Web/HTML/Element/blockquote +tags: + - Element + - HTML + - Referencia + - Web +translation_of: Web/HTML/Element/blockquote +--- +<h2 id="Sumari">Sumari</h2> + +<p><strong>L'element HTML <code><blockquote></code></strong> (o <em>Element HTML Bloc de cita</em>) indica que el text adjunt és una cita estesa. Generalment, això es representa visualment per sagnat (veure <a href="/en-US/docs/HTML/Element/blockquote#Notes">Notes</a> per a la forma de canviar-ho). Una adreça URL de la font de la cita es pot administrar mitjançant l'atribut <strong>cite</strong>, mentre que una representació de text de la font es pot administrar utilitzant l'element {{HTMLElement("cite")}}.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut de Flux</a>, seccionament arrel, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Phrasing_content">Contingut de Flux</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td><span class="short_text" id="result_box" lang="ca"><span>Qualsevol</span> <span>element</span> <span>que accepti</span></span> <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Phrasing_content">Contingut de Flux</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLQuoteElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globlas</a><span style="line-height: 21px;">.</span></p> + +<dl> + <dt>{{htmlattrdef("cite")}}</dt> + <dd><span id="result_box" lang="ca"><span>Un URL</span> <span>que designa un</span> <span>document o</span> <span>missatge</span> <span>per a la</span> <span>informació</span> <span>esmentada</span><span>.</span> <span>Aquest</span> <span>atribut</span> <span>està</span> <span>destinat</span> <span>a assenyalar</span> <span>la informació que</span> <span>explica</span> <span>el context</span> <span>o la referència</span> de<span> la</span> <span class="alt-edited">cita.</span></span></dd> +</dl> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush: html"><blockquote cite="http://developer.mozilla.org"> + <p>This is a quotation taken from the Mozilla Developer Center.</p> +</blockquote> +</pre> + +<p>Resultat del codi HTML: :</p> + +<blockquote cite="http://developer.mozilla.org"> +<p>This is a quotation taken from the Mozilla Developer Center.</p> +</blockquote> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'semantics.html#the-blockquote-element', '<blockquote>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-blockquote-element', '<blockquote>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.2.2', '<blockquote>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Notes">Notes</h2> + +<p>Per canviar el sagnat de <code><blockquote></code>, s'utilitza la propietat <a href="/en-US/docs/CSS" title="CSS">CSS</a> {{cssxref("margin")}}.</p> + +<p>Per cites curtes s'utilitza l'element<code> </code>{{HTMLElement("q")}}.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>L'element {{HTMLElement("q")}} per a les cites en línia.</li> + <li>L'element {{HTMLElement("cite")}} per a cites de les fonts.</li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/body/index.html b/files/ca/web/html/element/body/index.html new file mode 100644 index 0000000000..6ed0a3a4c2 --- /dev/null +++ b/files/ca/web/html/element/body/index.html @@ -0,0 +1,229 @@ +--- +title: <body> +slug: Web/HTML/Element/body +tags: + - Element + - HTML + - Referencia + - Sections + - Web +translation_of: Web/HTML/Element/body +--- +<p>{{HTMLRef}}</p> + +<p>L'element <strong>HTML <code><body></code> </strong>representa el contingut de un document HTML. Solament pot haver-hi un element <code><body></code> en un document.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/Web/HTML/Sections_and_Outlines_of_an_HTML5_document#Sectioning_roots">Seccionament arrel</a>.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut de Flux</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td> + <p>L'etiqueta d'inici es pot ometre si el primer concepte no és un caràcter espai, comentari, element {{HTMLElement("script")}} o element {{HTMLElement("style")}}. L'etiqueta final es pot ometre si l'element body té continguts o té una etiqueta d'inici, i no és seguit per un comentari.</p> + </td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td><span class="short_text" id="result_box" lang="ca"><span>Ha de ser</span> <span>el segon</span> <span>element</span> <span>d'un element</span></span> {{HTMLElement("html")}}.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLBodyElement")}} + <ul> + <li>T'element <code><body></code> exposa la interfície {{domxref("HTMLBodyElement")}}.</li> + <li><span id="result_box" lang="ca"><span class="alt-edited">Es pot accedir a l'element body a través de l'atribut</span></span> {{domxref("document.body")}}.</li> + </ul> + </td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("alink")}} {{obsolete_inline}}</dt> + <dd>Color del text dels hipervínculos quan se selecciona. <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS {{cssxref("color")}} en conjunció amb la pseudo-classe {{cssxref(":active")}}.</em></dd> + <dt>{{htmlattrdef("background")}} {{obsolete_inline}}</dt> + <dd>URI d'una imatge per utilitzar com a fons. <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS background en l'element.</em></dd> + <dt>{{htmlattrdef("bgcolor")}} {{obsolete_inline}}</dt> + <dd>Color de fons del document. <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS {{cssxref("background-color")}} en l'element.</em></dd> + <dt>{{htmlattrdef("bottommargin")}} {{obsolete_inline}}</dt> + <dd>El marge de la part inferior del cos del document. <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS {{cssxref("margin-bottom")}} en l'element.</em></dd> + <dt>{{htmlattrdef("leftmargin")}} {{obsolete_inline}}</dt> + <dd>El marge de l'esquerra del cos del document. <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS {{cssxref("margin-left")}} en l'element.</em></dd> + <dt>{{htmlattrdef("link")}} {{obsolete_inline}}</dt> + <dd>El color del text per als enllaços d'hipertext no visitats. <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS {{cssxref("color")}} juntament amb la pseudo-classe la: {{cssxref(":link")}}.</em></dd> + <dt>{{htmlattrdef("onafterprint")}}</dt> + <dd><span id="result_box" lang="ca"><span>Funció</span> <span>a cridar</span> <span>després que</span> <span>l'usuari ha</span> <span>imprès el</span> <span>document.</span></span></dd> + <dt>{{htmlattrdef("onbeforeprint")}}</dt> + <dd><span id="result_box" lang="ca"><span>Funció</span> <span>a cridar</span> <span>quan l'usuari</span> <span>sol·licita</span> <span>la impressió del</span> <span>document.</span></span></dd> + <dt>{{htmlattrdef("onbeforeunload")}}</dt> + <dd><span id="result_box" lang="ca"><span>Funció</span> <span>a cridar</span> <span>quan</span> <span>el document</span> <span>està</span> <span>a punt de ser</span> <span>descarregat.</span></span></dd> + <dt>{{htmlattrdef("onblur")}}</dt> + <dd>Funció a cridar quan el document <span id="result_box" lang="ca"><span class="alt-edited">perd el focus.</span></span></dd> + <dt>{{htmlattrdef("onerror")}}</dt> + <dd><span id="result_box" lang="ca"><span class="alt-edited">Funció a cridar quan el document no es carrega correctament.</span></span></dd> + <dt>{{htmlattrdef("onfocus")}}</dt> + <dd><span id="result_box" lang="ca"><span class="alt-edited">Funció a cridar quan el document rep el focus.</span></span></dd> + <dt>{{htmlattrdef("onhashchange")}}</dt> + <dd>Funció a cridar quan part del identificador del fragment (a partir del caràcter comodí ("#") ) de la direcció actual del document ha canviat.</dd> + <dt>{{htmlattrdef("onlanguagechange")}} {{experimental_inline}}</dt> + <dd>Funció a cridar quan els idiomes preferits han canviat.</dd> + <dt>{{htmlattrdef("onload")}}</dt> + <dd>Funció a cridar quan el document hagi acabat de carregar.</dd> + <dt>{{htmlattrdef("onmessage")}}</dt> + <dd>Funció a cridar quan el document ha rebut un missatge.</dd> + <dt>{{htmlattrdef("onoffline")}}</dt> + <dd>Funció a cridar quan la comunicació de xarxa ha fallat.</dd> + <dt>{{htmlattrdef("ononline")}}</dt> + <dd>Funció a cridar quan la comunicació de xarxa s'ha restaurat.</dd> + <dt>{{htmlattrdef("onpopstate")}}</dt> + <dd>Funció a cridar quan l'usuari ha navegat per el historial de la sessió.</dd> + <dt>{{htmlattrdef("onredo")}}</dt> + <dd><span id="result_box" lang="ca"><span>Funció</span> <span>a cridar</span> <span>quan</span> <span>l'usuari s'ha</span> <span>mogut</span> <span>cap</span> <span>endavant en</span> <span>l'historial</span> <span>de transaccions de</span> <span>desfer</span></span>.</dd> + <dt>{{htmlattrdef("onresize")}}</dt> + <dd>Funció a cridar quan el document ha estat redimensionat.</dd> + <dt>{{htmlattrdef("onstorage")}}</dt> + <dd><span id="result_box" lang="ca"><span>Funció</span> <span>a cridar</span> <span>quan l'àrea</span> <span>d'emmagatzematge</span> <span>ha canviat.</span></span></dd> + <dt>{{htmlattrdef("onundo")}}</dt> + <dd><span id="result_box" lang="ca"><span>Funció</span> <span>a cridar</span> <span>quan</span> <span>l'usuari s'ha</span> <span>mogut</span> <span>cap enrere en</span> <span>l'historial</span> <span>de transaccions</span> <span>de desfer.</span></span></dd> + <dt>{{htmlattrdef("onunload")}}</dt> + <dd>Funció a cridar quan el document vagi a desaparèixer.</dd> + <dt>{{htmlattrdef("rightmargin")}} {{obsolete_inline}}</dt> + <dd>El marge de la dreta del cos del document. <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS {{cssxref("margin-right")}} en l'element.</em></dd> + <dt>{{htmlattrdef("text")}} {{obsolete_inline}}</dt> + <dd>Color de primer pla del text. <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS {{cssxref("color")}} en l'element.</em></dd> + <dt>{{htmlattrdef("topmargin")}} {{obsolete_inline}}</dt> + <dd>El marge de la part superior del cos del document. <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS {{cssxref("margin-top")}} en l'element.</em></dd> + <dt>{{htmlattrdef("vlink")}} {{obsolete_inline}}</dt> + <dd>Color del text per als enllaços d'hipertext visitats. <em>Aquest mètode no és conforme, utilitzar en el seu lloc la propietat CSS {{cssxref("color")}} en conjunció amb la pseudo-classe {{cssxref(":visited")}}.</em></dd> +</dl> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'sections.html#the-body-element', '<body>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td><span id="result_box" lang="ca"><span>S'ha</span> <span>canviat</span> <span>la llista</span> <span>de característiques no</span> <span>conformes.</span></span></td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'sections.html#the-body-element', '<body>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Obsolets els atributs anteriorment en desús. Defineix el comportament dels no conformes i no estandarditzats <code>margintop</code>, <code>marginleft</code>, <code>marginright</code> i <code>marginbottom</code>. S'ha afegit en els atributs el *.</td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/global.html#h-7.5.1', '<body>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td>Desaprovats els atributs <code>alink</code>, <code>background</code>, <code>bgcolor</code>, <code>link</code>, <code>text</code> i <code>vlink</code>.</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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 (WebKit)</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td><code>onlanguagechange</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoDesktop("32")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>bottommargin</code>, <code>leftmargin</code>, <code>rightmargin</code>, <code>topmargin</code> {{obsolete_inline}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("35")}} [1]</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</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 Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td><code>onlanguagechange</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("32")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>bottommargin</code>, <code>leftmargin</code>, <code>rightmargin</code>, <code>topmargin</code> {{obsolete_inline}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("35")}} [1]</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] Abans només comptava amb el suport en Quirk Mode.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>{{HTMLElement("html")}}</li> + <li>{{HTMLElement("head")}}</li> +</ul> diff --git a/files/ca/web/html/element/br/index.html b/files/ca/web/html/element/br/index.html new file mode 100644 index 0000000000..94aedec757 --- /dev/null +++ b/files/ca/web/html/element/br/index.html @@ -0,0 +1,136 @@ +--- +title: <br> +slug: Web/HTML/Element/br +translation_of: Web/HTML/Element/br +--- +<h2 id="Summary" name="Summary">Resum</h2> + +<p>L'element <strong>HTML <code><br></code> </strong> (de l'Anglès<em> </em><em>Line Break</em>) produeix un salt de línia en el text (carriage-return). És útil per escriure un poema o una adreça, on la divisió de línies és significatiu.</p> + +<p>No s'ha de fer servir <code><br></code> per augmentar la distància entre línies de text; sinó la propietat <a href="/en-US/docs/CSS" title="CSS">CSS</a> {{cssxref('margin')}} o l'element {{HTMLElement("p")}} .</p> + +<ul class="htmlelt"> + <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>.</li> + <li><dfn>Contingut permès</dfn> Cap, és un {{Glossary("empty element")}}.</li> + <li><dfn>Omissió de l'etiqueta </dfn> Ha de tenir una etiqueta d'entrada, i cap de sortida. En els documents XHTML, s'ha d'escriure aquest element com a <code><br /></code>.</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> + <li><dfn>Interfície DOM</dfn> {{domxref("HTMLBRElement")}}</li> +</ul> + +<h2 id="Attributes" name="Attributes">Atributs</h2> + +<p><span style="line-height: 21px;">Aquest element 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> + +<dl> + <dt>{{htmlattrdef("clear")}} {{deprecatedGeneric('inline','HTML4.01')}} {{obsoleteGeneric('inline','HTML5')}}</dt> + <dd>Indica on comença la següent línia després del salt de línia<em> .</em> + <div class="note"> + <p><strong>Nota d'ús: </strong>Aquest atribut és obsolet en {{HTMLVersionInline(5)}} i <strong>no s'hauria de fer servir per desenvolupadors</strong>. Es pot fer servir la propietat CSS {{CSSxref('clear')}} per això.</p> + </div> + </dd> +</dl> + +<h2 id="Example" name="Example">Exemple</h2> + +<pre class="brush: html">Mozilla Foundation<br> +1981 Landings Drive<br> +Building K<br> +Mountain View, CA 94043-0801<br> +USA +</pre> + +<p>L'HTML de dalt mostra:</p> + +<p>Mozilla Foundation<br> + 1981 Landings Drive<br> + Building K<br> + Mountain View, CA 94043-0801<br> + USA</p> + +<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-br-element', '<br>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-br-element', '<br>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.3.2.1', '<br>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">Comptabilitat 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 (WebKit)</th> + </tr> + <tr> + <td>Basic support</td> + <td>1.0</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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 Phone</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> + +<h2 id="See_also" name="See_also">Vegeu també</h2> + +<ul> + <li>{{HTMLElement("address")}} element</li> + <li>{{HTMLElement("p")}} element</li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/button/index.html b/files/ca/web/html/element/button/index.html new file mode 100644 index 0000000000..40567f0bc4 --- /dev/null +++ b/files/ca/web/html/element/button/index.html @@ -0,0 +1,345 @@ +--- +title: <button> +slug: Web/HTML/Element/button +translation_of: Web/HTML/Element/button +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'element HTML <code><button></code> representa un botó que es premi.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><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>, <a href="/en-US/docs/HTML/Content_categories#Interactive_content" title="HTML/Content categories#Interactive content">Contingut interactiu</a>, <a href="/en-US/docs/HTML/Content_categories#Form_listed" title="HTML/Content categories#Form listed">enumerat</a>, <a href="/en-US/docs/HTML/Content_categories#Form_labelable" title="HTML/Content categories#Form labelable">etiquetables</a>, i <a href="/en-US/docs/HTML/Content_categories#Form_submittable" title="HTML/Content categories#Form submittable">enviament formularis associats</a> element, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}} </td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLButtonElement")}}</td> + </tr> + <tr> + <th scope="row">Tipus d'element</th> + <td>En línia</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els<span style="line-height: 21px;"> </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> + +<dl> + <dt>{{htmlattrdef("autofocus")}} {{HTMLVersionInline(5)}}</dt> + <dd>Aquest atribut booleà permet especificar que el botó ha de tenir un focus d'entrada quan es carrega la pàgina, llevat que l'usuari els redefineixi, per exemple escrivint en un control diferent. Només un element form-associated a un document pot tenir aquest atribut especificat.</dd> + <dt>{{htmlattrdef("autocomplete")}} {{non-standard_inline}}</dt> + <dd>L'ús d'aquest atribut en un {{HTMLElement("button")}} no és estàndard i específic de Firefox. Per defecte, a diferència d'altres navegadors, <a href="http://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing">Firefox persisteix l'estat dinàmic desactivat</a> d'un {{HTMLElement("button")}} a través de càrregues de pàgina. Establir el valor d'aquest atribut en <code>off</code> (i.e. <code>autocomplete = "off"</code>) desactiva aquesta funció. Vegeu {{bug(654072)}}.</dd> + <dt>{{htmlattrdef("disabled")}}</dt> + <dd> + <p>Aquest atribut booleà indica que l'usuari no pot interactuar amb el botó. Si no s'especifica aquest atribut, el botó hereta la seva configuració des de l'element que el conté, per exemple {{HTMLElement("fieldset")}} ; si no hi ha cap element que contingui l'atribut <strong>disabled</strong>, llavors el botó està activat.</p> + + <p>Firefox, a diferència d'altres navegadors, per defecte, <a href="http://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing">persisteixi l'estat dinàmica desactivat</a> d'un {{HTMLElement("button")}} a través de càrregues de pàgina. Utilitzeu l'atribut {{htmlattrxref("autocomplete","button")}} per a controlar aquesta funció.</p> + </dd> + <dt>{{htmlattrdef("form")}} {{HTMLVersionInline(5)}}</dt> + <dd>L'element form que el botó està associat amb (<em>el propietari del formulari</em>). El valor de l'atribut ha de ser l'atribut id d'un element {{HTMLElement("form")}} en el mateix document. Si no s'especifica aquest atribut, l'element <code><button></code> s'associa a un ancestre element {{HTMLElement("form")}}, si és que existeix. Aquest atribut permet associar elements <code><button></code> a elements {{HTMLElement("form")}} en qualsevol lloc dins d'un document, no només com descendents dels elements {{HTMLElement("form")}}.</dd> + <dt>{{htmlattrdef("formaction")}} {{HTMLVersionInline(5)}}</dt> + <dd>L'URI d'un programa que processa la informació presentada pel botó. Si s'especifica, s'anul·la l'atribut {{htmlattrxref("action","form")}} del propietari del formulari del botó.</dd> + <dt>{{htmlattrdef("formenctype")}} {{HTMLVersionInline(5)}}</dt> + <dd><span id="result_box" lang="ca"><span>Si</span> <span>el botó</span> <span>és</span> <span>un botó</span> <span>d'enviament,</span> <span>aquest</span> <span>atribut</span> <span>especifica</span> <span>el tipus</span> <span>de contingut</span> <span>que s'utilitza</span> <span>per enviar el</span> <span>formulari al</span> <span>servidor.</span> <span>Els</span> <span>valors</span> <span>possibles</span> <span>són</span><span>:</span></span> + <ul> + <li><code>application/x-www-form-urlencoded</code>: <span id="result_box" lang="ca"><span>El valor</span> <span>per defecte si</span> <span>no s'especifica</span> <span>l'atribut</span><span>.</span></span></li> + <li><code>multipart/form-data</code>: Utilitzeu aquest valor si està utilitzant un element {{HTMLElement("input")}} amb l'atribut {{htmlattrxref("type","input")}} establert en l<code>'arxiu</code>.</li> + <li><code>text/plain</code></li> + </ul> + + <p>Si s'especifica aquest atribut, s'anul·la l'atribut {{htmlattrxref("enctype","form")}} del propietari del formulari dels botons.</p> + </dd> + <dt>{{htmlattrdef("formmethod")}} {{HTMLVersionInline(5)}}</dt> + <dd><span id="result_box" lang="ca"><span>Si</span> <span>el botó</span> <span>és</span> <span>un botó</span> <span>d'enviament,</span> <span>aquest</span> <span>atribut</span> <span>especifica el</span> <span>mètode</span> <span>HTTP</span> <span>que el navegador</span> <span>utilitza</span> <span>per enviar el</span> <span>formulari.</span> <span>Els</span> <span>valors</span> <span>possibles</span> <span>són</span><span>:</span></span> + <ul> + <li><code>post</code>: Les dades del formulari s'incloent en el cos del formulari i s'envia al servidor.</li> + <li><code>get</code>: Les dades del formulari s'afegeixen a l'atribut de formulari URI, amb un '?' com a separador, i l'URI resultant s'envia al servidor. Utilitzeu aquest mètode quan el formulari no té efectes secundaris i conté només caràcters ASCII.</li> + </ul> + + <p>Si s'especifica, aquest atribut reemplaça l'atribut {{htmlattrxref("method","form")}} del propietari del formulari del botó.</p> + </dd> + <dt>{{htmlattrdef("formnovalidate")}} {{HTMLVersionInline(5)}}</dt> + <dd>Si el botó és un botó d'enviament, aquest atribut booleà especifica que el formulari no ha de ser validat quan es presenti. Si s'especifica aquest atribut, s'anul·la l'atribut {{htmlattrxref("novalidate","form")}} del propietari del formulari del botó.</dd> + <dt>{{htmlattrdef("formtarget")}} {{HTMLVersionInline(5)}}</dt> + <dd><span id="result_box" lang="ca"><span>Si</span> <span>el botó</span> <span>és</span> <span>un botó</span> <span>d'enviament,</span> <span>aquest</span> <span>atribut</span> <span>és</span> <span>un nom</span> <span>o una paraula</span> <span>clau que</span> <span>indica on</span> <span>s'ha de mostrar</span> <span>la resposta que</span> <span>es</span> <span>rep</span> <span>després d'enviar</span> <span>el formulari.</span> <span>Es</span> <span>tracta</span> <span>d'un nom de</span><span>,</span> <span>o una paraula</span> <span>clau</span> <span>per a un</span> <span>context</span> <span>de navegació</span> <span>(</span><span>per</span> <span>exemple</span><span>, pestanya</span><span>, finestra</span> <span>o</span> <span>marc en</span> <span>línia</span><span>)</span><span>.</span> <span>Si s'especifica</span> <span>aquest</span> <span>atribut</span><span>, </span></span> reemplaça l'atribut de destinació <span lang="ca"> <span>del propietari del</span> <span>formulari</span> <span>del botó.</span> <span>Les</span> <span>següents</span> <span>paraules</span> <span>clau</span> <span>tenen</span> <span>un significat</span> <span>especial</span><span>:</span></span></dd> + <dd> + <ul> + <li><code>_self</code>: Càrrega la resposta en el mateix context de navegació com l'actual. Aquest valor és el valor per defecte si no s'especifica l'atribut.</li> + <li><code>_blank</code>: Càrrega la resposta en un nou context de navegació sense nom.</li> + <li><code>_parent</code>: Càrrega la resposta en el context de navegació dels pares de l'actual. Si no hi ha pare, aquesta opció es comporta de la mateixa manera que <code>_self</code>.</li> + <li><code>_top</code>: Càrrega la resposta en el context de navegació de nivell superior (és a dir, el context de navegació que és un ancestre de l'actual, i no té pare). Si no hi ha pare, aquesta opció es comporta de la mateixa manera que<code> _self</code>.</li> + </ul> + </dd> + <dt>{{htmlattrdef("name")}}</dt> + <dd><span id="result_box" lang="ca"><span>El nom del</span> <span>botó</span><span>, que es presenta</span> <span>amb</span> <span>les dades del</span> <span>formulari.</span></span></dd> + <dt>{{htmlattrdef("type")}}</dt> + <dd><span id="result_box" lang="ca"><span>Tipus</span> <span>de botó.</span> <span>Els</span> <span>valors</span> <span>possibles</span> <span>són</span><span>:</span></span> + <ul> + <li><code>submit</code>: El botó envia les dades del formulari al servidor. Aquest és el valor per defecte si no s'especifica l'atribut, o si l'atribut es canviat dinàmicament a un valor buit o no vàlid.</li> + <li><code>reset</code>: Rstableix tots els controls als seus valors inicials</li> + <li><code>button</code>: El botó no té cap comportament predeterminat. Pot tenir seqüències d'ordres del costat del client, relacionats amb els events de l'element, que s'activen quan es produeixen els events.</li> + <li>menu: El botó obre un menú emergent definit pel seu element {{HTMLElement("menu")}} designat.</li> + </ul> + </dd> + <dt>{{htmlattrdef("value")}}</dt> + <dd><span id="result_box" lang="ca"><span>El valor inicial</span> <span>del botó.</span> <span>Defineix</span> <span>el valor associat</span> <span>amb</span> <span>el botó que</span> <span>es presenta</span> <span>amb</span> <span>les dades del</span> <span>formulari.</span> <span>Aquest</span> <span>valor</span> <span>es passa al</span> <span>servidor</span> <span>en</span> <span>params</span> <span>quan</span> <span>s'envia el</span> <span>formulari.</span></span></dd> +</dl> + +<h2 id="Example" name="Example">Exemple</h2> + +<pre class="brush:html"><button name="button">Click me</button> +</pre> + +<p>{{ EmbedLiveSample('Example', 200, 64) }}</p> + +<p><span class="short_text" id="result_box" lang="ca"><span>Recordeu que</span> <span>aquest</span> <span>botó</span> <span>s'ha</span> <span>aplicat</span> <span>CSS.</span></span></p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'the-button-element.html#the-button-element', '<button>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'forms.html#the-button-element', '<button>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'interact/forms.html#h-17.5', '<button>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>formaction</code></td> + <td>9.0</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>10</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>formenctype</code></td> + <td>9.0</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>10</td> + <td>10.6</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>formmethod</code></td> + <td>9.0</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>10</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>autofocus</code></td> + <td>5.0</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>10</td> + <td>9.6</td> + <td>5.0</td> + </tr> + <tr> + <td>atribut <code>menu</code> value for <code>type</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}<sup>[1]</sup></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>formaction</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>formenctype</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>formmethod</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>menu</code> value for <code>type</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] Gecko no implementa aquesta funció fins el moment. Veure {{bug("1241353")}}.</p> + +<h3 id="En_fer_clic_i_enfocament"><span class="short_text" id="result_box" lang="ca"><span>En fer</span> <span>clic i</span> <span>enfocament</span></span></h3> + +<p><span id="result_box" lang="ca"><span class="alt-edited">Si fem clic a un </span></span>{{HTMLElement("button")}}<span lang="ca"><span class="alt-edited"> fa que (per defecte) aquest es converteixi en el focus i varïi segons el navegador i sistema operatiu. Els resultats de </span></span>{{HTMLElement("input")}}<span lang="ca"><span class="alt-edited"> de <code>type="button"</code> i <code>type="submit"</code> son els mateixos.</span></span></p> + +<table> + <caption>Fer clic en un {{HTMLElement("button")}} donar-li el focus?</caption> + <tbody> + <tr> + <td>Desktop Browsers</td> + <th>Windows 8.1</th> + <th>OS X 10.9</th> + </tr> + <tr> + <th>Firefox 30.0</th> + <td style="background-color: LawnGreen;">Yes</td> + <td style="background-color: red;">No (even with a <code>tabindex</code>)</td> + </tr> + <tr> + <th>Chrome 35</th> + <td style="background-color: LawnGreen;">Yes</td> + <td style="background-color: LawnGreen;">Yes</td> + </tr> + <tr> + <th>Safari 7.0.5</th> + <td style="background-color: silver;">N/A</td> + <td style="background-color: red;">No (even with a <code>tabindex</code>)</td> + </tr> + <tr> + <th>Internet Explorer 11</th> + <td style="background-color: LawnGreen;">Yes</td> + <td style="background-color: silver;">N/A</td> + </tr> + <tr> + <th>Presto (Opera 12)</th> + <td style="background-color: LawnGreen;">Yes</td> + <td style="background-color: LawnGreen;">Yes</td> + </tr> + </tbody> +</table> + +<table> + <caption>Fer un toc en un {{HTMLElement("button")}} donar-li el focus?</caption> + <tbody> + <tr> + <td>Navagadors Mòvils</td> + <th>iOS 7.1.2</th> + <th>Android 4.4.4</th> + </tr> + <tr> + <th>Safari Mobile</th> + <td style="background-color: red;">No (even with a <code>tabindex</code>)</td> + <td style="background-color: silver;">N/A</td> + </tr> + <tr> + <th>Chrome 35</th> + <td style="background-color: red;">No (even with a <code>tabindex</code>)</td> + <td style="background-color: LawnGreen;">Yes</td> + </tr> + <tr> + </tr> + </tbody> +</table> + +<h2 id="Notes">Notes</h2> + +<p>Els elements <code><button></code> són molt més fàcil de donar estil que els elements {{HTMLElement("input")}}. Podeu afegir contingut HTML intern (com <code><em>, <strong></code> o fins i tot <code><img></code>), i fer ús dels pseudo-elements {{Cssxref(":after")}} i {{Cssxref(":before")}} per aconseguir la generació d'elements complexos, mentre que {{HTMLElement("input")}} només accepta un atribut de valor de text.</p> + +<p>Internet Explorer 7 té un error pel qual l'enviar un formulari amb <code><button type="submit" name="myButton" value="foo">Click me</button></code>, les dades POST enviats donarà com a resultat <code>myButton=Click</code> <code>me</code> en lloc de <code>myButton=foo</code>. IE6 té un error encara pitjor quan s'envia un formulari a través d'un botó, presentarà tots els botons del formulari, amb el mateix error com IE7.Aquest error s'ha corregit en IE8.</p> + +<p><span id="result_box" lang="ca"><span class="alt-edited">Firefox afegirà, amb fins d'accessibilitat, una petita vora de punts en un botó que té el focus. Aquesta frontera es declara a través de CSS, en el full d'estil del navegador, però pot substituir-lo en cas necessari, afegin el seu propi estil en el botó enfocat</span></span><code> {{cssxref("::-moz-focus-inner")}} { }.</code></p> + +<p>Firefox, a diferència d'altres navegadors, per defecte, <a href="http://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing">persisteixi l'estat desactivat dinàmica</a> d'un {{HTMLElement("button")}} a través de càrregues de pàgina. En establir el valor de l'atribut {{htmlattrxref("autocomplete","button")}} en <code>off</code> desactiva aquesta funció. Vegeu {{bug(654072)}}.</p> + +<p>Firefox <35 per Android estableix per defecte un gradient {{ cssxref("background-image") }} en tots els botons (veure {{bug(763671)}}). Això es pot desactivar usant <code>background-image: none</code>.</p> + +<h2 id="Veure">Veure</h2> + +<p><span id="result_box" lang="ca"><span>Altres elements</span> <span>que s'utilitzen</span> <span>per a la</span> <span>creació</span> <span>de formularis</span></span> : {{HTMLElement("form")}}, {{HTMLElement("datalist")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("input")}},{{HTMLElement("keygen")}}, {{HTMLElement("label")}}, {{HTMLElement("legend")}}, {{HTMLElement("meter")}}, {{HTMLElement("optgroup")}}, {{HTMLElement("option")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}}, {{HTMLElement("select")}}, {{HTMLElement("textarea")}}.</p> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/canvas/index.html b/files/ca/web/html/element/canvas/index.html new file mode 100644 index 0000000000..69e61baec9 --- /dev/null +++ b/files/ca/web/html/element/canvas/index.html @@ -0,0 +1,192 @@ +--- +title: <canvas> +slug: Web/HTML/Element/canvas +tags: + - Canvas + - Element + - HTML + - HTML scripting + - HTML5 + - Referencia + - Web +translation_of: Web/HTML/Element/canvas +--- +<p>L'<strong>element HTML <canvas></strong> es pot utilitzar per dibuixar gràfics a través de seqüències d'ordres (normalment <a href="/en-US/docs/Web/JavaScript">JavaScript</a>). Per exemple, es pot utilitzar per dibuixar gràfics, fer composicions de fotos o fins i tot realitzar animacions. Pots (i has de) proporcionar contingut alternatiu dins del bloc <code><canvas></code>. Aquest contingut es representarà tant en navegadors antics que no suporten canvas com en navegadors amb JavaScript desactivat.</p> + +<p>Per a més articles sobre canvas, vegeu la <a href="/en-US/docs/Web/API/Canvas_API">pàgina del tema canvas</a>.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut de Flux</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>, <a href="https://developer.mozilla.org/en-US/docs/HTML/Content_categories#Embedded_content">Contingut incrustat</a>, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td>Transparent, però sense descendents de <a href="/en-US/docs/HTML/Content_categories#Interactive_content">continguts interactius</a> excepte per elements {{HTMLElement("a")}}, elements {{HTMLElement("button")}}, elements {{HTMLElement("input")}} que el seu atribut {{htmlattrxref("type", "input")}} sigui checkbox, radio, o button.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing_content</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLCanvasElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("height")}}</dt> + <dd><span id="result_box" lang="ca"><span>L'alçada</span> <span>de l'espai</span> <span>de coordenades en</span> <span>píxels</span> <span>de CSS.</span> <span>El</span> <span>valor per omissió</span> <span>és</span> <span>150</span><span>.</span></span></dd> + <dt>{{htmlattrdef("moz-opaque")}} {{non-standard_inline}}</dt> + <dd>Permet el llenç saber si la transparència serà un factor. Si el llenç sap que no hi ha transparència, el rendiment de la pintura pot ser optimitzat.</dd> + <dt>{{htmlattrdef("width")}}</dt> + <dd>L'amplada de l'espai de coordenades en píxels de CSS. El valor per omissió és 300.</dd> +</dl> + +<h2 id="Descripció">Descripció</h2> + +<h3 id="Etiqueta_<canvas>_Requerida">Etiqueta <code></canvas></code> Requerida</h3> + +<p><span id="result_box" lang="ca"><span>A diferència</span> <span>de l'element</span> </span>{{HTMLElement("img")}}<span lang="ca"><span>, l'element</span> </span>{{HTMLElement("canvas")}}<span lang="ca"> <span>requereix</span> <span>l'etiqueta</span> <span>de tancament</span> <span>(</span><code><span><</span><span>/</span> <span>canvas</span><span>></span></code><span>)</span><span>.</span></span></p> + +<h3 id="Dimensionament_del_llenç">Dimensionament del llenç</h3> + +<p>La mida que es mostra del llenç es pot canviar fent servir un full d'estil. La imatge ha estat reduïda durant la representació per adaptar-se a la mida de l'estil. Si les seves representacions semblen distorsionades, intenta especificar els atributsdt <code>width</code> i <code>height</code> de manera explícita en <code><canvas></code>, i no l'ús de CSS.</p> + +<h2 id="Exemples">Exemples</h2> + +<p>Aquest fragment de codi afegeix un element el llenç del teu document HTML. Un text alternatiu es proporcionat si un navegador és incapaç de representar el lleç, o si no pot llegir un llenç. És útil proporcionar un text alternatiu o sub DOM ajuda a que <a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Hit_regions_and_accessibility">el llenç sigui més accessible</a>.</p> + +<pre class="brush: html"><canvas id="canvas" width="300" height="300"> + An alternative text describing what your canvas displays. +</canvas> </pre> + +<p>Si el llenç no utilitza la transparència estableix l'atribut moz-opaque a l'etiqueta canvas. Aquesta informació es pot utilitzar internament per optimitzar la representació. Tanmateix, aquest atribut no s'ha estandarditzat i només funciona en motors de renderitzat basats en Mozilla.</p> + +<pre class="brush: html"><canvas id="mycanvas" moz-opaque></canvas></pre> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'the-canvas-element.html#the-canvas-element', '<canvas>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'the-canvas-element.html#the-canvas-element', '<canvas>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>definició inicial</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.8")}}<sup>[1]</sup><br> + {{CompatGeckoDesktop("6.0")}}<sup>[2]</sup><br> + {{CompatGeckoDesktop("12.0")}}<sup>[3]</sup></td> + <td>9.0</td> + <td>9.0<sup>[4]</sup></td> + <td>2.0<sup>[5]</sup></td> + </tr> + <tr> + <td><code>moz-opaque</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatGeckoDesktop("1.9.1")}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Característica</th> + <th>Firefox Mobile (Gecko)</th> + <th>Android</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatGeckoDesktop("1.8")}}<sup>[1]</sup><br> + {{CompatGeckoDesktop("6.0")}}<sup>[2]</sup><br> + {{CompatGeckoDesktop("12.0")}}<sup>[3]</sup></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>1.0</td> + </tr> + <tr> + <td><code>moz-opaque</code></td> + <td>{{CompatGeckoMobile("1.9.1")}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] Abans de Gecko 5.0 {{geckoRelease("5.0")}} , l'amplada i l'alçada del llenç eran enters amb signe en lloc d'enters sense signe</p> + +<p>[2] Abans de Gecko 6.0 {{geckoRelease("6.0")}} , un element , amb una amplada o l'alçada zero es representava com si tingués dimensions predeterminades.</p> + +<p>[3] Abans de Gecko 12.0 {{geckoRelease("6.0")}}, si Javascript estava desactivat, l'element <canvas> es representava en lloc de mostrar el contingut de reserva segons<a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html"> l'especificació</a>. Ara el contingut de reserva es representa en el seu lloc.</p> + +<p>[4] Veura <a href="http://www.opera.com/docs/changelogs/windows/900/">la llista de canvis en Opera 9.0</a>.</p> + +<p>[5] Tot i que les primeres versions del navegador Safari d'Apple no requerien l'etiqueta de tancament, l'especificació indica que s'exigeix, pel que ha de assegurar-se incloure-la per raons de compatibilitat més àmplia. Les versions de Safari (anteriors a la versió 2.0) podrán representar el contingut del recurs a més de la del pròpi llenç, a menys que utilitzi trucs CSS per emmascarar. Afortunadament, els usuaris d'aquestes versions de Safari són rars avui dia.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li><a href="/en-US/docs/Web/API/Canvas_API">Portal MDN canvas</a></li> + <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial">Tutorial Canvas</a></li> + <li><a href="https://simon.html5.org/dump/html5-canvas-cheat-sheet.html">Full resum de Canvas</a></li> + <li><a href="/en-US/demos/tag/tech:canvas">Demostracions relacionades amb Canvas</a></li> + <li><a href="https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/HTML-canvas-guide/Introduction/Introduction.html">Introducció de Canvas per Apple</a></li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/caption/index.html b/files/ca/web/html/element/caption/index.html new file mode 100644 index 0000000000..9544eff043 --- /dev/null +++ b/files/ca/web/html/element/caption/index.html @@ -0,0 +1,159 @@ +--- +title: <caption> +slug: Web/HTML/Element/caption +tags: + - Element + - HTML + - HTML dades tabulades + - Referencia + - Taules + - Web +translation_of: Web/HTML/Element/caption +--- +<h2 id="Sumari">Sumari</h2> + +<p><strong>L'element HTML <code><caption></code></strong> (o <em>Element HTML llegenda de la taula</em>) representa el títol d'una taula. Tot i que sempre és el primer descendent d'un element {{HTMLElement("table")}}, el seu disseny, utilitzant CSS, podrà col·locar-la en altres llocs, en relació amb la taula.</p> + +<div class="note">Nota d'ús: Quan l'element {{HTMLElement("table")}} que és el pare d'aquesta {{HTMLElement("caption")}} és l'únic descendent d'un element {{HTMLElement("figure")}} , utilitzeu l'element {{HTMLElement("figcaption")}} en el seu lloc..</div> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td>Cap.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Flow content</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Un element {{HTMLElement("table")}}, <span class="short_text" id="result_box" lang="ca"><span> com el seu</span> <span>primer descendent</span><span>.</span></span></td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLTableCaptionElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("align")}} {{deprecatedGeneric('inline','HTML4.01')}} {{obsoleteGeneric('inline','HTML5')}}</dt> + <dd> + <p>Aquest atribut enumerat indica com la llegenda ha d'alinear-se respecte a la taula. Pot tenir els següents valors:</p> + </dd> + <dd> + <ul> + <li><code>left</code>, mostrat a l'esquerra de la taula</li> + <li><code>top</code>, mostrat sobre la taula</li> + <li><code>right</code>, mostrat a la dreta de la taula</li> + <li><code>bottom</code>, mostrat sota la taula</li> + </ul> + + <div class="note"><strong>Nota d'ús</strong>: No utilitzeu aquest atribut, ja que ha quedat en desús: l'element {{HTMLElement("caption")}} s'hauri de donar estil amb <a href="/en-US/docs/CSS">CSS</a>. Per donar un efecte similar a l'atribut align, utilitzeu les propietats <a href="/en-US/docs/CSS">CSS</a> {{cssxref("caption-side")}} i {{cssxref("text-align")}}.</div> + </dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<p><span id="result_box" lang="ca"><span>Si us plau</span><span>, consulteu</span> <span>la </span></span><span lang="ca"><span>pàgina</span> </span>{{HTMLElement("table")}}<span lang="ca"> <span>per</span> <span>exemples</span> <span>de</span> </span>{{HTMLElement("caption")}}.</p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'tabular-data.html#the-caption-element', '<caption>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'tabular-data.html#the-caption-element', '<caption>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/tables.html#h-11.2.2', '<caption>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Altres elements HTML relacionats amb taula: {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}};</li> + <li>Propietats CSS que poden ser especialment útils per estilitzar l'element {{HTMLElement("caption")}}: + <ul> + <li>{{cssxref("text-align")}}, {{cssxref("caption-side")}}.</li> + </ul> + </li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/center/index.html b/files/ca/web/html/element/center/index.html new file mode 100644 index 0000000000..f4bad49b75 --- /dev/null +++ b/files/ca/web/html/element/center/index.html @@ -0,0 +1,57 @@ +--- +title: <center> +slug: Web/HTML/Element/center +tags: + - Element + - HTML + - Obsolete + - Reference + - Web +translation_of: Web/HTML/Element/center +--- +<div>{{deprecated_header()}}</div> + +<h2 id="Sumari">Sumari</h2> + +<p>L'element HTML Centre (<code><center></code>) és un <a href="https://developer.mozilla.org/en-US/docs/HTML/Block-level_elements">element a nivell de bloc</a> que pot contenir paràgrafs i altres elements a nivell de bloc i en línia. Tot el contingut d'aquest element és centrat horitzontalment dins del seu element contenidor (en general, {{HTMLElement("body")}}).</p> + +<p>Aquest etiqueta s'ha desaprovat en HTML 4 (i XHTML 1) en favor de la propietat <a href="https://developer.mozilla.org/en-US/docs/Web/CSS" title="/en-US/docs/Web/CSS">CSS</a> {{Cssxref("text-align")}}, la qual es pot aplicar a l'element {{HTMLElement ("div")}} o a un individu {{HTMLElement ("p")}}. Per centrar blocs, utilitzar altres propietats CSS com {{Cssxref("margin-left")}} i {{Cssxref("margin-right")}} ajustant-los a <code>auto</code> (o posar {{Cssxref("margin")}} <code>auto</code> a 0).</p> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element implementa la interfície {{domxref("HTMLElement")}}.</p> + +<div class="note"> +<p><strong>Nota d'implementació:</strong> Fins Gecko 1.9.2 inclos, Firefox implementa per aquest element la interfície {{domxref("HTMLSpanElement")}}.</p> +</div> + +<h2 id="Example_1" name="Example_1">Exemple 1</h2> + +<pre class="brush: html"><center>This text will be centered. +<p>So will this paragraph.</p></center> +</pre> + +<h2 id="Example_2" name="Example_2">Exemple 2 (CSS alternatiu)</h2> + +<pre class="brush: html"><div style="text-align:center">This text will be centered. +<p>So will this paragraph.</p></div> +</pre> + +<h2 id="Example_3" name="Example_3">Exemple 3 (CSS alternatiu)</h2> + +<pre class="brush: html"><p style="text-align:center">This line will be centered.<br> +And so will this line.</p> +</pre> + +<h2 id="Notes" name="Notes">Nota</h2> + +<p>Aplicant {{Cssxref("text-align")}}: <code>center</code> a un element {{HTMLElement ("div")}} o {{HTMLElement ("p")}} se centra el <em>contingut</em> d'aquests elements, deixant el seu conjunt de dimensions sense canvis.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>{{Cssxref("text-align")}}</li> + <li>{{Cssxref("display")}}</li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/cite/index.html b/files/ca/web/html/element/cite/index.html new file mode 100644 index 0000000000..eb62993b69 --- /dev/null +++ b/files/ca/web/html/element/cite/index.html @@ -0,0 +1,152 @@ +--- +title: <cite> +slug: Web/HTML/Element/cite +tags: + - Element + - HTML + - Referencia + - Web +translation_of: Web/HTML/Element/cite +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'<em>Element HTML de citació</em> (<strong><cite></strong>) representa una referència a un treball creatiu. Haurà de constar del títol d'una obra o una referència d'URL, que pot ser en forma abreujada d'acord amb les convencions que s'utilitzen per a l'addició de metadades citació.</p> + +<div class="note"> +<p><strong>Notes d'ús:</strong></p> + +<ul> + <li>Un treball creatiu pot incloure un llibre, un paper, un assaig, un poema, una partitura, una cançó, un guió, una pel·lícula, un programa de televisió, un joc, una escultura, una pintura, una obra de teatre, una obra, una òpera, un musical, una exposició, un informe jurídic d'un cas, un programa informàtic, un lloc web, una pàgina web, una entrada de blog o comentari, un missatge en el fòrum o comentari, un tweet, una declaració oral o escrita, etc.</li> + <li><span id="result_box" lang="ca"><span>L'especificació</span> <span>del W3C</span> <span>estableix que una</span> <span>referència a un</span> <span>treball creatiu</span> <span>pot incloure el</span> <span>nom de l'autor</span><span>, mentre que</span> <span>WHATWG</span> <span>ha declarat que no</span> <span>pot</span> <span>incloure</span> <span>el nom d'una</span> <span>persona sota</span> <span>cap circumstància.</span></span></li> + <li><span id="result_box" lang="ca"><span>Utilitzeu</span> <span>l'atribut</span> </span>{{htmlattrxref("cite", "blockquote")}}<span lang="ca"><span> en</span> <span>un element</span> </span>{{HTMLElement("blockquote")}}<span lang="ca"> <span>o</span> </span>{{HTMLElement("q")}}<span lang="ca"> <span>per fer</span> <span>referència a un</span> <span>recurs</span> <span>en línia</span> <span>per a una</span> <span>font.</span></span></li> +</ul> +</div> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Flow content</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLElement")}} Fins Gecko 1.9.2 (Firefox 4) <span id="result_box" lang="ca"><span>inclosos,</span> <span>Firefox</span> <span>implementa</span> <span>la interfície</span> </span> {{domxref("HTMLSpanElement")}} <span id="result_box" lang="ca"><span>per a aquest</span> <span>element.</span></span></td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element només inclou els <a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush: html">More information can be found in <cite>[ISO-0000]</cite>.</pre> + +<p>Resultat del codi HTML:</p> + +<p><span class="short_text" id="result_box" lang="ca"><span>Més</span> <span>informació</span> <span>es</span> <span>pot trobar a</span></span> la <cite>[ISO-0000].</cite></p> + +<h2 id="Notes">Notes</h2> + +<p>Per evitar el ús de l'estil cursiva per defecte per l'element <cite> utilitzar la propietat <a href="/en-US/docs/CSS">CSS</a> {{cssxref("font-style")}}.</p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-cite-element', '<cite>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-cite-element', '<cite>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.2.1', '<cite>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> + +<div>{{CompatibilityTable}}</div> + +<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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li><span id="result_box" lang="ca"><span>L'element</span></span> {{HTMLElement("blockquote")}} <span id="result_box" lang="ca"><span>per a cites</span> <span>llargues.</span></span> .</li> + <li><span id="result_box" lang="ca"><span>L'element</span></span> {{HTMLElement("q")}} <span id="result_box" lang="ca"><span>per a les</span> <span>cites</span> <span>en línia</span></span> .</li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/code/index.html b/files/ca/web/html/element/code/index.html new file mode 100644 index 0000000000..89c903851b --- /dev/null +++ b/files/ca/web/html/element/code/index.html @@ -0,0 +1,143 @@ +--- +title: <code> +slug: Web/HTML/Element/code +tags: + - Element + - HTML + - Referencia + - Web +translation_of: Web/HTML/Element/code +--- +<p id="Summary">L'<em>Element de Codi HTML</em> (<strong><code></strong>) representa un fragment de codi informàtic. Per defecte, es visualitza en els navegador en el tipus de lletra per defecte d'espai sencill.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Flow content</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLElement")}} Fins Gecko 1.9.2 (Firefox 4) <span id="result_box" lang="ca"> <span>inclosos,</span> <span>Firefox</span> <span>implementa</span> <span>la interfície</span></span> {{domxref("HTMLSpanElement")}} <span id="result_box" lang="ca"><span>per a aquest</span> <span>element.</span></span></td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element només inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs global</a><span style="line-height: 21px;">.</span></p> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush: html"><p>Regular text. <code>This is code.</code> Regular text.</p> +</pre> + +<h3 id="Result" name="Result">Resultat</h3> + +<p>Regular text. <code>This is code.</code> Regular text.</p> + +<h2 id="Nota">Nota</h2> + +<p>Es pot definir una regla CSS perquè el selector <code>code</code> reemplaci el tipus de font per defecte del navegador. Les preferències establertes per l'usuari poden tenir prioritat sobre la CSS especificat.</p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-code-element', '<code>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-code-element', '<code>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.2.1', '<code>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</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 (WebKit)</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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 Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="See_also" name="See_also">Veure</h2> + +<ul> + <li>{{HTMLElement("samp")}}</li> + <li>{{HTMLElement("kbd")}}</li> + <li>{{HTMLElement("command")}} (en desús)</li> + <li>{{HTMLElement("var")}}</li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/col/index.html b/files/ca/web/html/element/col/index.html new file mode 100644 index 0000000000..a6925864de --- /dev/null +++ b/files/ca/web/html/element/col/index.html @@ -0,0 +1,326 @@ +--- +title: <col> +slug: Web/HTML/Element/col +tags: + - Element + - HTML + - HTML tabular data + - Referencia + - Tables + - Web +translation_of: Web/HTML/Element/col +--- +<div>{{HTMLRef}}</div> + +<p>L'<em>Element HTML taula de columna</em> (<strong><col></strong>) defineix una columna d'una taula i s'utilitza per definir la semàntica comú en totes les cèl·lules comunes. En general es troba dins d'un element {{HTMLElement("colgroup")}}.</p> + +<p>Aquest element permet columnes d'estil usant CSS, però només alguns atributs tindran un efecte en la columna (<a href="http://www.w3.org/TR/CSS21/tables.html#columns">vegeu l'especificació de CSS 2.1 </a>llistat).</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categories de contingut</a></th> + <td>Cap.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><span class="short_text" id="result_box" lang="ca"><span>Cap</span><span>, és un</span></span> {{Glossary("empty element")}}.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td><span id="result_box" lang="ca"><span>L'etiqueta</span> <span>d'inici és</span> <span>obligatoria,</span> <span>però</span><span>,</span> <span>ja</span> <span>que és un</span> <span>element</span> <span>buit,</span> <span>està prohibit l'ús</span> <span>d'una etiqueta</span> <span>de tancament.</span></span></td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Només {{HTMLElement("colgroup")}}, encara que pot estar implícitament definida com la seva etiqueta d'inici no és obligatòria. El {{HTMLElement("colgroup")}} no ha de tenir un atribut {{htmlattrxref("span", "colgroup")}}.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLTableColElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("align")}} {{Deprecated_inline("html4.01")}}, {{obsolete_inline("html5")}}</dt> + <dd>Aquest atribut enumerat especifica com es gestionarà l'alineació horitzontal del contingut de cada cel·la de la columna. Els valors possibles són: + <ul> + <li><code>left</code>, alineació del contingut a l'esquerra de la cel·la</li> + <li><code>center</code>, centrar el contingut en la cel·la</li> + <li><code>right</code>, alineació del contingut a la dreta de la cel·la</li> + <li><code>justify</code>, inserció d'espais en el contingut textual de manera que el contingut es justifica en la cel·la</li> + <li><code>char</code>,alineació del contingut textual d'un caràcter especial amb un desplaçament mínim, definit pels atributs {{htmlattrxref("char", "col")}} i {{htmlattrxref("charoff", "col")}} {{unimplemented_inline(2212)}}.</li> + </ul> + + <p>Si aquest atribut no està definit, el seu valor s'hereta d'{{htmlattrxref("align", "colgroup")}} de l'element {{HTMLElement("colgroup")}} i en el qual també pertany l'element <code><col></code>. Si no n'hi ha, s'assumeix el valor de l'esquerra.</p> + + <div class="note"><strong>Note: </strong>No utilitzeu aquest atribut, ja que és obsolet (no suportat) en l'últim estàndard. + + <ul> + <li>Per aconseguir el mateix efecte qu'els valors <code>left</code>, <code>center</code>, <code>right</code> or <code>justify</code> : + + <ul> + <li>No tracteu d'establir la propietat {{HTMLElement("col")}} en un selector aplicant-ho a un element {{HTMLElement("col")}}. Perquè els elements {{HTMLElement("td")}} no són descendents de l'element {{HTMLElement("col")}}, ells no heretaran.</li> + <li>Si la taula no utilitza un atribut {{htmlattrxref("colspan", "td")}} , utilitzeu el selector CSS <code>td:nth-child(an+b)</code> on a és el nombre total de les columnes de la taula i b és la posició ordinal de la columna a la taula. Només després d'aquest selector la propietat {{cssxref("text-align")}} es pot utilitzar.</li> + <li>Si la taula fa ús d'un atribut {{htmlattrxref("colspan", "td")}}, l'efecte es pot aconseguir mitjançant la combinació adequada de selectors d'atributs CSS com<code> [colspan = n]</code>, encara que això no és trivial</li> + </ul> + </li> + <li>Per aconseguir el mateix efecte que el valor {{htmlattrxref("char", "col")}}, en CSS3, pot utilitzar el valor de char com el valor de la propietat {{cssxref("text-align")}} property {{unimplemented_inline}}.</li> + </ul> + </div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("bgcolor")}} {{Non-standard_inline}}</dt> + <dd>Aquest atribut defineix el color de fons de cada cel·la de la columna. És un codi de 6 dígits hexadecimal definits en <a class="external" href="http://www.w3.org/Graphics/Color/sRGB">sRGB</a>, precedit per un '#'.<br> + Una de les setze cadenes de color predefinides que es poden utilitzar: + <table style="width: 80%;"> + <tbody> + <tr> + <td style="background-color: black; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>black</code> = "#000000"</td> + <td style="background-color: green; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>green</code> = "#008000"</td> + </tr> + <tr> + <td style="background-color: silver; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>silver</code> = "#C0C0C0"</td> + <td style="background-color: lime; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>lime</code> = "#00FF00"</td> + </tr> + <tr> + <td style="background-color: gray; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>gray</code> = "#808080"</td> + <td style="background-color: olive; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>olive</code> = "#808000"</td> + </tr> + <tr> + <td style="background-color: white; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>white</code> = "#FFFFFF"</td> + <td style="background-color: yellow; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>yellow</code> = "#FFFF00"</td> + </tr> + <tr> + <td style="background-color: maroon; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>maroon</code> = "#800000"</td> + <td style="background-color: navy; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>navy</code> = "#000080"</td> + </tr> + <tr> + <td style="background-color: red; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>red</code> = "#FF0000"</td> + <td style="background-color: blue; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>blue</code> = "#0000FF"</td> + </tr> + <tr> + <td style="background-color: purple; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>purple</code> = "#800080"</td> + <td style="background-color: teal; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>teal</code> = "#008080"</td> + </tr> + <tr> + <td style="background-color: fuchsia; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>fuchsia</code> = "#FF00FF"</td> + <td style="background-color: aqua; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>aqua</code> = "#00FFFF"</td> + </tr> + </tbody> + </table> + + <div class="note"><strong>Nota d'ùs:</strong> No utilitzeu aquest atribut, ja que no és estàndard i només implementat en algunes versions de Microsoft Internet Explorer: l'element {{HTMLElement("col")}} ha de ser d'estil amb <a href="https://developer.mozilla.org/en-US/docs/CSS">CSS</a>. Per donar un efecte similar a l'atribut bgcolor, utilitzeu la propietat <a href="https://developer.mozilla.org/en-US/docs/CSS">CSS</a> {{cssxref("background-color")}}, en els elements {{HTMLElement("td")}} pertinents.</div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("char")}} {{Deprecated_inline("html4.01")}}, {{obsolete_inline("html5")}}</dt> + <dd>Aquest atribut s'utilitza per establir el caràcter per alinear les cel·les d'una columna a. Els valors típics d'això inclouen un punt (.) en intentar alinear números o valors monetaris. Si no s'estableix {{htmlattrxref("align", "col")}} a char, aquest atribut s'ignora. + <div class="note"><strong>Note: </strong>No utilitzeu aquest atribut, ja que és obsolet (i no és compatible) en l'últim estàndard. Per aconseguir el mateix efecte com el {{htmlattrxref("char", "col")}}, en CSS3, pots utilitzar el joc de caràcters utilitzant l'atribut {{htmlattrxref("char", "col")}} com el valor de la propietat {{cssxref("text-align")}} {{unimplemented_inline}}.</div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("charoff")}} {{Deprecated_inline("html4.01")}}, {{obsolete_inline("html5")}}</dt> + <dd>Aquest atribut s'utilitza per indicar el nombre de caràcters per compensar les dades de la columna dels caràcters d'alineació especificat per l'atribut char. + <div class="note"><strong>Note: </strong>No utilitzeu aquest atribut, ja que és obsolet (i no és compatible) en l'últim estàndard.</div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("span")}}</dt> + <dd>Aquest atribut conté un enter positiu que indica el nombre de columnes consecutives que abasta l'element <col>. Si no hi és, el seu valor per defecte és 1.</dd> +</dl> + +<dl> + <dt>{{htmlattrdef("valign")}} {{Deprecated_inline("html4.01")}}, {{obsolete_inline("html5")}}</dt> + <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>especifica</span> <span>l'alineació</span> <span>vertical del</span> <span>text</span> <span>dins de cada</span> <span>cel·la de la</span> <span>columna.</span> <span>Els</span> <span>valors</span> <span>possibles</span> <span>per</span> <span>aquest atribut</span> <span>són</span><span>:</span></span> + <ul> + <li><code>baseline</code>, posarà el text tan a prop del fons de la cel·la com sigui possible, però alineant-ho sobre la <a class="external" href="http://en.wikipedia.org/wiki/Baseline_%28typography%29">baseline</a> dels caràcters en lloc de la part inferior d'ells. Si els caràcters són tots de la mida, això té el mateix efecte que <code>bottom</code> .</li> + <li><code>bottom</code>, posarà el text tan a prop de la part inferior de la cel·la com sigui possible.</li> + <li><code>middle</code>, centrarà el text en la <span id="result_box" lang="ca"><span>cel·la.</span></span></li> + <li>and <code>top</code>, posarà el text tan com sigui possible a la part superior de la cel·la.</li> + </ul> + + <div class="note"><strong>Nota: </strong> <span id="result_box" lang="ca"><span>No utilitzeu</span> <span>aquest</span> <span>atribut,</span> <span>ja</span> <span>que és</span> <span>obsolet</span> <span>(</span><span>i no</span> <span>és compatible</span><span>)</span> <span>en l'últim</span> <span>estàndard</span><span>:</span></span> + + <ul> + <li>No tracteu d'establir la propietat {{cssxref("vertical-align")}} en un selector aplicant-ho a un element {{HTMLElement("col")}} Perquè els elements {{HTMLElement("td")}} no són descendents de l'element {{HTMLElement("col")}}, ells no heretaran.</li> + <li>Si la taula no utilitza un atribut {{htmlattrxref("colspan", "td")}} , utilitzeu el selector CSS <code>td:nth-child(an+b)</code> on a és el nombre total de les columnes de la taula i b és la posició ordinal de la columna a la taula. Només després d'aquest selector la propietat {{cssxref("vertical-align")}} es pot utilitzar.</li> + <li>Si la taula fa ús d'un atribut {{htmlattrxref("colspan", "td")}}, l'efecte es pot aconseguir mitjançant la combinació adequada de selectors d'atributs CSS com <code>[colspan=n]</code>, encara que això no és trivialI.</li> + </ul> + </div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("width")}} {{obsolete_inline("html5")}}</dt> + <dd>Aquest atribut especifica una amplada per defecte per a cada columna en el grup de la columna actual. A més dels valors dels píxels i percentatge estàndard, aquest atribut podria prendre la forma especial 0*, el que significa que l'ample de cada columna al grup ha de ser l'ample mínim necessari per mantenir el contingut de la columna. Amplades relatives com ara 0,5* també es poden utilitzar.</dd> +</dl> + +<h2 id="Exemple">Exemple</h2> + +<p><span id="result_box" lang="ca"><span>Si us plau</span><span>, consulteu</span> <span>la pàgina</span></span> {{HTMLElement("table")}} <span id="result_box" lang="ca"><span>per</span> <span>exemples</span> <span>de</span></span> <code><col></code>.</p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'tabular-data.html#the-col-element', '<col>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'tabular-data.html#the-col-element', '<col>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/tables.html#h-11.2.4.2', '<col>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td>definició inicial</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>align/valign</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}} {{bug(915)}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>char/charoff</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}} {{bug(2212)}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>bgcolor</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</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>Suport bàsic</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>align/valign</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}} {{bug(915)}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>char/charoff</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}} {{bug(2212)}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>bgcolor</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li><span class="short_text" id="result_box" lang="ca"><span>Altres</span> <span>elements</span> <span>HTML</span> <span>relacionats</span> <span>amb</span> <span>taules</span></span> : {{HTMLElement("caption")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}};</li> + <li><span id="result_box" lang="ca"><span>Propietats CSS</span> <span>i pseudo</span><span>-</span><span>classes</span> <span>que poden ser</span> <span>especialment</span> <span>útils</span> <span>per a l'estil</span> <span>de l'element</span> <code><span><</span><span>col</span><span>></span></code><span>:</span></span> + <ul> + <li>La propietat {{cssxref("width")}} <span id="result_box" lang="ca"><span>controla</span> <span>l'ample de</span> <span>la columna</span></span> ;</li> + <li>La pseudo-classe {{cssxref(":nth-child")}}<span id="result_box" lang="ca"><span> ajusta</span> <span>l'alineació de</span> <span>les</span> <span>cel·les de la</span> <span>columna</span><span>;</span></span></li> + <li>La propietat {{cssxref("text-align")}} alinea el contingut de totes les cel·les en el mateix caràcter, like '.'.</li> + </ul> + </li> +</ul> diff --git a/files/ca/web/html/element/colgroup/index.html b/files/ca/web/html/element/colgroup/index.html new file mode 100644 index 0000000000..92d26e45de --- /dev/null +++ b/files/ca/web/html/element/colgroup/index.html @@ -0,0 +1,333 @@ +--- +title: <colgroup> +slug: Web/HTML/Element/colgroup +tags: + - Element + - HTML + - HTML tabular data + - Referencia + - Tables + - Web +translation_of: Web/HTML/Element/colgroup +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'Element HTML Grup de columnes de taula (<colgroup>) defineix un grup de columnes dins d'una taula.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td>Cap.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><span id="result_box" lang="ca"><span>Si</span> <span>l'atribut</span> </span>{{htmlattrxref("span", "colgroup")}} <span id="result_box" lang="ca"><span>és present</span></span>: Cap, és un {{Glossary("empty element")}}.<br> + <span id="result_box" lang="ca"><span>Si</span> <span>l'atribut</span> <span>no està</span> <span>present</span></span> : <span id="result_box" lang="ca"><span>zero o</span> <span>més</span></span> elements {{HTMLElement("col")}}</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>L'etiqueta d'inici pot ser omesa, si té un element {{HTMLElement("col")}} com el seu primer fill i si no està precedida per un {{HTMLElement("colgroup")}} <span id="ouHighlight__127_129TO119_128">l'etiqueta</span><span id="noHighlight_0.9717654875284019"> </span><span id="ouHighlight__123_125TO130_134">final</span><span id="noHighlight_0.9545554484982509"> </span><span id="ouHighlight__131_133TO136_137">ha</span><span id="noHighlight_0.23101560550425038"> </span><span class="highlighted" id="ouHighlight__135_138TO139_143">estat</span><span id="noHighlight_0.7466432272455653"> </span><span id="ouHighlight__140_146TO145_148">omesa</span>.<br> + L'etiqueta final es pot ometre, si no és seguit per un espai o un comentari.</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Un element {{HTMLElement("table")}} . El {{HTMLElement("colgroup")}} ha d'aparèixer després de qualsevol element {{HTMLElement("caption")}} <span id="result_box" lang="ca"> <span>opcional</span><span>, però</span> <span>abans</span> <span>de qualsevol</span> element </span>{{HTMLElement("thead")}}, {{HTMLElement("th")}}, {{HTMLElement("tbody")}}, {{HTMLElement("tfoot")}} i {{HTMLElement("tr")}}.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLTableColElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atribut">Atribut</h2> + +<p>Aquest element inclou els<span style="line-height: 21px;"> </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> + +<dl> + <dt>{{htmlattrdef("align")}} {{Deprecated_inline("html4.01")}}, {{obsolete_inline("html5")}}</dt> + <dd>Aquest atribut enumerat especifica com es gestionarà l'alineació horitzontal del contingut de cada cel·la de la columna. Els valors possibles són: + <ul> + <li><code>left</code>, alineació del contingut a l'esquerra de la cel·la</li> + <li><code>center</code>, centrar el contingut en la cel·la</li> + <li><code>right</code>, alineació del contingut a la dreta de la cel·la</li> + <li><code>justify</code>, inserció d'espais en el contingut textual de manera que el contingut es justifica en la cel·la</li> + <li><code>char</code>, alineació del contingut textual d'un caràcter especial amb un desplaçament mínim, definit pels atributs {{htmlattrxref("char", "col")}} i {{htmlattrxref("charoff", "col")}} {{unimplemented_inline(2212)}}.</li> + </ul> + + <p>Si aquest atribut no està establert, s'assumeix el valor d'esquerra. Els elements {{HTMLElement("col")}} descendents podem substituir aquest valor mitjançant el seu propi atribut {{htmlattrxref("align", "col")}}.</p> + + <div class="note"><strong>Nota: </strong>No utilitzeu aquest atribut, ja que és obsolet (no suportat) en l'últim estàndard. + + <ul> + <li>Per aconseguir el mateix efecte qu'els valors <code>left</code>, <code>center</code>, <code>right</code> or <code>justify</code>: + + <ul> + <li>No tracteu d'establir la propietat {{cssxref("text-align")}} en un selector aplicant-ho a un element {{HTMLElement("colgroup")}}. Perquè els elements {{HTMLElement("td")}} no són descendents de l'element {{HTMLElement("colgroup")}} , ells no heretaran.</li> + <li>Si la taula no utilitza un atribut {{htmlattrxref("colspan", "td")}} utilitzeu el selector CSS <code>td:nth-child(an+b)</code> on a és el nombre total de les columnes de la taula i b és la posició ordinal de la columna a la taula. Només després d'aquest selector la propietat {{cssxref("text-align")}} es pot utilitzar.</li> + <li>Si la taula fa ús d'un atribut {{htmlattrxref("colspan", "td")}} , l'efecte es pot aconseguir mitjançant la combinació adequada de selectors d'atributs CSS com <code>[colspan=n]</code>, encara que això no és trivial.</li> + </ul> + </li> + <li>Per aconseguir el mateix efecte que el valor <code>char</code>, en CSS3, pot utilitzar el valor de char {{htmlattrxref("char", "colgroup")}} com el valor de la propietat {{cssxref("text-align")}} {{unimplemented_inline}}.</li> + </ul> + </div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("bgcolor")}} {{Non-standard_inline}}</dt> + <dd>Aquest atribut defineix el color de fons de cada cel·la de las columnes menbres de un column group. És un codi de 6 dígits hexadecimal definits en <a class="external" href="http://www.w3.org/Graphics/Color/sRGB" title="http://www.w3.org/Graphics/Color/sRGB">sRGB</a>, precedit per un '#'. Una de les setze cadenes de colors predefinits, com s'esmenta més endavant, es poden fer servir: + <table> + <tbody> + <tr> + <td style="background-color: black; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>black</code> = "#000000"</td> + <td style="background-color: green; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>green</code> = "#008000"</td> + </tr> + <tr> + <td style="background-color: silver; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>silver</code> = "#C0C0C0"</td> + <td style="background-color: lime; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>lime</code> = "#00FF00"</td> + </tr> + <tr> + <td style="background-color: gray; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>gray</code> = "#808080"</td> + <td style="background-color: olive; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>olive</code> = "#808000"</td> + </tr> + <tr> + <td style="background-color: white; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>white</code> = "#FFFFFF"</td> + <td style="background-color: yellow; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>yellow</code> = "#FFFF00"</td> + </tr> + <tr> + <td style="background-color: maroon; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>maroon</code> = "#800000"</td> + <td style="background-color: navy; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>navy</code> = "#000080"</td> + </tr> + <tr> + <td style="background-color: red; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>red</code> = "#FF0000"</td> + <td style="background-color: blue; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>blue</code> = "#0000FF"</td> + </tr> + <tr> + <td style="background-color: purple; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>purple</code> = "#800080"</td> + <td style="background-color: teal; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>teal = "#008080"</code></td> + </tr> + <tr> + <td style="background-color: fuchsia; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>fuchsia</code> = "#FF00FF"</td> + <td style="background-color: aqua; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>aqua</code> = "#00FFFF"</td> + </tr> + </tbody> + </table> + + <div class="note"><strong>Not d'ùs: </strong>No utilitzeu aquest atribut, ja que no és estàndard i només implementat en algunes versions de Microsoft Internet Explorer; Els elements {{HTMLElement("colgroup")}} és podem donat estil amb <a href="/en-US/docs/CSS" title="CSS">CSS</a>. Per donar un efecte similar a l'atribut <strong>bgcolor</strong>, utilitzeu la propietat <a href="/en-US/docs/CSS" title="CSS">CSS</a> {{cssxref("background-color")}} en els elements {{HTMLElement("td")}} pertinents.</div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("char")}} {{Deprecated_inline("html4.01")}}, {{obsolete_inline("html5")}}</dt> + <dd>Aquest atribut especifica l'alineació del contingut de un grup de columnas a un caràcter. <span id="result_box" lang="ca"><span>Els</span> <span>valors</span> <span>típics</span> <span>d'això inclouen</span> <span>un punt (.</span><span>)</span> <span>en intentar</span> <span>alinear</span> <span>els números</span> <span>o valors</span> <span>monetaris</span></span> . Si no s'estableix {{htmlattrxref("align", "colgroup")}}<code> </code>a <code>char</code>, aquest atribut s'ignora, tot i que encara s'utilitza com a valor per omissió d' {{htmlattrxref("align", "col")}} de lelement {{HTMLElement("col")}} que són membres d'aquest grup de columnes.. + <div class="note"><strong>Nota: </strong>No utilitzeu aquest atribut, ja que és obsolet (i no és compatible) en l'últim estàndard. Per aconseguir el mateix efecte com el {{htmlattrxref("char", "colgroup")}}, en CSS3, pots utilitzar el joc de caràcters utilitzant l'atribut {{htmlattrxref("char", "colgroup")}} com el valor de la propietat {{cssxref("text-align")}} property {{unimplemented_inline}}.</div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("charoff")}} {{Deprecated_inline("html4.01")}}, {{obsolete_inline("html5")}}</dt> + <dd>Aquest atribut s'utilitza per indicar el nombre de caràcters per compensar les dades de la columna dels caràcters d'alineació especificat per l'atribut <strong>char</strong>. + <div class="note"><strong>Nota: </strong>No utilitzeu aquest atribut, ja que és obsolet (i no és compatible) en l'últim estàndard.</div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("span")}}</dt> + <dd>Aquest atribut conté un enter positiu que indica el nombre de columnes consecutives que abastan l'element <code><colgroup></code>. Si no hi és, el seu valor per defecte és 1. + <div class="note"><strong>Note: </strong>Aquest atribut s'aplica sobre els atributs del grup de columna, no té cap efecte sobre les regles d'estil CSS associats a ella o, encara més, a les cel·les dels membres de les columnes del grup. + <ul> + <li>L'atribut span pot no estar present si hi ha un o més elements <code><col></code> dins el <code><colgroup></code>.</li> + </ul> + </div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("valign")}} {{Deprecated_inline("html4.01")}}, {{obsolete_inline("html5")}}</dt> + <dd>Aquest atribut especifica l'alineació vertical del text dins de cada cel·la de la columna. Els valors possibles per aquest atribut són: + <ul> + <li><code>baseline</code>, posarà el text tan a prop del fons de la cel·la com sigui possible, però alineant-ho sobre la <a class="external" href="http://en.wikipedia.org/wiki/Baseline_%28typography%29" title="http://en.wikipedia.org/wiki/Baseline_(typography)">baseline</a> dels caràcters en lloc de la part inferior d'ells. Si els caràcters són tots de la mida, això té el mateix efecte que <code>bottom</code>.</li> + <li><code>bottom</code>, posarà el text tan a prop de la part inferior de la cel·la com sigui possible;</li> + <li><code>middle</code>, centrarà el text en la cel·la;</li> + <li>and <code>top</code>, posarà el text tan com sigui possible a la part superior de la cel·la.</li> + </ul> + + <div class="note"><strong>Nota: </strong>No utilitzeu aquest atribut, ja que és obsolet (i no és compatible) en l'últim estàndard: + + <ul> + <li>No tracteu d'establir la propietat {{cssxref("vertical-align")}} en un selector donant-ho a un element {{HTMLElement("colgroup")}}. Perquè els elements{{HTMLElement("td")}} no són descendents de l'element {{HTMLElement("colgroup")}}, ells no heretaran.</li> + <li>Si la taula no utilitza un atribut {{htmlattrxref("colspan", "td")}} attribute, use the <code>td:nth-child(an+b)</code> CSS selector per column, on a és el nombre total de les columnes de la taula i b és la posició ordinal de la columna a la taula. Només després d'aquest selector la propietat {{cssxref("vertical-align")}} es pot utilitzar.</li> + <li>Si la taula no fa ús d'un atribut colspan {{htmlattrxref("colspan", "td")}} l'efecte es pot aconseguir mitjançant la combinació adequada de selectors d'atributs CSS com <code>[colspan=n]</code>, encara que això no és trivial.</li> + </ul> + </div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("width")}} {{obsolete_inline}} in {{HTMLVersionInline(5)}}</dt> + <dd>Aquest atribut especifica una amplada per defecte per a cada columna en el grup de la columna actual. A més dels valors dels píxels i percentatge estàndard, aquest atribut podria prendre la forma especial 0*, el que significa que l'ample de cada columna al grup ha de ser l'ample mínim necessari per mantenir els continguts de les columnes. Amplades relatives com ara 0,5* també es poden utilitzar.</dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<p>Si us plau, consulteu la pàgina {{HTMLElement("table")}} per exemples de <code><colgroup></code>.</p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'tabular-data.html#the-colgroup-element', '<colgroup>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'tabular-data.html#the-colgroup-element', '<colgroup>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'tables.html#edef-COLGROUP', '<colgroup>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>align/valign</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}} {{bug(915)}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>char/charoff</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}} {{bug(2212)}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>bgcolor</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</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>Suport bàsic</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>align/valign</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}} {{bug(915)}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>char/charoff</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}} {{bug(2212)}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>bgcolor</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li><span class="short_text" id="result_box" lang="ca"><span>Altres</span> <span>elements</span> <span>HTML</span> <span>relacionats</span> <span>amb</span> <span>taules</span></span> : {{HTMLElement("caption")}}, {{HTMLElement("col")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}};</li> + <li><span id="result_box" lang="ca"><span>Propietats CSS</span> <span>i pseudo</span><span>-</span><span>classes</span> <span>que poden ser</span> <span>especialment</span> <span>útils</span> <span>per a l'estil</span> <span>de l'element</span> </span><code><col></code>: + <ul> + <li>La propietat {{cssxref("width")}} <span class="short_text" id="result_box" lang="ca"><span>controla</span> <span>l'ample de</span> <span>la columna</span><span>;</span></span></li> + <li>La pseudo-class {{cssxref(":nth-child")}} <span id="result_box" lang="ca"><span>estableix</span> <span>l'alineació en</span> <span>les</span> <span>cel·les de la</span> <span>columna</span><span>;</span></span></li> + <li>La propietat {{cssxref("text-align")}} alinea tots els continguts de les cel·les en el mateix caràcter, like '.'.</li> + </ul> + </li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/command/index.html b/files/ca/web/html/element/command/index.html new file mode 100644 index 0000000000..17614b7e4f --- /dev/null +++ b/files/ca/web/html/element/command/index.html @@ -0,0 +1,156 @@ +--- +title: <command> +slug: Web/HTML/Element/command +tags: + - HTML + - HTML Element Reference + - HTML element + - HTML5 +translation_of: Web/HTML/Element/command +--- +<div>{{obsolete_header()}}</div> + +<div class="note"> +<p><strong>Nota:</strong> L'element comand s'ha eliminat de {{Gecko("24.0")}} en favor de l'element {{HTMLElement("menuitem")}}. Firefox mai ha donat suport a aquest element comand, i s'ha abandonat la implementació de la interfície DOM {{domxref("HTMLCommandElement")}} existent a <a href="/en-US/docs/Site_Compatibility_for_Firefox_24">Firefox 24</a>.</p> +</div> + +<h2 id="Sumari">Sumari</h2> + +<p><span id="result_box" lang="ca"><span class="alt-edited">L'element <code>comand</code> representa un comando que l'usuari pot invocar.</span></span></p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">contingut de flux</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>, contingut metadata.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td>Cap, és un {{Glossary("empty element")}}.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>L'etiqueta d'inici és obligatori, però, com que és un element buit, l'ús d'una etiqueta final està prohibit.</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>només {{HTMLElement("colgroup")}}, encara que implícitament pot ser definida com la seva etiqueta d'inici però no és obligatòria. La {{HTMLElement("colgroup")}} no ha de tenir un {{HTMLElement("span")}} com a fill.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLCommandElement")}} {{ obsolete_inline(24) }}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("checked")}}</dt> + <dd>Indica si comand es seleccionat. S'ha d'ometre llevat que l'atribut <code>type</code> és <code>checkbox </code>o <code>radio</code>.</dd> + <dt>{{htmlattrdef("disabled")}}</dt> + <dd>Indica que comand no està disponible..</dd> + <dt>{{htmlattrdef("icon")}}</dt> + <dd>Dóna una imatge que representa el comand.</dd> + <dt>{{htmlattrdef("label")}}</dt> + <dd>El nom del command tal com es mostra a l'usuari.</dd> + <dt>{{htmlattrdef("radiogroup")}}</dt> + <dd>Aquest atribut dóna el nom del grup d'ordres, amb un <code>type</code> <code>radio</code>, que es commuta quan s'alterna el propi comandament. S'ha omès aquest atribut llevat que l'atribut <code>type</code> sigui <code>radio</code>.</dd> + <dt>{{htmlattrdef("type")}}</dt> + <dd>Aquest atribut indica el tipus de comandt. Això pot ser un dels tres valors. + <ul> + <li> + <p><code>command</code> o buit que és l'estat per defecte, i indica que es tracta d'un comand normal.</p> + </li> + <li> + <p><code>checkbox</code> indica que command s'alterna amb un checkbox.</p> + </li> + <li> + <p><code>radio</code> indica que command s'alterna amb un radiobutton.</p> + </li> + </ul> + </dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<pre class="brush: html"><command type="command" label="Save" icon="icons/save.png" onclick="save()"> +</pre> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'commands.html', '<command>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'semantics.html#the-command-element', '<command>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</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>Suport bàsic</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<p>{{ HTMLRef }}</p> diff --git a/files/ca/web/html/element/content/index.html b/files/ca/web/html/element/content/index.html new file mode 100644 index 0000000000..7fc9c0c35b --- /dev/null +++ b/files/ca/web/html/element/content/index.html @@ -0,0 +1,168 @@ +--- +title: <content> +slug: Web/HTML/Element/content +tags: + - Deprecated + - Element + - HTML + - NeedsContent + - Reference + - Web + - Web Components +translation_of: Web/HTML/Element/content +--- +<p>{{Deprecated_header}}</p> + +<p>L'element <strong><a href="/en-US/docs/Web/HTML">HTML</a> <code><content></code></strong> s'utilitza a l'interior de <a href="/en-US/docs/Web/Web_Components/Shadow_DOM">Shadow DOM</a> como un {{glossary("insertion point")}}. No està destinat a ser utilitzat en HTML ordinari. S'utilitza amb components <a href="/en-US/docs/Web/Web_Components">Web Components</a>. Ara s'ha reemplaçat per l'element <strong><slot></strong>.</p> + +<div class="note"> +<p><strong>Nota: </strong><span id="result_box" lang="ca"><span>Encara</span> <span>present</span> <span>en primer</span> <span>esborrany de les</span> <span>especificacions</span> <span>i</span> <span>posat en</span> <span>pràctica</span> <span>en diversos</span> <span>navegadors,</span> <span>aquest</span> <span>element</span> <span>s'ha</span> <span>eliminat en</span> <span>les</span> <span>versions</span> <span>posteriors</span> <span>de l'especificació.</span></span></p> +</div> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Transparent_content_model" title="HTML/Content_categories#Transparent_content_model">Contingut transparent</a>.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">c</a><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">ontingut dinàmic</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td><span class="short_text" id="result_box" lang="ca"><span>Qualsevol</span> <span>element</span> <span>que accepti</span> <span>contingut</span> <span>dinàmic</span></span> .</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLContentElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Attributes" name="Attributes">Atributs</h2> + +<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p> + +<dl> + <dt>select</dt> + <dd><span id="result_box" lang="ca"><span>Una</span> <span>llista</span> <span>separada per</span> <span>comes dels</span> <span>selectors.</span> <span>Aquests</span> <span>tenen</span> <span>la mateixa</span> <span>sintaxi</span> <span>que els</span> <span>selectors</span> <span>CSS.</span> <span>Seleccionen</span> <span>el contingut per</span> <span>inserir en</span> <span>lloc de l'element</span></span> <code><content></code>.</dd> +</dl> + +<h2 id="Exemple">Exemple</h2> + +<p><span id="result_box" lang="ca"><span>Aquí és un</span> <span>simple exemple</span> <span>d'ús</span> <span>de l'element</span></span> <code><content></code> <span id="result_box" lang="ca"><span>És un arxiu</span> <span>HTML</span> <span>amb tot el necessari</span><span>.</span></span></p> + +<div class="note"> +<p><strong>Nota:</strong> Perquè aquest codi funcioni, i es visualitzi en el navegador, ha de ser compatible amb els components web. Veure <a href="/en-US/docs/Web/Web_Components#Enabling_Web_Components_in_Firefox">Habilitació de Components Web en Firefox</a>.</p> +</div> + +<pre class="brush: html"><html> + <head></head> + <body> + <!-- The original content accessed by <content> --> + <div> + <h4>My Content Heading</h4> + <p>My content text</p> + </div> + + <script> + // Get the <div> above. + var myContent = document.querySelector('div'); + // Create a shadow DOM on the <div> + var shadowroot = myContent.createShadowRoot(); + // Insert into the shadow DOM a new heading and + // part of the original content: the <p> tag. + shadowroot.innerHTML = + '<h2>Inserted Heading</h2> <content select="p"></content>'; + </script> + + </body> +</html> +</pre> + +<p>Si es pot veure en un navegador web, ha de ser similar al següent.</p> + +<p><img alt="content example" src="https://mdn.mozillademos.org/files/10077/content-example.png" style="height: 383px; width: 716px;"></p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="spec-table standard-table"> + <tbody> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + <tr> + <td>{{SpecName('Shadow DOM', "#the-content-element", "content")}}</td> + <td>{{Spec2('Shadow DOM')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</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 (WebKit)</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>35</td> + <td><span style="font-size: 12px; line-height: 18px;">{{CompatGeckoDesktop("28")}}</span> [1]</td> + <td>{{CompatNo}}</td> + <td>26</td> + <td><span style="font-size: 12px; line-height: 18px;">{{CompatNo}}</span></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 Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>37</td> + <td>{{CompatGeckoMobile("28")}} [1]</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] Si Shadow DOM no està activat en Firefox, els elements <code><content></code> es comportaran com {{domxref("HTMLUnknownElement")}}. Shadow DOM es va implementar per primera vegada a Firefox 33 i està darrere d'una preferència, <code>dom.webcomponents.enabled</code>, que està desactivada per defecte.</p> + +<h2 id="See_also" name="See_also">Veure</h2> + +<ul> + <li><a href="/en-US/docs/Web/Web_Components">Web Components</a></li> + <li>{{HTMLElement("shadow")}}, {{HTMLElement("template")}}, {{HTMLElement("element")}}</li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/data/index.html b/files/ca/web/html/element/data/index.html new file mode 100644 index 0000000000..8e91647d32 --- /dev/null +++ b/files/ca/web/html/element/data/index.html @@ -0,0 +1,136 @@ +--- +title: <data> +slug: Web/HTML/Element/data +translation_of: Web/HTML/Element/data +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'<strong>element HTML <code><data></code> </strong>vincula un contingut donat amb una traducció llegible per màquina. Si el contingut és d'hora o relacionat amb dates, heu de fer servir {{HTMLElement("time")}}.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">Phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLDataElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els<span style="line-height: 21px;"> </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> + +<dl> + <dt>{{htmlattrdef("value")}}</dt> + <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>especifica</span> <span>la traducció</span> <span>llegible</span> <span>per màquina</span> <span>del contingut</span> <span>de l'element.</span></span></dd> +</dl> + +<h2 id="Exemple">Exemple</h2> + +<p>El següent exemple no solsament mostra els noms dels productes, sinó que associa cada nom amb el seu codi UPC.</p> + +<pre class="brush: html"><p>New Products</p> +<ul> + <li><data value="3967381398">Mini Ketchup</data></li> + <li><data value="3967381399">Jumbo Ketchup</data></li> + <li><data value="3967381400">Mega Jumbo Ketchup</data></li> +</ul> +</pre> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-data-element', '<data>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>No change from {{SpecName('HTML5 W3C')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-data-element', '<data>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Initial definition.</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatNo}}</td> + <td>{{CompatGeckoDesktop("22.0")}} {{bug("839371")}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</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>Suport bàsic</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>L'element HTML {{HTMLElement("time")}}.</li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/datalist/index.html b/files/ca/web/html/element/datalist/index.html new file mode 100644 index 0000000000..ab886f9d08 --- /dev/null +++ b/files/ca/web/html/element/datalist/index.html @@ -0,0 +1,150 @@ +--- +title: <datalist> +slug: Web/HTML/Element/datalist +translation_of: Web/HTML/Element/datalist +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'<em>Element HTML Datalist</em> (<strong><datalist></strong>) conté un conjunt d'elements {{HTMLElement("option")}} que representen els valors disponibles per a altres controls.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td>Qualsevol <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a> o zero o més elements {{HTMLElement("option")}}.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLDataListElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p><span id="result_box" lang="ca"><span>Aquest</span> <span>element no</span> <span>té altres</span> <span>atributs que els</span></span> <a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>, <span id="result_box" lang="ca"><span>comuns a</span> <span>tots</span> <span>els</span> <span>elements.</span></span></p> + +<h2 id="Exemples">Exemples</h2> + +<pre class="brush: html"><label>Choose a browser from this list: +<input list="browsers" name="myBrowser" /></label> +<datalist id="browsers"> + <option value="Chrome"> + <option value="Firefox"> + <option value="Internet Explorer"> + <option value="Opera"> + <option value="Safari"> + <option value="Microsoft Edge"> +</datalist> +</pre> + +<h3 id="Resultat" style="line-height: 24px; font-size: 1.71428571428571rem;">Resultat</h3> + +<p>{{EmbedLiveSample("Examples")}}</p> + +<dl> + <dt><span id="result_box" lang="ca"><span>Utilitzant el</span> <span>resultat</span></span></dt> +</dl> + +<p>L'atribut <strong>name</strong> de l'element <input> especifica el nom del control, que es presenta amb les dades del formulari.<strong><code> </code></strong></p> + +<p>Aquest formulari de dades passa a estar disponible al servidor de la petició http: String myBrowser = request.getParameter("myBrowser");</p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'the-button-element.html#the-datalist-element', '<datalist>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'forms.html#the-datalist-element', '<datalist>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Polyfill">Polyfill</h2> + +<p><a href="https://github.com/mfranzke/datalist-polyfill">datalist-polyfill</a></p> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>20</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>10</td> + <td>9.5</td> + <td>{{CompatNo}}</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>Suport bàsic</td> + <td>33</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatNo}}</td> + <td>10</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li class="last">L'element {{HTMLElement("input")}}, i més concretament l'atribut {{htmlattrxref("list", "input")}};</li> + <li class="last">L'element {{HTMLElement("option")}}.</li> +</ul> + +<p class="last">{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/dd/index.html b/files/ca/web/html/element/dd/index.html new file mode 100644 index 0000000000..c4c99682d2 --- /dev/null +++ b/files/ca/web/html/element/dd/index.html @@ -0,0 +1,133 @@ +--- +title: <dd> +slug: Web/HTML/Element/dd +translation_of: Web/HTML/Element/dd +--- +<p>{{HTMLRef}}</p> + +<p>L'<strong>element HTML <dd></strong> (<em>Element de Descripció HTML</em>) indica la descripció d'un terme en una llista de descripció del element ({{HTMLElement("dl")}}) . Aquest element només pot aparèixer com un element fill d'una llista de descripció i ha de seguir a un element {{HTMLElement("dt")}}.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td>Cap</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">Contingut dinàmic</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>Ha de tenir una etiqueta d'inici. L'etiqueta final es pot ometre si aquest element és seguit immediatament per un altre element <code><dd></code>, o si no hi ha més contingut en l'element pare.</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Després d'un element {{HTMLElement("dt")}} o {{HTMLElement("dd")}}, dins d'un {{HTMLElement("dl")}}.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els<span style="line-height: 21px;"> </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> + +<dl> + <dt>{{htmlattrdef("nowrap")}} {{Non-standard_inline}}</dt> + <dd><span id="result_box" lang="ca"><span>Si</span> <span>el valor d'aquest</span> <span>atribut</span> <span>s'estableix</span> <span>en <code>si</code>, el</span> <span>text</span> <span>de la definició</span> <span>no s'ajustarà</span></span>. <span id="result_box" lang="ca"> <span>El valor</span> <span>per</span> <span>defecte</span> <span>és </span></span><code>no</code>.</dd> +</dl> + +<h2 id="Exemple">Exemple</h2> + +<p><span class="short_text" id="result_box" lang="ca"><span>Per veure un</span> <span>exemple</span><span>, consulteu</span></span> <a href="/en-US/docs/HTML/Element/dl#examples" title="HTML/Element/dl#examples"><dl> exemples</a>.</p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'semantics.html#the-dd-element', '<dd>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-dd-element', '<dd>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/lists.html#h-10.3', '<dd>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("1.0")}} [1]</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}} [1]</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] Fins a Gecko 1.9.2 (Firefox 4) <span id="result_box" lang="ca"><span>inclosos,</span> <span>Firefox</span> <span>implementa</span> <span>la interfície</span></span> <a href="/en-US/docs/DOM/span" title="DOM/span"><span style="font-family: courier new;">HTMLSpanElement</span></a> per a aquest element.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>{{HTMLELement("dl")}}, {{HTMLElement("dt")}}</li> +</ul> diff --git a/files/ca/web/html/element/del/index.html b/files/ca/web/html/element/del/index.html new file mode 100644 index 0000000000..7b31703c1b --- /dev/null +++ b/files/ca/web/html/element/del/index.html @@ -0,0 +1,125 @@ +--- +title: <del> +slug: Web/HTML/Element/del +tags: + - Element + - HTML + - HTML edits + - Reference + - Web +translation_of: Web/HTML/Element/del +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'<em>Element HTML text eliminat</em> (<strong><del></strong>) representa un rang de text que ha estat esborrat d'un document. Aquest element és sovint (però no necessàriament) reproduït amb el text ratllat.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">Phrasing content</a> o <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">contingut dinàmic</a>.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/HTML/Content_categories#Transparent_content_model" title="HTML/Content_categories#Transparent_content_model">Transparent</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLModElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els<span style="line-height: 21px;"> </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> + +<dl> + <dt>{{htmlattrdef("cite")}}</dt> + <dd><span id="result_box" lang="ca"><span>Un</span> <span>URI</span> <span>d'un recurs que</span> <span>explica el canvi</span> <span>(</span><span>per</span> <span>exemple</span><span>, actes de</span> <span>reunions</span><span>)</span><span>.</span></span></dd> + <dt>{{htmlattrdef("datetime")}}</dt> + <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>indica l'hora</span> <span>i</span> <span>la data</span> <span>del canvi i</span> <span>ha de ser una</span><a href="http://www.w3.org/TR/html5/infrastructure.html#valid-date-string-with-optional-time"> data vàlida amb una cadena de temps opcional</a></span>. <span id="result_box" lang="ca"><span>Si el valor</span> <span>no</span> <span>es</span> <span>pot</span> <span>analitzar</span> <span>com una</span> <span>data</span> <span>amb una cadena</span> <span>de temps</span> <span>opcional</span><span>, l'element</span> <span>no té una</span> <span>marca de temps</span> <span>associada</span></span></dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<pre class="brush: html"><p><del>This text has been deleted</del>, here is the rest of the paragraph.</p> +<del ><p >This paragraph has been deleted.</p ></del ></pre> + +<h3 id="Resultat">Resultat</h3> + +<p><del>Aquest text ha estat eliminta</del>, <span id="result_box" lang="ca"><span>aquí</span> <span>està la resta</span> <span>del paràgraf.</span></span></p> + +<p><del>Aquest paràgraf ha estat eliminat.</del></p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'edits.html#the-del-element', '<del>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'edits.html#the-del-element', '<del>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.4', '<del>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>{{HTMLElement("ins")}} <span class="short_text" id="result_box" lang="ca"><span>element</span> <span>per</span> <span>inserir en un</span> <span>text</span></span></li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/details/index.html b/files/ca/web/html/element/details/index.html new file mode 100644 index 0000000000..3c5617b000 --- /dev/null +++ b/files/ca/web/html/element/details/index.html @@ -0,0 +1,152 @@ +--- +title: <details> +slug: Web/HTML/Element/details +tags: + - Element + - HTML + - HTML interactive elements + - Reference + - Web +translation_of: Web/HTML/Element/details +--- +<div>{{HTMLRef}}</div> + +<p>L'element HTML <code><strong><details></strong></code> s'utilitza com un widget divulgatiu de la qual l'usuari pot recuperar informació addicional.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, + <div class="textArea" id="destText" style="direction: ltr;"> + <div><span class="highlighted" id="ouHighlight__0_9TO0_11">seccionament</span><span id="noHighlight_0.9403833854781938"> </span><span id="ouHighlight__11_14TO13_17">arrel</span></div> + </div> + , contingut interactiu, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td>Un element {{HTMLElement("summary")}} seguit per <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">contingut dinàmic</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">contingut dinàmic</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLDetailsElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("open")}}</dt> + <dd>Aquest atribut booleà indica si les dades seran mostrades a l'usuari en carregar la pàgina. El valor per defecte és <code>false</code> i per això els detalls estaran ocults.</dd> +</dl> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush: html"><details> + <summary>Some details</summary> + <p>More info about the details.</p> +</details> +</pre> + +<h3 id="Resultat_directe">Resultat directe</h3> + +<p>{{EmbedLiveSample("Example")}}</p> + +<div class="note"> +<p><strong>Nota:</strong> Si la mostra en viu no us funciona, mireu {{anch("Browser compatibility")}} per determinar si el vostre navegador és totalment compatible amb aquesta característica.</p> +</div> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'forms.html#the-details-element', '<details>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', 'semantics.html#the-details-element', '<details>')}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td>Definició inicial</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>MS Edge</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>12</td> + <td>{{CompatGeckoDesktop("49.0")}}<sup>[1]</sup></td> + <td>{{CompatNo}}</td> + <td><a href="https://developer.microsoft.com/en-us/microsoft-edge/platform/status/detailssummary?filter=f3f0000bf&search=details">Under consideration</a></td> + <td>15</td> + <td>6</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>Suport bàsic</td> + <td>4.0</td> + <td>{{CompatGeckoMobile("49.0")}}<sup>[1]</sup></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] Aquesta característica està disponible des de Firefox 47 darrere de la preferència <code>dom.details_element.enabled</code>, per defecte a <code>false</code>, excepte en les versions Nightly i Aurora ({{bug(1241750)}}). El suport està activat per defecte, és a dir, la preferència està establerta a <code>true</code>, des de Firefox 49.0 ({{bug("1226455")}}).</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>{{HTMLElement("summary")}}</li> +</ul> diff --git a/files/ca/web/html/element/dfn/index.html b/files/ca/web/html/element/dfn/index.html new file mode 100644 index 0000000000..9d438349e9 --- /dev/null +++ b/files/ca/web/html/element/dfn/index.html @@ -0,0 +1,172 @@ +--- +title: <dfn> +slug: Web/HTML/Element/dfn +tags: + - Element + - HTML + - HTML text-level semantics + - Reference + - Web +translation_of: Web/HTML/Element/dfn +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'<em>Element HTML Definició</em> (<dfn>) representa la instància de definició d'un terme.</p> + +<div class="note"><strong>Notes d'ùs en HTML5:</strong> + +<ul> + <li>L'element <<code>dfn</code>> indica el terme definit; la definició del terme ve determinat per {{HTMLElement("p")}}, {{HTMLElement("section")}} o grup de llista de definicions circumdant (normalment un parell {{HTMLElement("dt")}}, {{HTMLElement("dd")}}).</li> + <li><span id="result_box" lang="ca"><span>El valor</span> <span>exacte del</span> <span>terme que</span> <span>es</span> <span>defineix és</span> <span>determinat</span> <span>per les</span> <span>regles següents:</span></span> + <ol> + <li>Si l'element <<code>dfn</code>> té un atribut <strong><code>title</code></strong>, llavors el terme és el valor d'aquest atribut.</li> + <li>Ara bé, si només conté un element {{HTMLElement("abbr")}} amb un atribut {{htmlattrxref("title", "abbr")}}, llavors el terme és el valor d'aquest atribut.</li> + <li>Altrament, el contingut del text de l'element <<code>dnf</code>> és el terme definit.</li> + </ol> + </li> +</ul> +</div> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>, però cap element {{HTMLElement("dfn")}} ha de ser un descendent.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els<span style="line-height: 21px;"> </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>En HTML5, l'atribut <code>title</code> té un significat especial, com es va assenyalar anteriorment.</p> + +<h2 id="Exemples">Exemples</h2> + +<p><span class="short_text" id="result_box" lang="ca"><span>Els</span> <span>següents</span> <span>exemples</span> <span>són</span> <span>vàlids</span> <span>en HTML5</span></span>.</p> + +<pre class="brush: html"><!-- Define "The Internet" --> +<p><dfn id="def-internet">The Internet</dfn> is a global system of interconnected networks that use the Internet Protocol Suite (TCP/IP) to serve billions of users worldwide.</p> +</pre> + +<p><span class="short_text" id="result_box" lang="ca"><span>A continució</span><span>, en el mateix</span> <span>document</span></span>:</p> + +<pre class="brush: html"><dl> + <!-- Define "World-Wide Web" and reference definition for "the Internet" --> + <dt> + <dfn> + <abbr title="World-Wide Web">WWW</abbr> + </dfn> + </dt> + <dd>The World-Wide Web (WWW) is a system of interlinked hypertext documents accessed on <a href="#def-internet">the Internet</a>.</dd> +</dl> +</pre> + +<h3 id="Resultat">Resultat</h3> + +<p>{{ EmbedLiveSample('Examples', '600', '150', '', 'Web/HTML/Element/dfn') }}</p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-dfn-element', '<dfn>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-dfn-element', '<dfn>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.2.1', '<dfn>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> + +<div>{{CompatibilityTable}}</div> + +<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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li><span id="result_box" lang="ca"><span>Elements</span> <span>relacionats</span>, <span>llistes</span> <span>de definicions</span></span>: {{HTMLElement("dl")}}, {{HTMLElement("dt")}}, {{HTMLElement("dd")}}</li> + <li>{{HTMLElement("abbr")}}</li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/dialog/index.html b/files/ca/web/html/element/dialog/index.html new file mode 100644 index 0000000000..27a72bdde4 --- /dev/null +++ b/files/ca/web/html/element/dialog/index.html @@ -0,0 +1,208 @@ +--- +title: <dialog> +slug: Web/HTML/Element/dialog +tags: + - Dialog + - Element + - Experimental + - HTML + - HTML interactive elements + - Reference + - Web +translation_of: Web/HTML/Element/dialog +--- +<div>{{SeeCompatTable}}</div> + +<p>L'<strong>element HTML <<code>dialog</code>></strong> representa un quadre de diàleg o un altre component interactiu, tal com un inspector o finestra. Els elements <code><form></code> poden integrar-se dins d'un diàleg especificant l'atribut <code>method="dialog"</code>. Quan s'envia un formulari, el diàleg es tancat amb un atribut <code>returnValue</code> establert en el valor del botó d'enviament utilitzat.</p> + +<p>El pseudo-element CSS {{cssxref('::backdrop')}} es pot utilitzar per donar estil el darrer d'un element <code><dialog></code>, per exemple per atenuar un contingut inaccessible mentre que està actiu un quadre de diàleg modal.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/Web/HTML/Sections_and_Outlines_of_an_HTML5_document#Sectioning_roots">seccionament arrel.</a></td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic.</a></td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">contingut dinàmic.</a></td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLDialogElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>. <span id="result_box" lang="ca"><span>L'atribut</span> <code><span>tabindex</span></code> <span>no ha de ser</span> <span>utilitzat</span> <span>en l'element</span> <code><span><</span><span>dialog</span><span>></span></code><span>.</span></span></p> + +<dl> + <dt>{{htmlattrdef("open")}}</dt> + <dd>Indica que el diàleg és actiu i disponible per a la interacció. Quan l'atribut obert no està establert, no s'ha de mostrar a l'usuari.</dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<h3 id="Example_1">Example 1</h3> + +<pre class="brush: html"><dialog open> + <p>Greetings, one and all!</p> +</dialog> +</pre> + +<h3 id="Example_2">Example 2</h3> + +<pre class="brush: html"><!-- Simple pop-up dialog box, containing a form --> +<dialog id="favDialog"> + <form method="dialog"> + <section> + <p><label for="favAnimal">Favorite animal:</label> + <select id="favAnimal"> + <option></option> + <option>Brine shrimp</option> + <option>Red panda</option> + <option>Spider monkey</option> + </select></p> + </section> + <menu> + <button id="cancel" type="reset">Cancel</button> + <button type="submit">Confirm</button> + </menu> + </form> +</dialog> + +<menu> + <button id="updateDetails">Update details</button> +</menu> + +<script> + (function() { + var updateButton = document.getElementById('updateDetails'); + var cancelButton = document.getElementById('cancel'); + var favDialog = document.getElementById('favDialog'); + + // Update button opens a modal dialog + updateButton.addEventListener('click', function() { + favDialog.showModal(); + }); + + // Form cancel button closes the dialog box + cancelButton.addEventListener('click', function() { + favDialog.close(); + }); + + })(); +</script> +</pre> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'forms.html#the-dialog-element', '<dialog>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', 'interactive-elements.html#the-dialog-element', '<dialog>')}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td>Definició inicial</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>37</td> + <td>{{CompatNo}}<sup>[1]</sup></td> + <td>{{CompatNo}}</td> + <td>24</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><span class="short_text" id="result_box" lang="ca"><span>Punts</span> <span>d'ancoratge</span></span></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</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>37</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><span class="short_text" id="result_box" lang="ca"><span>Punts</span> <span>d'ancoratge</span></span></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] See {{bug("840640")}}.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>L'event {{event("close")}}</li> + <li>L'event {{event("cancel")}}</li> + <li><a href="/en-US/docs/Web/Guide/HTML/Forms">Guía formularis HTML</a>.</li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/dir/index.html b/files/ca/web/html/element/dir/index.html new file mode 100644 index 0000000000..d6569a226e --- /dev/null +++ b/files/ca/web/html/element/dir/index.html @@ -0,0 +1,49 @@ +--- +title: <dir> +slug: Web/HTML/Element/dir +tags: + - Element + - HTML + - Obsolete + - Reference + - Web +translation_of: Web/HTML/Element/dir +--- +<div>{{Obsolete_header()}}</div> + +<h2 id="Sumari">Sumari</h2> + +<p>L'<em>element HTML directori</em> (<code><dir></code>) representa un directori, és a dir, una col·lecció de noms d'arxiu.</p> + +<div class="note"><strong>Nota d'ùs: </strong>No utilitzeu aquest element. Encara present en l'especificació HTML inicial, s'ha desaprovat en HTML 4, llavors és obsoleta en <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5">HTML5</a>. Utilitzar el {{HTMLElement("ul")}} al seu lloc</div> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element implementa la interfície {{domxref("HTMLDirectoryElement")}}.</p> + +<h2 id="Atributs">Atributs</h2> + +<p><span id="result_box" lang="ca"><span>Igual</span> <span>que tots els altres</span> <span>elements</span> <span>HTML</span><span>, aquest element</span> <span>és</span> <span>compatible amb els</span></span> <a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("compact")}}</dt> + <dd>Aquest atribut booleà aconsella que la llista hauria de traduir-se en un estil compacte. La interpretació d'aquest atribut depèn de l'agent d'usuari i no funciona en tots els navegadors. + <div class="note"><strong>Nota d'ùs: </strong>No utilitzeu aquest atribut, ja que ha quedat desprovat: l'element {{HTMLElement("dir")}} s'ha de donar estil amb <a href="/en-US/docs/CSS" title="CSS">CSS</a>. Per donar un efecte similar que l'atribut <code>compact</code>, la propietat CSS {{cssxref("line-height")}} es pot utilitzar amb un valor del 80%.</div> + </dd> +</dl> + +<h2 id="Veure">Veure</h2> + +<ul> + <li><span class="short_text" id="result_box" lang="ca"><span>Altres elements</span> <span>HTML</span> <span>relacionats</span></span>: {{HTMLElement("ol")}}, {{HTMLElement("ul")}}, {{HTMLElement("li")}}, {{HTMLElement("menu")}};</li> + <li><span id="result_box" lang="ca"><span>Propietats CSS</span> <span>que poden ser</span> <span>especialment</span> <span>útils</span> <span>per</span> <span>estilitzar</span> <span>l'element</span> <span><</span><span>dir></span><span>:</span></span> + <ul> + <li>La propietat {{cssxref('list-style')}}, es útil per triar la forma en què es mostra l'ordinal.</li> + <li><a href="/en-US/docs/CSS_Counters" title="CSS_Counters">CSS counters</a>, es útil per gestionar llistes niades complexes.</li> + <li>La propietat {{Cssxref('line-height')}}, es útil per simular el desús de l'atribut {{htmlattrxref("compact", "dir")}}.</li> + <li>La propietat {{cssxref('margin')}}, es útil per controlar la sagnia de la llista.</li> + </ul> + </li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/div/index.html b/files/ca/web/html/element/div/index.html new file mode 100644 index 0000000000..4d02665d55 --- /dev/null +++ b/files/ca/web/html/element/div/index.html @@ -0,0 +1,138 @@ +--- +title: <div> +slug: Web/HTML/Element/div +translation_of: Web/HTML/Element/div +--- +<p>{{HTMLRef}}</p> + +<p>L'<strong>element</strong> <strong>HTML <code><div></code> </strong>(o<em> Element de divisió de document HTML</em>) és un contàiner genèric per contingut dinàmic, el qual no representa res inherentment. Es pot utilitzar per agrupar elements per a fins d'estil (utilitzant els atributs <strong>class</strong> o <strong>id),</strong> o perquè comparteixen valors d'atribut, com ara <strong>lang</strong>. Només s'hauria de fer servir quan cap altre element semàntic (com ara {{HTMLElement("article")}} o {{HTMLElement("nav")}}) sigui apropiat.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permessos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">contingut dinàmic</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLDivElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Attributes" name="Attributes">Atributs</h2> + +<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p> + +<p>L'atribut <strong>align</strong> és obsolet; no el feu servir més.</p> + +<h2 id="Examples" name="Examples">Exemples</h2> + +<pre class="brush: html"><div> + <p>Aquí qualsevol tipus de contingut. Com ara &lt;p&gt;, &lt;table&gt;. El que sigui!</p> +</div> +</pre> + +<h3 id="Result" name="Result">Resultat</h3> + +<p>Aquí qualsevol tipus de contingut. Com ara <p>, <table>. El que sigui!</p> + +<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', 'grouping-content.html#the-div-element', '<div>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Cap canvi des de la última instantània</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-div-element', '<div>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td><strong>align </strong>és obsolet</td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/global.html#h-7.5.4', '<div>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">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 (WebKit)</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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 Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="See_also" name="See_also">Vegeu també</h2> + +<ul> + <li>Elements de seccionament semàntics: {{HTMLElement("section")}}, {{HTMLElement("article")}}, {{HTMLElement("nav")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}</li> + <li>{{HTMLElement("span")}} element per a l'estil de contingut estàtic.</li> +</ul> + +<div> </div> diff --git a/files/ca/web/html/element/dl/index.html b/files/ca/web/html/element/dl/index.html new file mode 100644 index 0000000000..1758b1b63e --- /dev/null +++ b/files/ca/web/html/element/dl/index.html @@ -0,0 +1,214 @@ +--- +title: <dl> +slug: Web/HTML/Element/dl +translation_of: Web/HTML/Element/dl +--- +<p>L'<strong>element HTML <dl></strong> (o <em>Element HTML llista de descripcions</em>) tanca una llista de parells de termes i descripcions. Els usos més comuns per a aquest element són per implementa un glossari o per mostrar metadades (una llista de parells clau-valor).</p> + +<p>Abans d'HTML5, <code><dl></code> es coneixia com una llista de definicions.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a>,i si els fills dels elements <code><dl></code> inclouen un parell nom-valor, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td>Zero o més elements {{HTMLElement("dt")}}, cadascun seguit d'un o més elements {{HTMLElement("dd")}}.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">contingut dinàmic</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLDListElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els<span style="line-height: 21px;"> </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> + +<dl> + <dt>{{htmlattrdef("compact")}} {{Non-standard_inline}}</dt> + <dd>Obliga a la descripció que aparegui en la mateixa línia que el terme. Aquest atribut no s'admet</dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<h3 id="Terme_únic_i_descripció">Terme únic i descripció</h3> + +<pre class="brush: html"><dl> + <dt>Firefox</dt> + <dd>A free, open source, cross-platform, graphical web browser + developed by the Mozilla Corporation and hundreds of volunteers.</dd> + + <!-- other terms and definitions --> +</dl> +</pre> + +<p>Sortida:</p> + +<p><img alt="Image:HTML-dl1.png" src="/@api/deki/files/241/=HTML-dl1.png"></p> + +<h3 id="Múltiples_termes_descripció_única">Múltiples termes, descripció única</h3> + +<pre class="brush: html"><dl> + <dt>Firefox</dt> + <dt>Mozilla Firefox</dt> + <dt>Fx</dt> + <dd>A free, open source, cross-platform, graphical web browser + developed by the Mozilla Corporation and hundreds of volunteers.</dd> + + <!-- other terms and definitions --> +</dl> +</pre> + +<p>Sortida:</p> + +<p><img alt="Image:HTML-dl2.png" src="/@api/deki/files/242/=HTML-dl2.png"></p> + +<h3 id="Terme_únic_múltiples_descripcions">Terme únic, múltiples descripcions</h3> + +<pre class="brush: html"><dl> + <dt>Firefox</dt> + <dd>A free, open source, cross-platform, graphical web browser + developed by the Mozilla Corporation and hundreds of volunteers.</dd> + <dd>The Red Panda also known as the Lesser Panda, Wah, Bear Cat or Firefox, + is a mostly herbivorous mammal, slightly larger than a domestic cat + (60 cm long).</dd> + + <!-- other terms and definitions --> +</dl> +</pre> + +<p>Sortida:</p> + +<p><img alt="Image:HTML-dl3.png" src="/@api/deki/files/243/=HTML-dl3.png"></p> + +<h3 id="Múltiples_termes_i_descripcions">Múltiples termes i descripcions</h3> + +<p>També és possible definir diversos termes amb las definicions múltiples corresponents, mitjançant la combinació dels exemples anteriors.</p> + +<h3 id="Metadata">Metadata</h3> + +<p>La descripció de les llistes són útils per mostrar les metadades com una llista de parells de clau-valor.</p> + +<pre><dl> + <dt>Name</dt> + <dd>Godzilla</dd> + <dt>Born</dt> + <dd>1952</dd> + <dt>Birthplace</dt> + <dd>Japan</dd> + <dt>Color</dt> + <dd>Green</dd> +</dl> +</pre> + +<p>Consell: Pot ser útil per definir un separador clau-valor en CSS3, com ara:</p> + +<pre class="brush: css">dt:after { + content: ": "; +}</pre> + +<h2 id="Notes">Notes</h2> + +<p>No utilitzeu aquest element (ni elements {{HTMLElement("ul")}}) per crear simplement sangrat en una pàgina. Encara que funciona, això és una mala pràctica i enfosqueix el significat de les llistes de definicions.</p> + +<p>Per canviar el sangrat de la descripció d'un terme, utilitzeu la propietat <a href="/en-US/docs/CSS" title="CSS">CSS</a> {{cssxref("margin")}}.</p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'grouping-content.html#the-dl-element', '<dl>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-dl-element', '<dl>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/lists.html#h-10.3', '<dl>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td>Definició inicial</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2> + +<div>{{CompatibilityTable}}</div> + +<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 (WebKit)</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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 Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>L'element {{HTMLElement("dt")}}</li> + <li>L'element {{HTMLElement("dd")}}</li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/dt/index.html b/files/ca/web/html/element/dt/index.html new file mode 100644 index 0000000000..1b3d514c27 --- /dev/null +++ b/files/ca/web/html/element/dt/index.html @@ -0,0 +1,131 @@ +--- +title: <dt> +slug: Web/HTML/Element/dt +tags: + - Element + - HTML + - HTML grouping content + - Reference +translation_of: Web/HTML/Element/dt +--- +<p>{{HTMLRef}}</p> + +<p>L'<strong>element HTML <dt></strong> (o <em>element HTML de definició de Terme</em>) identifica un terme en una llista de definicions. Aquest element pot aparèixer només com un element fill d'un {{HTMLElement("dl")}}. En general és seguida per un element {{HTMLElement("dd")}} ; No obstant això, múltiples elements <dt> en una fila indiquen diversos termes que estan tots definits per l'element immediat següent {{HTMLElement("dd")}}.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td>Cap.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td>Contingut dinàmic, però sense {{HTMLElement("header")}}, {{HTMLElement("footer")}}, seccions de contingut o encapçalament de continguts descendents .</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>Ha de tenir una etiqueta d'inici. L'etiqueta final pot ometre si aquest element és seguida immediatament per un altre element <code><dd></code>, o si no hi ha més contingut en l'element pare.</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Abans que un element {{HTMLElement("dt")}} o un {{HTMLElement("dd")}}, dins d'un {{HTMLElement("dl")}}.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLElement")}} Fins Gecko 1.9.2 (Firefox 4) inclossos, Firefox implementa la interfície <a href="/en-US/docs/DOM/span" title="DOM/span"><span style="font-family: courier new;">HTMLSpanElement</span></a> per a aquest element.</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element només inclou els<span style="line-height: 21px;"> </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> + +<h2 id="Exemple">Exemple</h2> + +<p>Per exemple veure <a href="/en-US/docs/HTML/Element/dl#Examples" title="HTML/Element/dl#Examples">llistes de definicions</a>.</p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'grouping-content.html#the-dt-element', '<dt>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-dt-element', '<dt>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/lists.html#h-10.3', '<dt>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</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 (WebKit)</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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 Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>{{HTMLElement("dd")}}, {{HTMLElement("dl")}}</li> +</ul> diff --git a/files/ca/web/html/element/element/index.html b/files/ca/web/html/element/element/index.html new file mode 100644 index 0000000000..66e51e06e1 --- /dev/null +++ b/files/ca/web/html/element/element/index.html @@ -0,0 +1,93 @@ +--- +title: <element> +slug: Web/HTML/Element/element +translation_of: Web/HTML/Element/element +--- +<div class="note"> +<p><strong>Nota:</strong> Aquest element s'ha eliminat de l'especificació. Vegeu <a href="http://lists.w3.org/Archives/Public/public-webapps/2013JulSep/0287.html">això</a> per més informació de l'editor de l'especificació.</p> +</div> + +<h2 id="Summary" name="Summary">Resum</h2> + +<p>L'<strong>element</strong> <strong><a href="/en-US/docs/Web/HTML">HTML</a> <code><element></code> </strong> s'utilitza per definir nous elements DOM personalitzats.</p> + +<ul class="htmlelt"> + <li><dfn><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></dfn> <a href="/en-US/docs/Web/HTML/Content_categories#Transparent_content">Contingut transparent</a>.</li> + <li><dfn>Contingut permès</dfn> ???</li> + <li><dfn>Omissió de l'etiqueta</dfn> {{no_tag_omission}}</li> + <li><dfn>Elements pares permessos</dfn> ???</li> + <li><dfn>Interfície DOM</dfn> {{domxref("HTMLElement")}}</li> +</ul> + +<h2 id="Attributes" name="Attributes">Atributs</h2> + +<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p> + +<h2 id="Examples" name="Examples">Exemples</h2> + +<p>El text va aquí.</p> + +<pre class="brush: html">Més text va aquí. +</pre> + +<h2 id="Specifications" name="Specifications">Especificacions</h2> + +<p>L'element <code><element></code> es torbava antigament dins d'un esborrany de l'especificació de<a href="http://w3c.github.io/webcomponents/spec/custom/"> Elements personalitzats</a> però s'ha eliminat.</p> + +<h2 id="Browser_compatibility" name="Browser_compatibility">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 (WebKit)</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</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 Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="See_also" name="See_also">Vegeu també</h2> + +<ul> + <li>Components Web: {{HTMLElement("content")}}, {{HTMLElement("shadow")}}, {{HTMLElement("template")}}</li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/em/index.html b/files/ca/web/html/element/em/index.html new file mode 100644 index 0000000000..1cd3921638 --- /dev/null +++ b/files/ca/web/html/element/em/index.html @@ -0,0 +1,159 @@ +--- +title: <em> +slug: Web/HTML/Element/em +tags: + - Element + - HTML + - HTML text-level semantics + - Reference + - Web + - font-style +translation_of: Web/HTML/Element/em +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'element HTML èmfasi <strong><em></strong> marca un text perque tingui un accent mes remarcable. L'element <code><em></code> es pot superposar-se, amb cada nivell de superposició indicar un major grau d'èmfasi.</p> + +<div class="note"><strong>Nota d'ùs:</strong> En general aquest element es mostra en cursiva. No obstant això, no s'ha d'utilitzar simplement per aplicar un estil cursiva, utilitzar l'estil CSS per a aquest propòsit. Utilitzar l'element {{HTMLElement("cite")}} per marcar el títol d'una obra (llibre, joc cançó, etc.); també l'estil d'aquest és amb lletra cursiva, però té un significat diferent. Utilitzar l'element {{HTMLElement("strong")}} per marcar el text que té una major importància que el circumdant.</div> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>, contingut palpable</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + </tr> + <tr> + <th scope="row"> + <p>Interfície DOM</p> + + <p> </p> + </th> + <td>{{domxref("HTMLElement")}} Fins Gecko 1.9.2 (Firefox 4) inclossos, Firefox implementa la interfície {{domxref("HTMLSpanElement")}} per aquest element.</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element només inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p> + +<h2 id="Exemple">Exemple</h2> + +<p><span id="result_box" lang="ca"><span>L'element</span> <code><span><</span><span>em></span></code> <span>s'utilitza sovint</span> <span>per indicar un</span> <span>contrast</span> <span>implícit</span> <span>o explícit</span><span>.</span></span></p> + +<pre class="brush: html"><p> + In HTML 5, what was previously called <em>block-level</em> content is now called <em>flow</em> content. +</p></pre> + +<h3 id="Result" name="Result">Resultat</h3> + +<p><span id="result_box" lang="ca"><span class="alt-edited">En HTML 5, el que abans es deia contingut en <em>bloc</em> ara es diu contingut <em>dinàmic</em>.</span></span></p> + +<h2 id="<i>_vs._<em>"><i> vs. <em></h2> + +<p>Sovint és confús per als nous desenvolupadors per què hi ha tants elements per expressar èmfasi en algun text. <code><i></code> i <code><em></code> són potser uns dels més comuns. Per què utilitzar <code><em></em></code> vs <code><i></i</code>> si produeixen exactament el mateix resultat, oi?.</p> + +<p>No exactament. El resultat visual és, per defecte, el mateix - dues etiquetes fan el seu contingut en cursiva. Però el significat semàntic és diferent. L'etiqueta <em> representa un accent mes remarcable del seu contingut, mentre que l'etiqueta <code><i></code> representa un text que està fora de la prosa normal, tal com el nom d'una pel·lícula o un llibre, una paraula estrangera, o quan el text es refereix a la definició d'una paraula en lloc de representar el seu significat semàntic.</p> + +<p>Un exemple de <code><em></code> podria ser: "Fes-ho ja!", O: "Vam haver de fer alguna cosa". Una persona o un programari, llegint el text pronunciaria les paraules en cursiva amb èmfasi.</p> + +<p>Un exemple de <code><i></code> podria ser: "El <em>Queen Mary</em> va navegar ahir a la nit". Aquí, no hi ha èmfasi afegit o la importància de la paraula "Queen Mary". Merament s'indica que l'objecte en qüestió no és una reina anomenada Mary, sinó un vaixell anomenat <em>Queen Mary</em>. Un altre exemple de <code><i></code> podria ser: "La paraula la és un article".</p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-em-element', '<em>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-em-element', '<em>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.2.1', '<em>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2> + +<div>{{CompatibilityTable}}</div> + +<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 (WebKit)</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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 Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="See_also" name="See_also">Veure</h2> + +<ul> + <li>{{HTMLElement("i")}}</li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/embed/index.html b/files/ca/web/html/element/embed/index.html new file mode 100644 index 0000000000..52ad4b3062 --- /dev/null +++ b/files/ca/web/html/element/embed/index.html @@ -0,0 +1,127 @@ +--- +title: <embed> +slug: Web/HTML/Element/embed +tags: + - Element + - HTML + - HTML embedded content + - HTML5 + - Reference + - Web +translation_of: Web/HTML/Element/embed +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'<strong>Element HTML <code><embed></code></strong> representa un punt d'integració per a una aplicació externa o contingut interactiu (en altres paraules, un plug-in).</p> + +<div class="note"> +<p>Nota ("Aquest tema només documenta l'element que es defineix com a part d'HTML5. No es refereix a una implementació anterior, no estandarditzada de l'element.")</p> +</div> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, contingut incrustat, contingut interactiu, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td>Cap, és un {{Glossary("empty element")}}.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td><span id="result_box" lang="ca"><span>Ha de tenir una</span> <span>etiqueta</span> <span>d'inici,</span> <span>i</span> <span>no ha de tenir</span> <span>una etiqueta</span> <span>de tancament</span></span>.</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti contingut incrustat.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLEmbedElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els<span style="line-height: 21px;"> </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> + +<dl> + <dt>{{htmlattrdef("height")}}</dt> + <dd><span id="result_box" lang="ca"><span>L'alçada</span> <span>mostrada</span> <span>del recurs,</span> <span>en píxels</span> <span>CSS.</span></span></dd> + <dt>{{htmlattrdef("src")}}</dt> + <dd><span id="result_box" lang="ca"><span>L'adreça URL</span> <span>del recurs</span> <span>que s'ha</span> <span>incrusta</span><span>.</span></span></dd> + <dt>{{htmlattrdef("type")}}</dt> + <dd>El tipus MIME a utilitzar per seleccionar el plug-in per crear una instància.</dd> + <dt>{{htmlattrdef("width")}}</dt> + <dd><span id="result_box" lang="ca"><span>L'amplada</span> <span>mostrada</span> <span>del recurs,</span> <span>en píxels</span> <span>CSS.</span></span></dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<pre class="brush: html"><embed type="video/quicktime" src="movie.mov" width="640" height="480"> +</pre> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'the-iframe-element.html#the-embed-element', '<embed>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#the-embed-element', '<embed>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> + +<div class="note"> +<p><strong>Nota</strong>: Actualment existeix una diferència d'implementació entre els navegadors. Mentre Blink (Chrome, Opera) mostrarà el contingut del recurs HTML, Firefox mostrarà un missatge genèric dient que el contingut necessita un plug-in (veure {{Bug ("730.768")}}). Es recomana utilitzar l'element <object> o <iframe></p> +</div> + +<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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Altres elements que s'utilitzen per incrustar continguts de diversos tipus, inclouen {{HTMLElement("audio")}}, {{HTMLElement("canvas")}}, {{HTMLElement("iframe")}}, {{HTMLElement("img")}}, {{MathMLElement("math")}}, {{HTMLElement("object")}}, {{SVGElement("svg")}}, and {{HTMLElement("video")}}.</li> +</ul> + +<p>{{ HTMLRef }}</p> diff --git a/files/ca/web/html/element/fieldset/index.html b/files/ca/web/html/element/fieldset/index.html new file mode 100644 index 0000000000..d9e30d9974 --- /dev/null +++ b/files/ca/web/html/element/fieldset/index.html @@ -0,0 +1,414 @@ +--- +title: <fieldset> +slug: Web/HTML/Element/fieldset +tags: + - Element + - Forms + - HTML + - HTML forms + - Intermediate + - Reference + - Web +translation_of: Web/HTML/Element/fieldset +--- +<div>{{HTMLRef}}</div> + +<p><span id="result_box" lang="ca"><span class="alt-edited">L'<strong>element HTML <code><fieldset></code></strong> s'utilitza per agrupar diversos controls així com etiquetes ({{HTMLElement("label")}}) dins d'un formulari web.</span></span></p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/Sections_and_Outlines_of_an_HTML5_document#sectioning_root">secció arrel</a>, <a href="/en-US/docs/HTML/Content_categories#form_listed">llistat</a>, element <a href="/en-US/docs/HTML/Content_categories#form-associated_content">associat a formulari </a> , contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td>Un element {{HTMLElement("legend")}} opcional, seguit de contingut dinàmic.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLFieldSetElement")}}</td> + </tr> + </tbody> +</table> + +<div class="note"> +<p><strong>Nota:</strong> a diferència de gairebé qualsevol altre element, l'especificació de representació WHATWG HTML suggereix <code>{{cssxref("min-width")}}: <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/width#Values">min-content</a></code> com a part de l'estil predeterminat per a {{HTMLElement("fieldset")}}, molts navegadors implementan aquest estil (o alguna cosa aproximada).</p> +</div> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("disabled")}} {{HTMLVersionInline(5)}}</dt> + <dd>Si aquest atribut booleà està establert, els controls de formulari que són els seus descendents, amb excepció dels descendents del seu primer element opcional {{HTMLElement("legend")}}, estan desactivats, és a dir, no es poden editar. Ells no rebran cap event de navegació, com clics del ratolí o els relacionats amb el focus. Sovint els navegadors mostran aquests controls amb gris</dd> + <dt>{{htmlattrdef("form")}} {{HTMLVersionInline(5)}}</dt> + <dd>Aquest atribut té el valor de l'atribut <strong>id</strong> de l'element {{HTMLElement("form")}} que està relacionat amb. El seu valor per defecte és l'<strong>id</strong> de l'element {{HTMLElement("form")}} més proper, que és un descendent de.</dd> + <dt>{{htmlattrdef("name")}} {{HTMLVersionInline(5)}}</dt> + <dd><span id="result_box" lang="ca"><span>El nom</span> <span>associat</span> <span>amb</span> <span>el grup.</span></span> + <div class="note">L'etiqueta per al conjunt del camp ve donada pel primer element {{HTMLElement("legend")}} que és un fill d'aquest conjunt de camp.</div> + </dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<h3 id="Exemple_1_Formulari_amb_fieldset_legend_i_label">Exemple #1: Formulari amb fieldset, legend i label</h3> + +<pre class="brush: html"><form action="test.php" method="post"> + <fieldset> + <legend>Title</legend> + <input type="radio" id="radio"> <label for="radio">Click me</label> + </fieldset> +</form></pre> + +<h3 id="Exemple_2_Simulant_un_editable_HTMLElement(select)_a_través_d'un_fieldset_radioboxes_i_textboxes*">Exemple #2: Simulant un editable {{HTMLElement("select")}} a través d'un <code>fieldset</code>, <a href="/en-US/docs/HTML/Element/Input">radioboxes</a> i <a href="/en-US/docs/HTML/Element/Input">textboxes</a>*</h3> + +<p>El següent exemple està fet amb pur HTML i CSS. No hi ha cap codi JavaScript.</p> + +<p><strong>S'adverteix</strong> que els lectors de pantalles i dispositius d'assistència no interpretaran correctament el següent formulari; aquest exemple seria HTML vàlid si s'utilitzessin els elements correctes.</p> + +<pre class="brush: html"><!doctype html> +<html> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +<title>Editable [pseudo]select</title> +<style type="text/css"> + +/* Generic form fields */ + +fieldset.elist, input[type="text"], textarea, select, option, fieldset.elist ul, fieldset.elist > legend, fieldset.elist input[type="text"], fieldset.elist > legend:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +input[type="text"] { + padding: 0 20px; +} + +textarea { + width: 500px; + height: 200px; + padding: 20px; +} + +textarea, input[type="text"], fieldset.elist ul, select, fieldset.elist > legend { + border: 2px #cccccc solid; + border-radius: 10px; +} + +input[type="text"], fieldset.elist, select, fieldset.elist > legend { + height: 32px; + font-family: Tahoma; + font-size: 14px; +} + +input[type="text"]:hover, textarea:hover, select:hover, fieldset.elist:hover > legend { + background-color: #ddddff; +} + +select { + padding: 4px 20px; +} + +option { + height: 30px; + padding: 5px 4px; +} + +option:not(:checked), textarea:focus { + background-color: #ffcccc; +} + +fieldset.elist > legend:after, fieldset.elist label { + height: 28px; +} + +input[type="text"], fieldset.elist { + width: 316px; +} + +input[type="text"]:focus { + background: #ffcccc url("data:image/gif;base64,R0lGODlhEAAQANU5APnoxuvr6+uxPdvb2+rq6ri4uO7qxunp6dPT06SHV+/rx8vLy+nezLO0sbe3t9Ksas+qaaCEV8rKyp2dnf39/QAAAK6ursifZHFxcc/Qzu3mxYyMjExCJnV1dc6maO7u7o+Pj2tXNoaGhtfDpKCDVu3lxM+tcaKEV9bW1qOFVWNjY8KrisTExNra2nBbObGxsby8vO/mu7Kyso9ZAuzs7MSgAIiKhf///8zMzP///wAAAAAAAAAAAAAAAAAAAAAAACH5BAEAADkALAAAAAAQABAAAAaXwJxwSCwOYzWkMpkkZmoAqDQaJdpqAqw2m53NRjlboAarFczomcE0C99o8DgNMVM8Tm3bbYDr9x11DwkzDG5yc2oQJIRCenx/MxoeETM2Q3pxATMlF4MYlo17OAsdLispMyAioIY0BzMcITMTKBasjgssFTMqGxItMjYUoTQBBAQHxgE0wZcfMtDRMi/QrA022NnaNg1CQQA7") no-repeat 2px center !important; +} + +input[type="text"]:focus, textarea:focus, select:focus, fieldset.elist > legend { + border: 2px #ccaaaa solid; +} + +fieldset { + border: 2px #af3333 solid; + border-radius: 10px; +} + +/* Editable [pseudo]select (i.e. fieldsets with [class=elist]) */ + +fieldset.elist { + display: inline-block; + position: relative; + vertical-align: middle; + overflow: visible; + padding: 0; + margin: 0; + border: none; +} + +fieldset.elist ul { + position: absolute; + width: 100%; + max-height: 320px; + padding: 0; + margin: 0; + overflow: hidden; + background-color: transparent; +} + +fieldset.elist:hover ul { + background-color: #ffffff; + border: 2px #af3333 solid; + left: 2px; + overflow: auto; +} + +fieldset.elist ul > li { + list-style-type: none; + background-color: transparent; +} + +fieldset.elist label { + display: none; + width: 100%; +} + +fieldset.elist input[type="text"] { + width: 100%; + height: 30px; + line-height: 30px; + border: none; + background-color: transparent; + border-radius: 0; +} + +fieldset.elist > legend { + display: block; + margin: 0; + padding: 0 0 0 5px; + position: absolute; + width: 100%; + cursor: default; + background-color: #ccffcc; + line-height: 30px; + font-style: italic; +} + +fieldset.elist:hover > legend { + position: relative; + overflow: hidden; +} + +fieldset.elist > legend:after { + width: 20px; + content: "\2335"; + float: right; + text-align: center; + border-left: 2px #cccccc solid; + font-style: normal; + cursor: default; +} + +fieldset.elist:hover > legend:after { + background-color: #99ff99; +} + +fieldset.elist ul input[type="radio"] { + display: none; +} + +fieldset.elist input[type="radio"]:checked ~ label { + display: block; + width: 292px; + background-color: #ffffff; +} + +fieldset.elist:hover input[type="radio"]:checked ~ label { + width: 100%; +} + +fieldset.elist:hover label { + display: block; + height: 100%; +} + +fieldset.elist label:hover { + background-color: #3333ff !important; +} + +fieldset.elist:hover input[type="radio"]:checked ~ label { + background-color: #aaaaaa; +} + +</style> + +</head> +<body> + +<form method="get" action="test.php"> + +<fieldset> + <legend>Order a T-Shirt</legend> + <p>Write your name (simple textbox): <input type="text" /></p> + <p>Choose your size (simple select): + <select> + <option value="s">Small</option> + <option value="m">Medium</option> + <option value="l">Large</option> + <option value="xl">Extra Large</option> + </select></p> + <div>What address do you want to use? (editable pseudoselect) + <fieldset class="elist"> + <legend>Address&hellip;</legend> + <ul> + <li><input type="radio" value="1" id="address-switch_1" checked /><label for="address-switch_1"><input type="text" value="19 Quaker Ridge Rd. Bethel CT 06801" /></label></li> + <li><input type="radio" value="2" id="address-switch_2" /><label for="address-switch_2"><input type="text" value="1000 Coney Island Ave. Brooklyn NY 11230" /></label></li> + <li><input type="radio" value="3" id="address-switch_3" /><label for="address-switch_3"><input type="text" value="2962 Dunedin Cv. Germantown TN 38138" /></label></li> + <li><input type="radio" value="4" id="address-switch_4" /><label for="address-switch_4"><input type="text" value="915 E 7th St. Apt 6L. Brooklyn NY 11230" /></label></li> + </ul> + </fieldset> + </div> + <p>Write a comment:<br /> + <textarea></textarea></p> + <p><input type="reset" value="Reset" /> <input type="submit" value="Send!" /></p> +</fieldset> + +</form> + +</body> +</html> +</pre> + +<p><a href="/files/4563/editable_select.html">Veure aquest exemple en acció</a></p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'forms.html#the-fieldset-element', '<fieldset>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Definició de l'element <code>fieldset</code></td> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', 'rendering.html#the-fieldset-and-legend-elements')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td><span id="result_box" lang="ca"><span>Suggerit la</span> <span>representació per</span> <span>defecte dels</span> <span>elements</span> <code><span>fieldset</span></code> <span>i</span> <code><span>legend</span></code></span></td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'forms.html#the-fieldset-element', '<fieldset>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'interact/forms.html#h-17.10', '<fieldset>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td>Definició inicial</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>disabled</code></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> + <td>12</td> + <td>6</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>disabled</code></td> + <td>4.4</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>6.0</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] No tots els descendents del control de formulari d'un fieldset desactivat es desactiven correctament en IE11; veure <a href="https://connect.microsoft.com/IE/feedbackdetail/view/817488">IE bug 817488: <code>input[type="file"]</code> not disabled inside disabled <code>fieldset</code></a> i <a href="https://connect.microsoft.com/IE/feedbackdetail/view/962368/can-still-edit-input-type-text-within-fieldset-disabled">IE bug 962368: Can still edit <code>input[type="text"]</code> within <code>fieldset[disabled]</code></a>.</p> + +<h2 id="Errors">Errors</h2> + +<ul> + <li>{{Bug(504622)}} - Els fieldsets mai s'encongeixen per sota del seu ample <code>min-intrinsic</code></li> + <li><a href="https://bugs.webkit.org/show_bug.cgi?id=123507">WebKit bug 123507</a> - <code>min-width: {{cssxref("-webkit-min-content")}}</code> en fieldset</li> + <li><a href="http://stackoverflow.com/questions/17408815/fieldset-resizes-wrong-appears-to-have-unremovable-min-width-min-content">StackOverflow discussió amb solucions per als errors anteriors.</a></li> +</ul> + +<h2 id="Veure">Veure</h2> + +<ul> + <li><span class="short_text" id="result_box" lang="ca"><span>Altres</span> <span>elements</span> <span>relacionats</span> <span>amb</span> <span>formularis</span></span> : {{HTMLElement("form")}}, {{HTMLElement("legend")}}, {{HTMLElement("label")}}, {{HTMLElement("button")}}, {{HTMLElement("select")}}, {{HTMLElement("datalist")}}, {{HTMLElement("optgroup")}}, {{HTMLElement("option")}}, {{HTMLElement("textarea")}}, {{HTMLElement("keygen")}}, {{HTMLElement("input")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}} and {{HTMLElement("meter")}}.</li> +</ul> diff --git a/files/ca/web/html/element/figcaption/index.html b/files/ca/web/html/element/figcaption/index.html new file mode 100644 index 0000000000..f43e692154 --- /dev/null +++ b/files/ca/web/html/element/figcaption/index.html @@ -0,0 +1,126 @@ +--- +title: <figcaption> +slug: Web/HTML/Element/figcaption +tags: + - Element + - HTML + - HTML grouping content + - Reference +translation_of: Web/HTML/Element/figcaption +--- +<p>{{HTMLRef}}</p> + +<p>L'<strong>element HTML <code><figcaption></code></strong> representa una llegenda o una llegenda associada a una figura o una il·lustració descrit per la resta de les dades de l'element {{HTMLElement("figure")}} que és el seu ancestra immediat, el que significa que <code><figcaption></code> pot ser el primer o l'últim element dins d'un bloc {{HTMLElement("figure")}}. A més, l'<em>element HTML figcaption</em> és opcional; si no es proporciona, l'element figure pare no tindrà cap llegenda.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td>Cap.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>En un element {{HTMLElement("figure")}}; l'element <code><figcaption></code> <span id="result_box" lang="ca"><span>ha de ser el</span> <span>primer o</span> <span>l'últim</span> <span>fill.</span></span></td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element només inclou els<span style="line-height: 21px;"> </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> + +<h2 id="Exemples">Exemples</h2> + +<p>Si us plau, veure el pàgina {{HTMLElement("figure")}} per exemples de <code><figcaption></code>.</p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'grouping-content.html#the-figcaption-element', '<figcaption>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-figcaption-element', '<figcaption>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>8</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>9.0</td> + <td>11.10</td> + <td>5.1</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>Suport bàsic</td> + <td>3.0</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>9.0</td> + <td>11.0</td> + <td>5.1 (iOS 5.0)</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>L'element {{HTMLElement("figure")}}.</li> +</ul> diff --git a/files/ca/web/html/element/figure/index.html b/files/ca/web/html/element/figure/index.html new file mode 100644 index 0000000000..6e9f0fb424 --- /dev/null +++ b/files/ca/web/html/element/figure/index.html @@ -0,0 +1,219 @@ +--- +title: <figure> +slug: Web/HTML/Element/figure +tags: + - Element + - HTML + - HTML grouping content + - Reference +translation_of: Web/HTML/Element/figure +--- +<p>{{HTMLRef}}</p> + +<p><strong>L'element HTML <code><figure></code></strong> representa un contingut autònom, sovint amb una llegenda ({{HTMLElement("figcaption")}}), i normalment es fa referència com una sola unitat. Si bé es relaciona amb el flux principal, la seva posició és independent del corrent principal. Normalment això és una imatge, una il·lustració, un diagrama, un fragment de codi o un esquema que es fa referència en el text principal, però que es poden moure a una altra pàgina o un apèndix sense afectar el flux principal.</p> + +<div class="note"><strong>Notes d'ùs: </strong> + +<ul> + <li>Sent una <a href="https://developer.mozilla.org/en-US/docs/Sections_and_Outlines_of_an_HTML5_document#Sectioning_root">arrel de seccionament</a>, el contorn del contingut de l'element <code><figure></code> s'exclou de l'esquema principal del document.</li> + <li>Una llegenda pot ser associada amb l'element <code><figure></code> introduint dins d'aquest un {{HTMLElement("figcaption")}} (com el primer o l'últim fill).</li> +</ul> +</div> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en-US/docs/Sections_and_Outlines_of_an_HTML5_document#Sectioning_root" title="Sections and Outlines of an HTML5 document#Sectioning root">seccionament arrel</a>, contigut palpable.</td> + </tr> + <tr> + <th scope="row">Permitted content</th> + <td>Un element {{HTMLElement("figcaption")}}, seguit per <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">contingut dinàmic</a>; or contingut dinàmic seguit per un element {{HTMLElement("figcaption")}}; o contingut dinàmic.</td> + </tr> + <tr> + <th scope="row">Tag omission</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Permitted parent elements</th> + <td>Qualsevol element que accepti<a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content"> contingut dinàmic.</a></td> + </tr> + <tr> + <th scope="row">DOM interface</th> + <td>{{domxref("HTMLElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element només inclou els<span style="line-height: 21px;"> </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> + +<h2 id="Exemples">Exemples</h2> + +<h3 id="Exemple_1">Exemple 1</h3> + +<pre class="brush: html"><!-- Just a figure --> +<figure> + <img src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png" alt="An awesome picture"> +</figure> +<p></p> +<!-- Figure with figcaption --> +<figure> + <img src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png" alt="An awesome picture"> + <figcaption>Fig1. MDN Logo</figcaption> +</figure> +<p></p> +</pre> + + +<figure><img alt="MDN Logo" src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png"></figure> + +<p> </p> + + +<figure><img alt="MDN Logo" src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png"> +<figcaption>Fig1. MDN Logo</figcaption> +</figure> + +<p> </p> + +<h3 id="Exemple_2">Exemple 2</h3> + +<pre class="brush: html"><figure> + <figcaption>Get browser details using navigator</figcaption> + <pre> +function NavigatorExample() { + var txt; + txt = "Browser CodeName: " + navigator.appCodeName; + txt+= "Browser Name: " + navigator.appName; + txt+= "Browser Version: " + navigator.appVersion ; + txt+= "Cookies Enabled: " + navigator.cookieEnabled; + txt+= "Platform: " + navigator.platform; + txt+= "User-agent header: " + navigator.userAgent; +} + </pre> +</figure> +</pre> + +<figure> +<figcaption><span id="result_box" lang="ca"><span>Obtenir informació</span> <span>del navegador utilitzant</span></span> navigator</figcaption> + +<pre class="brush: js">function NavigatorExample() { + var txt; + txt = "Browser CodeName: " + navigator.appCodeName; + txt+= "Browser Name: " + navigator.appName; + txt+= "Browser Version: " + navigator.appVersion ; + txt+= "Cookies Enabled: " + navigator.cookieEnabled; + txt+= "Platform: " + navigator.platform; + txt+= "User-agent header: " + navigator.userAgent; +}</pre> +</figure> + +<h3 id="Exemple_3">Exemple 3</h3> + +<pre class="brush: html"><figure> + <figcaption><cite>Edsger Dijkstra :-</cite></figcaption> + <p>"If debugging is the process of removing software bugs, <br /> then programming must be the process of putting them in"</p> +</figure> +</pre> + +<figure> +<figcaption><cite>Edsger Dijkstra :-</cite></figcaption> + +<p>"Si la depuració és el procés d'eliminació d'errors del programari, la programació ha de ser el procés de posada en"</p> + +<h3 id="Exemple_4">Exemple 4</h3> + +<p>L'element <code><figure></code> es podria utilitzar per al marcatge d'un poema.</p> + +<pre class="brush: html"><figure> + <p> + Depression is running through my head,<br> + These thoughts make me think of death,<br> + A darkness which blanks my mind,<br> + A walk through the graveyard, what can I find?.... + </p> + <figcaption><cite>Depression</cite>. By: Darren Harris</figcaption> +</figure></pre> +</figure> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'semantics.html#the-figure-element', '<figure>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-figure-element', '<figure>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>8</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>9.0</td> + <td>11.10</td> + <td>5.1</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>Suport bàsic</td> + <td>3.0</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>9.0</td> + <td>11.0</td> + <td>5.1 (iOS 5.0)</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>L'element {{HTMLElement("figcaption")}}.</li> +</ul> diff --git a/files/ca/web/html/element/font/index.html b/files/ca/web/html/element/font/index.html new file mode 100644 index 0000000000..95c7b9d8c3 --- /dev/null +++ b/files/ca/web/html/element/font/index.html @@ -0,0 +1,53 @@ +--- +title: <font> +slug: Web/HTML/Element/font +tags: + - Element + - HTML + - Obsolete + - Reference + - Web +translation_of: Web/HTML/Element/font +--- +<div>{{obsolete_header}}</div> + +<h2 id="Sumari">Sumari</h2> + +<p><span id="result_box" lang="ca"><span class="alt-edited">L'<em>Element HTML Font</em> (<code><font></code>) defineix la mida de font, color i cara del seu contingut.</span></span></p> + +<div class="note"> +<p><em>Nota d'ùs: </em></p> + +<p><strong>No utilitzeu aquest element!</strong> Encara que una vegada normalitzat en HTML 3.2, va ser desaprovat en HTML 4.01, al mateix temps que tots els elements relacionats només amb l'estil , llavors obsolets en HTML5.</p> + +<p>A partir d'HTML 4, HTML no transmet més informació d'estil (fora de l'element {{HTMLElement("style")}}} o l'atribut <strong>style</strong> de cada element). Per a qualsevol nou desenvolupament de la web, l'estil ha de ser escrit utilitzant només <a href="https://developer.mozilla.org/en-US/docs/CSS" title="CSS">CSS</a> .</p> + +<p>El comportament anterior de l'element {{HTMLElement("font")}} es pot aconseguir, i fins i tot millorar el control, mitjançant les propietats CSS <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts">CSS Fonts</a> .</p> +</div> + +<h2 id="Atributs">Atributs</h2> + +<p>Com tots els altres elements HTML, aquest element és compatible amb el <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a> .</p> + +<dl> + <dt>{{htmlattrdef("color")}}</dt> + <dd>Aquest atribut estableix el color del text utilitzant un color amb un nom o un color especificat en el format hexadecimal #RRGGBB.</dd> + <dt>{{htmlattrdef("face")}}</dt> + <dd>Aquest atribut conté una llista separada per comes d'un o més noms de tipus de lletra. L'estil per defect en el text del document es representa amb el primer tipus de lletra que és compatible amb el navegador del client. Si no hi ha tipus de lletra que figuri instal·lat en el sistema local, el navegador utilitza per defecte una font proporcional o d'amplada fixa per aquest sistema.</dd> + <dt>{{htmlattrdef("size")}}</dt> + <dd>Aquest atribut especifica la mida de la font, ja sigui com un valor numèric o relatiu. Els valors numèrics s'estenen d'<code>1</code> a <code>7</code> sent <code>1</code> el més petit i <code>3</code> el valor predeterminat. Es pot definir l'ús d'un valor relatiu, com <code>2</code> o <code>-3</code>, que s'estableix en relació amb el valor de l'atribut {{htmlattrxref("size", "basefont")}} de l'element {{HTMLElement("basefont")}}, o relatiu a <code>3</code>, el valor per defecte, si no n'hi ha cap.</dd> +</dl> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element implementa la Interfície {{domxref("HTMLFontElement")}}.</p> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> + +<h3 id="Notes_de_Gecko">Notes de Gecko</h3> + +<p>Abans de Gecko 15,0 {{geckoRelease ("15.0")}}, Gecko no sabia gestionar correctament els valors fora de límits de l'atribut <code>size</code> ; no acceptava cap valor fora de límits per mides relatives. Ara trunca correctament aquests en el rang de -10 a +10.</p> + +<p>Gecko 15,0 elimina també el suport als atributs <code>font-weight</code> i <code>point-size</code> en l'element <code><font></code>; aquests eren no-estàndard i Gecko era l'únic motor que els donava suport</p> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/footer/index.html b/files/ca/web/html/element/footer/index.html new file mode 100644 index 0000000000..9bae8e6d60 --- /dev/null +++ b/files/ca/web/html/element/footer/index.html @@ -0,0 +1,140 @@ +--- +title: <footer> +slug: Web/HTML/Element/footer +tags: + - Element + - HTML + - HTML sections + - Reference +translation_of: Web/HTML/Element/footer +--- +<p>{{HTMLRef}}</p> + +<p>L'<strong>element HTML <code><footer></code></strong> representa un peu de pàgina en la <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document#Defining_Sections_in_HTML5">seva secció de contingut</a> més proper o la <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document#Sectioning_root">secció de l'element arrel.</a> Un peu de pàgina sol contenir informació sobre l'autor de la secció, les dades de drets d'autor o enllaços a documents relacionats.</p> + +<div class="note"> +<p><strong>Notes d'ùs:</strong></p> + +<ul> + <li>la informació que s'inclou sobre l'autor en un element {{HTMLElement("address")}} també es pot incloure en un element<br> + <code><footer></code>.</li> + <li>L'element <code><footer></code> no es un secció de contingut i, per tant, no introdueix una nova secció en l'<a href="https://developer.mozilla.org/en-US/docs/Sections_and_Outlines_of_an_HTML5_document">esquema (outline)</a>.</li> +</ul> +</div> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, però no amb <code><footer></code> o descendents {{HTMLElement("header")}}.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">contingut dinàmic</a>. Recordeu que un element <code><footer></code> no ha de ser un descendent d'un element {{HTMLElement("address")}}, {{HTMLElement("header")}} o un altre <code><footer></code></td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element només inclou els <a href="/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p> + +<h2 id="Exemples">Exemples</h2> + +<pre class="brush: html"><footer> + Some copyright info or perhaps some author info for an &lt;article&gt;? +</footer> +</pre> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'sections.html#the-footer-element', '<footer>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'sections.html#the-footer-element', '<footer>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>5</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>9.0</td> + <td>11.10</td> + <td>4.1</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>Suport bàsic</td> + <td>2.2</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>9.0</td> + <td>11.0</td> + <td>5.0 (iOS 4.2)</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Altres elements de secció relacionats: {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("section")}}, {{HTMLElement("address")}};</li> + <li class="last"><a href="/en-US/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document" title="Sections and Outlines of an HTML5 document">Seccions i esquemas d'un document HTML5</a>.</li> +</ul> diff --git a/files/ca/web/html/element/form/index.html b/files/ca/web/html/element/form/index.html new file mode 100644 index 0000000000..268e05bb2b --- /dev/null +++ b/files/ca/web/html/element/form/index.html @@ -0,0 +1,252 @@ +--- +title: <form> +slug: Web/HTML/Element/form +tags: + - Element + - Forms + - HTML + - HTML forms + - Intermediate + - Reference + - Web +translation_of: Web/HTML/Element/form +--- +<div>{{HTMLRef}}</div> + +<h2 id="Sumari">Sumari</h2> + +<p>L'element HTML <code><form></code> representa una secció del document que conté controls interactius per presentar informació a un servidor web.</p> + +<p>És possible utilitzar les pseudo-classes CSS {{cssxref(':valid')}} i {{cssxref(':invalid')}} per aplicar estil a un element <code><form></code>.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <span class="short_text" id="result_box" lang="ca"><span>però que</span> <span>no contingui</span> <span>elements</span></span> <code><form></code></td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content">contingut dinàmic</a></td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLFormElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("accept")}} {{HTMLVersionInline(4)}} {{obsolete_inline}}</dt> + <dd><span id="result_box" lang="ca"><span>Una</span> <span>llista separada</span> <span>per comes</span> <span>dels tipus</span> <span>de contingut que</span> <span>admet el</span> <span>servidor</span></span> . + <div class="note"><strong>Nota d'ùs:</strong> Aquest atribut s'ha eliminat en HTML5 i ja no ha de ser utilitzat. En el seu lloc, utilitzeu l'atribut {{htmlattrxref("accept", "input")}} específic de l'element {{HTMLElement("input")}}.</div> + </dd> + <dt>{{htmlattrdef("accept-charset")}}</dt> + <dd>Una llista amb espais o delimitat per comes de codificació de caràcters que accepta el servidor. El navegador els utilitza en l'ordre en què apareixen. El valor per defecte, la cadena reservada "UNKNOWN", indica la mateixa codificació que la del document que conté l'element de formulari.<br> + En versions anteriors d'HTML, les diferents codificacions de caràcters podien estar delimitats per espais o comes. En HTML5, només es permeten espais com delimitadors.</dd> + <dt>{{htmlattrdef("action")}}</dt> + <dd>L'URI d'un programa que processa la informació del formulari. Aquest valor es pot reemplaçar per l'atribut {{htmlattrxref("formaction", "button")}} en un element {{HTMLElement("button")}} o {{HTMLElement("input")}}.</dd> + <dt>{{htmlattrdef("autocapitalize")}} {{non-standard_inline}}</dt> + <dd>Aquest és un atribut no estàndard utilitzat per iOS Safari mòbil el qual controla si i com el valor de text per als descendents d'un control de formulari de text es pot possar en majúscula automàticament a mesura que s'introdueix /s'edita per l'usuari. Si l'atribut <code>autocapitalize</code> s'especifica en un control de formulari individual descendent, <code>autocapitalize</code> es sobreposa a la configuració de tot el formulari . Els valors no en desús estan disponibles en a IOS 5 i posteriors. El valor per defecte és <code>sentences</code>. Els valors possibles són:: + <ul> + <li><code>none</code>: Deshabilitar completament l'establiment automàtic de majúscules</li> + <li><code>sentences</code>: Posa automàticament en majúscula la primera lletra d'una oració.</li> + <li><code>words</code>: Posa automàticament en majúscula la primera lletra de les paraules.</li> + <li><code>characters</code>: Posa automàticament en majúscula tots els caràcters.</li> + <li><code>on</code>: {{deprecated_inline}} Desaprovat des de iOS 5.</li> + <li><code>off</code>: {{deprecated_inline}} Desaprovat des de iOS 5.</li> + </ul> + </dd> + <dt>{{htmlattrdef("autocomplete")}} {{HTMLVersionInline(5)}}</dt> + <dd>Indica si els elements d'entrada per defecte poden tenir els seus valors emplenats automàticament pel navegador. Aquest ajust es pot reemplaçar per un atribut <code>autocomplete</code> en un element que pertany al formulari. Els valors possibles són:: + <ul> + <li><code>off</code>: L'usuari ha d'introduir explícitament un valor en cada camp per a cada ús, o el document proporciona el seu propi mètode d'auto-completar; el navegador no completa automàticament les entrades</li> + <li><code>on</code>: El navegador pot completar automàticament els valors en base als valors que l'usuari ha introduït prèviament en la formulari..</li> + </ul> + Per a navegadors més moderns (incloent Firefox 38+, Google Chrome 34+, 11+ IE) establir l'atribut autocomplete no impedeix que l'administrador de contrasenyes d'un navegador demani a l'usuari si desitja emmagatzemar els camps d 'accés (nom d'usuari i contrasenya), si l'usuari permet emmagatzemar, el navegador s'encarregarà d'autocompletar la propera vegada l'inici de la sessió de la pàgina que visita l'usuari. Veure <a href="https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion#The_autocomplete_attribute_and_login_fields">L'atribut autocomplete i els camps d'inici de sessió</a>.</dd> + <dd> + <div class="note"> + <p><strong>Nota: </strong>Si <code>autocomplete</code> s'estableix en <code>off</code> en una formulari perquè el document proporciona el seu pròpi auto-completat, llavors també hauria d'establir <code>autocomplete</code> a <code>off</code> per a cada un dels elements d'entrada del formulari que el document és capaç de auto-completar. Per a més detalls, vegeu les <a href="https://developer.mozilla.org/ca/docs/Web/HTML/Element/form$translate#Google_Chrome_notes">notes de Google Chrome</a>.</p> + </div> + </dd> + <dt>{{htmlattrdef("enctype")}}</dt> + <dd>Quan el valor de l'atribut <code>method</code> és <code>post</code>, enctype és el <a href="http://en.wikipedia.org/wiki/Mime_type">tipus MIME</a> del contingut que s'utilitza per enviar el formulari al servidor. Els valors possibles són: + <ul> + <li><code>application/x-www-form-urlencoded</code>: <span class="short_text" id="result_box" lang="ca"><span>El valor</span> <span>per defecte si</span> <span>no s'especifica</span> <span>l'atribut</span><span>.</span></span></li> + <li><code>multipart/form-data</code>: El valor que s'utilitza per a un element {{HTMLElement("input")}} amb l'atribut <code>type</code> definit com "file".</li> + <li><code>text/plain (HTML5)</code></li> + </ul> + + <p>Aquest valor es pot reemplaçar per l'atribut {{htmlattrxref("formenctype", "button")}} en un element {{HTMLElement("button")}} o {{HTMLElement("input")}}.</p> + </dd> + <dt>{{htmlattrdef("method")}}</dt> + <dd><span id="result_box" lang="ca"><span>El mètode</span> <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP">HTTP</a> <span>que el navegador</span> <span>utilitza</span> <span>per enviar el</span> <span>formulari.</span> <span>Els</span> <span>valors</span> <span>possibles</span> <span>són</span><span>:</span></span> + <ul> + <li><code>post</code>: Es correspon amb el <a href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html#sec9.5">mètode POST</a> HTTP; les dades del formulari s'inclouen en el cos del formulari i s'envien al servidor.</li> + <li><code>get</code>: Es correspon amb el <a href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html#sec9.3">mètode GET</a> HTTP; les dades del formulari s'annexen a l'acció de l'atribut URI amb un '?' com a separador, i l'URI resultant s'envia al servidor. Utilitzeu aquest mètode quan el formulari no té efectes secundaris i conté únicament caràcters ASCII.</li> + </ul> + + <p>Aquest valor es pot reemplaçar per l'atribut {{htmlattrxref("formmethod", "button")}} en un element {{HTMLElement("button")}} o {{HTMLElement("input")}}.</p> + </dd> + <dt>{{htmlattrdef("name")}}</dt> + <dd>El nom del formulari. En HTML 4, el seu ús està obsolet (utilitzar en el seu lloc <code>id</code>). Ha de ser únic entre els formularis d'un document i no només una cadena buida en HTML 5.</dd> + <dt>{{htmlattrdef("novalidate")}} {{HTMLVersionInline(5)}}</dt> + <dd>Aquest atribut booleà indica que el formulari no ha de ser validat quan es presenti. Si aquest atribut no s'especifica (el formulari es validat), aquesta configuració per defecte pot canviar-se per l'atribut {{htmlattrxref("formnovalidate", "button")}} en un element {{HTMLElement("button")}} o {{HTMLElement("input")}} que pertanyi al formulari.</dd> + <dt>{{htmlattrdef("target")}}</dt> + <dd>Un nom o una paraula clau que indica on s'ha de mostrar la resposta que es rep després d'enviar el formulari. En HTML 4, és el nom/paraula clau per a un marc. En HTML5, és un nom/paraula clau per a un <em>context de navegació</em> (per exemple, pestanya, finestra o marc en línia). Les següents paraules clau tenen un significat especial: + <ul> + <li><code>_self</code>: Càrrega la resposta en el mateix marc HTML 4 (o HTML5 contexte de navegació ) com l'actual. Aquest valor és el valor per defecte si no s'especifica l'atribut.</li> + <li><code>_blank</code>: Carregar la resposta en una nova finestra sense nom en HTML 4 o en el context de navegació HTML5.</li> + <li><code>_parent</code>: Carregar la resposta en el conjunt de marcs del pare del marc actual en HTML 4 , o HTML5 en el context de navegació dels pares de l'actual. Si no hi ha pare, aquesta opció es comporta de la mateixa manera que <code>_self</code>.</li> + <li><code>_top</code>: HTML 4: Carregar la resposta sencera a la finestra original, i cancel·lar tots els altres marcs. HTML 5: Carregar la resposta en el context de navegació de nivell superior (és a dir, el context de navegació que és un ancestre de l'actual, i no té pare). Si no hi ha pare, aquesta opció es comporta de la mateixa manera que <code>_self</code>.</li> + <li><em>iframename</em>: <span id="result_box" lang="ca"><span>La resposta</span> <span>es</span> <span>mostra en un</span> <span>anomenat</span></span> {{HTMLElement("iframe")}}.</li> + </ul> + + <p>HTML5: Aquest valor pot ser reemplaçat per l' atribut {{htmlattrxref("formtarget", "button")}} en un element {{HTMLElement("button")}} o {{HTMLElement("input")}}</p> + </dd> +</dl> + +<h2 id="Examples" name="Examples">Exemples</h2> + +<h3 id="Contingut_HTML">Contingut HTML</h3> + +<pre class="brush: html"><!-- Simple form which will send a GET request --> +<form action=""> + <label for="GET-name">Name:</label> + <input id="GET-name" type="text"> + <input type="submit" value="Save"> +</form> + +<!-- Simple form which will send a POST request --> +<form action="" method="post"> + <label for="POST-name">Name:</label> + <input id="POST-name" type="text"> + <input type="submit" value="Save"> +</form> + +<!-- Form with fieldset, legend, and label --> +<form action="" method="post"> + <fieldset> + <legend>Title</legend> + <input type="radio" id="radio"> <label for="radio">Click me</label> + </fieldset> +</form> +</pre> + +<p>{{ EmbedLiveSample('Examples', '100%', 110) }}</p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'forms.html#the-form-element', '<form>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'forms.html#the-form-element', '<form>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'interact/forms.html#h-17.3', '<form>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td>Initial definition</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>1.0<sup>[1]</sup></td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>novalidate</code></td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>10</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>novalidate</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<p><a id="Google_Chrome_notes" name="Google_Chrome_notes"></a>[1] En la interfície d'Usuari de Google Chrome la sol·licitud per autocompletar varia depenent de si <code>autocomplete</code> s'estableix en <code>off</code> en elements d'entrada, així com el seu formulari. Concretament, quan una formulari té <code>autocomplete</code> en <code>off</code> i el camp d'<code>autocomplete</code> del seu element d'entrada no està definit, llavors si l'usuari demana suggeriments d'autocompletar per a l'element d'entrada, Chrome és possible que mostri un missatge que digui "autocomplete s'ha desactivat per a aquest formulari". D'altra banda, si el formulari i l'element d'entrada tenen <code>autocomplete</code> en <code>off</code>, el navegador no mostrarà aquest missatge. Per aquesta raó, s'ha d'establir <code>autocomplete</code> en <code>off</code> per a cada entrada que té el autocompletat personalitzat.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li><a href="/en-US/docs/Web/Guide/HTML/Forms">Guia de formularis HTML</a></li> + <li>Altres elements utilitzats per la creació de formularis: {{HTMLElement("button")}}, {{HTMLElement("datalist")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("input")}},{{HTMLElement("keygen")}}, {{HTMLElement("label")}}, {{HTMLElement("legend")}}, {{HTMLElement("meter")}}, {{HTMLElement("optgroup")}}, {{HTMLElement("option")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}}, {{HTMLElement("select")}}, {{HTMLElement("textarea")}}.</li> +</ul> diff --git a/files/ca/web/html/element/frame/index.html b/files/ca/web/html/element/frame/index.html new file mode 100644 index 0000000000..79201174e0 --- /dev/null +++ b/files/ca/web/html/element/frame/index.html @@ -0,0 +1,56 @@ +--- +title: <frame> +slug: Web/HTML/Element/frame +tags: + - Deprecated + - Element + - HTML + - Reference + - Web +translation_of: Web/HTML/Element/frame +--- +<div>{{Deprecated_header}}</div> + +<h2 id="Sumari">Sumari</h2> + +<p><code><frame></code> és un element HTML que defineix una àrea particular en la qual es pot visualitzar un altre document HTML. Un marc s'ha d'utilitzar dins d'un {{HTMLElement("frameset")}}.</p> + +<p>No s'estimula l'utilització de l'element <code><frame></code> a causa de certes desavantatges com ara el rendiment i falta d'accessibilitat per als usuaris amb lectors de pantalla. En lloc de l'element <code><frame></code>, es preferible {{HTMLElement("iframe")}}.</p> + +<h2 id="Atributs">Atributs</h2> + +<p><span id="result_box" lang="ca"><span class="alt-edited">Com tots els altres elements HTML, aquest element és compatible amb e</span></span>ls <a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("src")}}</dt> + <dd>En aquest atribut s'especifica el document que serà representat en el marc.</dd> + <dt>{{htmlattrdef("name")}}</dt> + <dd>Aquest atribut s'utilitza per etiquetar els marcs. Sense etiquetar, tots els enllaços s'obriran en el marc que es troben.</dd> + <dt>{{htmlattrdef("noresize")}}</dt> + <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>evitar el canvi</span> <span>de mida</span> <span>dels</span> <span>marcs dels</span> <span>usuaris.</span></span></dd> + <dt>{{htmlattrdef("scrolling")}}</dt> + <dd>Aquest atribut defineix l'existència de la barra de desplaçament. Si no s'utilitza aquest atribut, el navegador li possarà una barra de desplaçament quan calgui. Hi ha dues opcions; "Sí" per mostrar una barra de desplaçament, fins i tot quan no cal i "no" per no mostrar una barra de desplaçament, fins i tot quan és necessari.</dd> + <dt>{{htmlattrdef("marginheight")}}</dt> + <dd>Aquest atribut defineix com d'alt serà el marge entre els marcs.</dd> + <dt>{{htmlattrdef("marginwidth")}}</dt> + <dd>Aquest atribut defineix com d'ample serà el marge entre els marcs.</dd> + <dt>{{htmlattrdef("frameborder")}}</dt> + <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>li permet posar</span> <span>vores</span> <span>per als</span> <span>marcs.</span></span></dd> +</dl> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush: html"><frameset cols="50%,50%"> + <frame src="https://developer.mozilla.org/en/HTML/Element/iframe" /> + <frame src="https://developer.mozilla.org/en/HTML/Element/frame" /> +</frameset> +</pre> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>{{HTMLElement("frameset")}}</li> + <li>{{HTMLElement("iframe")}}</li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/frameset/index.html b/files/ca/web/html/element/frameset/index.html new file mode 100644 index 0000000000..a85298fbc8 --- /dev/null +++ b/files/ca/web/html/element/frameset/index.html @@ -0,0 +1,45 @@ +--- +title: <frameset> +slug: Web/HTML/Element/frameset +tags: + - Deprecated + - Element + - HTML + - Reference + - Web +translation_of: Web/HTML/Element/frameset +--- +<div>{{Deprecated_header}}</div> + +<h2 id="Sumari">Sumari</h2> + +<p>L'element HTML <code><frameset></code> es un contenidor d'elements {{HTMLElement ("frame")}}.</p> + +<div class="note">A causa de que l'ús de marcs està desaconsellat a favor de la utilització {{HTMLElement ("iframe")}}, aquest element no s'utilitza generalment pels llocs web moderns.</div> + +<h2 id="Atributs">Atributs</h2> + +<p>Com tots els altres elements HTML, aquest element és compatible amb els <a href="/en-US/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("cols")}}</dt> + <dd>Aquest atribut especifica el nombre i grandària dels espais horitzontals en un conjunt de marcs.</dd> + <dt>{{htmlattrdef("rows")}}</dt> + <dd>Aquest atribut especifica el nombre i grandària dels espais verticals en un conjunt de marcs.</dd> +</dl> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush:html"><frameset cols="50%,50%"> + <frame src="https://developer.mozilla.org/en/HTML/Element/frameset" /> + <frame src="https://developer.mozilla.org/en/HTML/Element/frame" /> +</frameset></pre> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>{{HTMLElement("frame")}}</li> + <li>{{HTMLElement("iframe")}}</li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/head/index.html b/files/ca/web/html/element/head/index.html new file mode 100644 index 0000000000..b8de050dda --- /dev/null +++ b/files/ca/web/html/element/head/index.html @@ -0,0 +1,147 @@ +--- +title: <head> +slug: Web/HTML/Element/head +tags: + - Element + - HTML + - HTML document metadata + - Reference + - Web +translation_of: Web/HTML/Element/head +--- +<div>{{HTMLRef}}</div> + +<p><span id="result_box" lang="ca"><span>L'<strong>element</strong></span><strong> <span>HTML</span> <code><span><</span><span>head</span><span>></span></code></strong> <span>proporciona informació</span> <span>general</span> <span>(</span><span>metadades</span><span>)</span> <span>sobre el document</span><span>, incloent</span> <span>el seu títol</span> <span>i</span> <span>enllaços als seus</span> <span>scripts i</span> <span>fulls</span> <span>d'estil.</span></span></p> + +<table class="properties"> + <tbody> + <tr> + <th><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contigut</a></th> + <td>Cap.</td> + </tr> + <tr> + <th>Contingut permès</th> + <td>Si és un l'element {{HTMLElement("iframe")}} {{htmlattrxref("srcdoc", "iframe")}}, o si la informació del títol està disponible a partir d'un protocol de nivell superior, zero o més elements de contingut de metadades. Altrament, un o més elements de contingut de metadades en els quals un és exactament un element {{HTMLElement("title")}}.</td> + </tr> + <tr> + <th>Omissió de l'etiqueta</th> + <td>L'etiqueta d'inici es pot ometre si la primera cosa dins l'element head és un element.<br> + L'etiqueta final es pot ometre si la primera cosa que segueix a l'element head no és un caràcter d'espai o un comentari.</td> + </tr> + <tr> + <th>Elements pares permesos</th> + <td>Un element {{HTMLElement("html")}}, com el seu primer fill.</td> + </tr> + <tr> + <th>Interfície DOM</th> + <td>{{domxref("HTMLHeadElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("profile")}} {{obsolete_inline}}</dt> + <dd><span id="result_box" lang="ca"><span>Els</span> <span>URI</span> <span>d'un o</span> <span>més</span> <span>perfils</span> <span>de metadades</span><span>, separades</span> <span>per un</span> <span>espai</span> <span>en blanc</span></span>.</dd> +</dl> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush: html"><html> + <head> + <title>Document title</title> + </head> +</html> +</pre> + +<h2 id="Notes">Notes</h2> + +<p>En navegadors moderns, compatibles amb HTML5, automàticament construeixen un element <code><head></code> si s'ometen les etiquetes en el marcat. <a href="http://www.stevesouders.com/blog/2010/05/12/autohead-my-first-browserscope-user-test/">Aquest comportament no es pot garantir en navegadors antics</a>.</p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'semantics.html#the-head-element', '<head>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td><span class="short_text" id="result_box" lang="ca"><span>No hi ha</span> <span>canvi des de </span> <span>l'última</span> <span>presentació</span></span></td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'document-metadata.html#the-head-element', '<head>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td><code>profile </code>Obsolet</td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/global.html#h-7.4.1', '<head>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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 (WebKit)</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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 Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li><span id="result_box" lang="ca"><span>Elements que</span> <span>es</span> <span>poden</span> <span>utilitzar dins</span> <span>d'un</span> <span>element</span> <span><</span><span>head</span><span>></span></span>: {{HTMLElement("title")}}, {{HTMLElement("base")}}, {{HTMLElement("link")}}, {{HTMLElement("style")}}, {{HTMLElement("meta")}}, {{HTMLElement("script")}}, {{HTMLElement("noscript")}}</li> +</ul> diff --git a/files/ca/web/html/element/header/index.html b/files/ca/web/html/element/header/index.html new file mode 100644 index 0000000000..22ba3190b9 --- /dev/null +++ b/files/ca/web/html/element/header/index.html @@ -0,0 +1,141 @@ +--- +title: <header> +slug: Web/HTML/Element/header +tags: + - Element + - HTML + - HTML sections + - Reference +translation_of: Web/HTML/Element/header +--- +<div>{{HTMLRef}}</div> + +<p>L'<strong>element HTML <code><header></code></strong> representa un grup d'introducció o d'ajudes a la navegació. Pot contenir alguns elements de capçalera, però també altres elements com un logotip, capçaleres de secció embolicats, un formulari de recerca, i així successivament.</p> + +<div class="note"> +<p><strong>Nota d'ùs:</strong> L'element <header> no es un contingut de secció i, per tant, no introdueix una nova secció en l'<a href="https://developer.mozilla.org/en-US/docs/Sections_and_Outlines_of_an_HTML5_document">estructura</a>.</p> +</div> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, però no amb <code><header></code> o un descendent {{HTMLElement("footer")}}.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>. Tingueu en compte que un element <header> no ha de ser un descendent d'un element {{HTMLElement("address")}} , {{HTMLElement("footer")}} o un altre element {{HTMLElement("header")}} .</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element nomé sinclou els<span style="line-height: 21px;"> </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> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush: html"><header> + <h1>Main Page Title</h1> + <img src="mdn-logo-sm.png" alt="MDN logo"> +</header> +</pre> + +<h1 id="Specifications" name="Specifications">Títol Pàgina Principal</h1> + +<h2 id="Specifications" name="Specifications"><img alt="MDN" src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png"></h2> + +<h2 id="Specifications" name="Specifications"> </h2> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'sections.html#the-header-element', '<header>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'sections.html#the-header-element', '<header>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>5</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>9.0</td> + <td>11.10</td> + <td>4.1</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>Suport bàsic</td> + <td>2.2</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>9.0</td> + <td>11.0</td> + <td>5.0</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Altres elements de secció relacionats: {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("footer")}}, {{HTMLElement("section")}}, {{HTMLElement("address")}}.</li> + <li class="last"><a class="deki-ns current" href="/en-US/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document" title="Sections and Outlines of an HTML5 document">Seccions i esquemes d'un document HTML 5</a>.</li> +</ul> diff --git a/files/ca/web/html/element/heading_elements/index.html b/files/ca/web/html/element/heading_elements/index.html new file mode 100644 index 0000000000..f1f281cfcc --- /dev/null +++ b/files/ca/web/html/element/heading_elements/index.html @@ -0,0 +1,183 @@ +--- +title: Heading elements +slug: Web/HTML/Element/Heading_Elements +tags: + - Element + - HTML + - HTML sections + - Reference + - Web +translation_of: Web/HTML/Element/Heading_Elements +--- +<p id="Summary">Els elements d'<strong>encapçalament</strong> implementen sis nivells de capçaleres del document, <code><h1></code> és el més important i <code><h6></code> és el menys important. Un element de capçalera descriu breument el tema de la secció que introdueix. La informació de capçalera pot ser utilitzada pels agents usuaris, per exemple, per construir una taula de contingut d'un document de forma automàtica.</p> + +<div class="note"> +<p><strong>Nota d'ùs:</strong></p> + +<ul> + <li>No utilitzeu nivells més baixos per disminuir la mida de la font de la capçalera: utilitzeu la propietat CSS {{cssxref ("font-size")}}.</li> + <li>Eviteu saltar-se els nivells d'encapaçalament: sempre heu de començar des de <h1>, el següent <h2> i així successivament.</li> + <li>Amb l'element {{HTMLElement("section")}}, s'ha de considerar evitar l'ús de <code><h1></code> més d'una vegada per pàgina; per convenció, s'utilitza per al títol mostrat en la pàgina, venint a continuació tots els encapçalaments començant per <code><h2></code>. Quan treballem amb seccions, s'ha d'utilitzar un <code><h1></code> per secció. Veure {{SectionOnPage("/en-US/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines", "Defining sections")}} per a més informació.</li> +</ul> +</div> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, contingut encapçalament, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">Contingut textual</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>; no feu servir com a fill un element {{HTMLElement("hgroup")}}, ara és obsolet.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLHeadingElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p> + +<p><span class="short_text" id="result_box" lang="ca"><span>L'atribut</span> <code><span>align</span></code> <span>és</span> <span>obsole</span><span>;</span> <span>no el</span><span> feu servi</span></span></p> + +<h2 id="Exemples">Exemples</h2> + +<h3 id="Totes_les_capçaleres">Totes les <span id="result_box" lang="ca"><span>capçaleres</span></span></h3> + +<p><span id="result_box" lang="ca"><span>El codi</span> <span>següent</span> <span>mostra</span> <span>tots</span> <span>els</span> <span>nivells</span> <span>de capçaleres,</span> <span>en ús.</span></span></p> + +<pre class="brush: html"><h1>Heading level 1</h1> +<h2>Heading level 2</h2> +<h3>Heading level 3</h3> +<h4>Heading level 4</h4> +<h5>Heading level 5</h5> +<h6>Heading level 6</h6> +</pre> + +<p>Aquest és el resultat del codi:</p> + +<p>{{ EmbedLiveSample('All_headings', '280', '300', '') }}</p> + +<h3 id="Pàgina_d'exemple_page">Pàgina d'exemple page</h3> + +<p>El següent codi mostra alguns encapçalaments amb continguts sota d'ells.</p> + +<pre class="brush: html"><h1>Heading elements</h1> +<h2>Summary</h2> +<p>Some text here...</p> + +<h2>Examples</h2> +<h3>Example 1</h3> +<p>Some text here...</p> + +<h3>Example 2</h3> +<p>Some text here...</p> + +<h2>See also</h2> +<p>Some text here...</p> +</pre> + +<p>Aquest és el resultat del codi:</p> + +<p>{{ EmbedLiveSample('Example_page', '280', '480', '') }}</p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements', '<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements', '<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/global.html#h-7.5.5', '<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>{{HTMLElement("p")}}</li> + <li>{{HTMLElement("div")}}</li> + <li>{{HTMLElement("section")}}</li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/hgroup/index.html b/files/ca/web/html/element/hgroup/index.html new file mode 100644 index 0000000000..e39de3af84 --- /dev/null +++ b/files/ca/web/html/element/hgroup/index.html @@ -0,0 +1,120 @@ +--- +title: <hgroup> +slug: Web/HTML/Element/hgroup +tags: + - Element + - Experimental + - HTML + - HTML sections + - HTML5 + - Reference + - Web +translation_of: Web/HTML/Element/hgroup +--- +<div>{{HTMLRef}}{{seeCompatTable}}</div> + +<div> </div> + +<div class="note"> +<p><strong>Nota d'ùs: </strong>Aquest element s'ha eliminat de l'especificació d'HTML 5 (W3C), però encara està en la versió d'HTML WHATWG. Està parcialment implementada en la majoria de navegadors, però, tot i així és poc probable que desaparegui. A mesura que l'algoritme d'esquema no s'implementa en qualsevol navegador, la semàntica de <hgroup> és en la pràctica només teòric. La especificació HTML 5 (W3C) ofereix consells sobre com marcar els <a href="http://www.w3.org/TR/html5/common-idioms.html#sub-head">Subtítols, subtítols, títols i lemes alternatius</a>.</p> +</div> + +<p>L'<strong>Element HTML <code><hgroup></code></strong> (Element HTML Encapçalaments de Grup) representa l'encapçalament d'una secció. Defineix un sol títol que participa en l'esquema del document com l'encapçalament de la secció implícit o explícit, a la qual pertany.</p> + +<p>El seu <em>tex</em>t, per l'algoritme d'esquema, és el text del primer Element HTML d'encapçalament de rang més alt (és a dir, el primer {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}} o {{HTMLElement("h6")}} amb el nombre més petit entre els seus descendents) i el <em>rang</em> és el rang d'aquest mateix element HTML d'encapçalament.</p> + +<p>Per tant, aquest element agrupa diversos encapçalaments, i només un representa el principal amb l'esquema del document. Permet associar títols secundaris, com subtítols, títols alternatius, o fins i tot lemes, amb el encapçalament principal, sense contaminar l'esquema del document.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, contingut d'encapçalament, continut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td>Un o més {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, i/o {{HTMLElement("h6")}}.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element només inclou els<span style="line-height: 21px;"> </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> + +<h2 id="Exemples">Exemples</h2> + +<pre class="brush: html"><hgroup> + <h1>Main title</h1> + <h2>Secondary title</h2> +</hgroup> +</pre> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>5</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>9.0</td> + <td>11.10</td> + <td>4.1</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>Suport bàsic</td> + <td>2.2</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>9.0</td> + <td>11.0</td> + <td>5.0</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Altres elements de secció relacionats: {{HTMLElement("body")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("nav")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}};</li> + <li><a class="deki-ns current" href="/en-US/docs/Sections_and_Outlines_of_an_HTML5_document" title="Sections and Outlines of an HTML5 document">Seccions i esquemes d'un document HTML5</a>.</li> +</ul> diff --git a/files/ca/web/html/element/hr/index.html b/files/ca/web/html/element/hr/index.html new file mode 100644 index 0000000000..ca17db66e9 --- /dev/null +++ b/files/ca/web/html/element/hr/index.html @@ -0,0 +1,167 @@ +--- +title: <hr> +slug: Web/HTML/Element/hr +tags: + - Element + - HTML + - HTML grouping content + - Reference +translation_of: Web/HTML/Element/hr +--- +<p>{{HTMLRef}}</p> + +<p>L'<strong>element HTML <code><hr></code></strong> representa un trencament temàtic entre els elements a nivell de paràgraf (per exemple, un canvi d'escena en una història, o un canvi de tema amb una secció). En versions prèvies d'HTML, es representava amb una regla horitzontal. Encara es pot mostrar com una regla horitzontal en els navegadors visuals, però ara es defineix en termes semàntics, en lloc de termes de presentació.</p> + +<div class="note"> +<p><span id="result_box" lang="ca"><span>Per canviar</span> <span>l'aspecte de la</span> <span>regla o</span> <span>buits</span> <span>entre ell</span> <span>i els</span> <span>paràgrafs</span><span>, utilitzeu</span> <span>els <a href="https://developer.mozilla.org/en-US/docs/CSS">fulls d'estil en cascada</a></span><a href="https://developer.mozilla.org/en-US/docs/CSS"> </a> <span>(</span><span>CSS</span><span>)</span><span>.</span></span></p> +</div> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td>Cap, és un {{Glossary("empty element")}}.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td><span id="result_box" lang="ca"><span>Ha de tenir</span> <span>una etiqueta</span> <span>d'inici,</span> <span>però</span> <span>no </span><span>una etiqueta</span> <span>de tancament</span></span> .</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLHRElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els<span style="line-height: 21px;"> </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> + +<dl> + <dt>{{htmlattrdef("align")}} {{deprecated_inline}}</dt> + <dd>Defineix l'alineació de la regla a la pàgina. Si no s'especifica cap valor, el valor per defecte es <code>left</code>.</dd> + <dt>{{htmlattrdef("color")}} {{Non-standard_inline}}</dt> + <dd>Defineix el color de la regla mitjançant el nom del color o el valor hexadecimal.</dd> + <dt>{{htmlattrdef("noshade")}} {{deprecated_inline}}</dt> + <dd><span class="short_text" id="result_box" lang="ca"><span>Estableix que</span> <span>la regla no</span> <span>té</span> <span>ombrejat</span></span>.</dd> + <dt>{{htmlattrdef("size")}} {{deprecated_inline}}</dt> + <dd>Estableix l'alçada de la regla en píxels.</dd> + <dt>{{htmlattrdef("width")}} {{deprecated_inline}}</dt> + <dd>Defineix la longitud de la regla a la pàgina mitjançant un valor en píxels o percentatge.</dd> +</dl> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush: html"><p>This is the first paragraph of text. This is the first paragraph of text. + This is the first paragraph of text. This is the first paragraph of text.</p> + +<hr> + +<p>This is second paragraph of text. This is second paragraph of text. + This is second paragraph of text. This is second paragraph of text.</p> +</pre> + +<p>Sortida del codi HTML anterior:</p> + +<p>This is the first paragraph of text. This is the first paragraph of text. This is the first paragraph of text. This is the first paragraph of text.</p> + +<hr> +<p>This is second paragraph of text. This is second paragraph of text. This is second paragraph of text. This is second paragraph of text.</p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'grouping-content.html#the-hr-element', '<hr>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td><span class="short_text" id="result_box" lang="ca"><span>Definició</span> <span>de l'element</span> <code><span>hr</span></code></span></td> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', 'rendering.html#the-hr-element-0')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Suggerit la representació per defecte de l'element <code>hr</code></td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-hr-element', '<hr>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'present/graphics.html#h-15.3', '<hr>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td>Els atributs <code>align</code>, <code>noshade</code>, <code>size</code> i <code>width</code> estan desaprovats</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</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 (WebKit)</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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 Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>{{HTMLElement('p')}}</li> +</ul> diff --git a/files/ca/web/html/element/html/index.html b/files/ca/web/html/element/html/index.html new file mode 100644 index 0000000000..5b8ac621f8 --- /dev/null +++ b/files/ca/web/html/element/html/index.html @@ -0,0 +1,168 @@ +--- +title: <html> +slug: Web/HTML/Element/html +tags: + - Element + - HTML + - HTML Root Element + - Reference + - Web +translation_of: Web/HTML/Element/html +--- +<p>{{HTMLRef}}</p> + +<p><strong>L'element HTML <code><html></code></strong> (o element arrel HTML) representa l'arrel d'un document HTML. Tots els altres elements han de ser descendents d'aquest element.</p> + +<p>Donat que l'element <code><html></code> és el primer en un document i que no és un comentari, se li nomena element arrel. Tot i que aquesta etiqueta pot ser implícita, o no necessària, amb {{glossary("HTML")}}, és obligada a ser oberta i tancada en {{glossary("XHTML")}}.</p> + +<table class="properties"> + <tbody> + <tr> + <th><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th> + <td>Cap.</td> + </tr> + <tr> + <th>Contingut permès</th> + <td>Un element {{HTMLElement("head")}}, seguit d'un element {{HTMLElement("body")}}.</td> + </tr> + <tr> + <th>Omissió de l'etiqueta</th> + <td>L'etiqueta d'inici es pot ometre si el primer dins de l'element <code><html></code> no es un comentari.<br> + L'etiqueta final es pot ometre si l'element <code><html></code> no va precedit immediatament per un comentari, i conté un element {HTMLElement("body")}}, o bé no està buit o l'etiqueta d'inici està present.</td> + </tr> + <tr> + <th>Elements pares permesos</th> + <td>Com l'element arrel d'un document, o on es permeti un fragment de un subdocument en un document compost..</td> + </tr> + <tr> + <th>Interfície DOM</th> + <td>{{domxref("HTMLHtmlElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p> + +<dl> + <dt>{{htmlattrdef("manifest")}} {{obsolete_inline}}</dt> + <dd><span id="result_box" lang="ca"><span>Especifica</span> <span>l'adreça URL</span> <span>d'un</span> <span>manifest</span> <span>de recursos que</span> <span>indica els</span> <span>recursos</span> <span>que han de ser</span> <span>emmagatzemats a la</span> <span>memòria cau</span> <span>local.</span> <span>Consulteu</span> <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Using_the_application_cache">Ús de la memòria cau de l'aplicació</a><span> per</span> <span>obtenir</span> <span>més</span> <span>informació</span></span></dd> + <dt>{{htmlattrdef("version")}} {{obsolete_inline}}</dt> + <dd>Especifica la versió de l'HTML {{glossary("DTD", "Document Type Definition")}} que regeix el document actual. Aquest atribut no és necessari, perquè és redundant amb la informació de la versió a la declaració del tipus del document.</dd> + <dt>{{htmlattrdef("xmlns")}} </dt> + <dd><span id="result_box" lang="ca"><span>Especifica</span> <span>l'espai de</span> <span>noms</span> <span>XML</span> <span>del document.</span> <span>El valor</span> <span>per defecte</span> <span>és</span> <code><span>"</span><span>http://www.w3.org/1999/xhtml</span><span>"</span></code><span>.</span> <span>Això</span> <span>és necessari en</span> <span>XHTML,</span> <span>i opcional</span> <span>en HTML.</span></span></dd> +</dl> + +<h2 id="Exemple">Exemple</h2> + +<p><span id="result_box" lang="ca"><span>El</span> <span>DOCTYPE</span> <span>utilitzat en</span> <span>l'exemple</span> <span>següent indica</span> <span>que és HTML5.</span></span></p> + +<pre class="brush: html"><!DOCTYPE html> +<html> + <head>...</head> + <body>...</body> +</html> +</pre> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'semantics.html#the-html-element', '<html>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>No ha canviat des de l'última presentació.</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'semantics.html#the-html-element', '<html>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>S'ha afegit suport per a l'atribut <code>manifest</code> (desaprovat més tard).Obsolet l'atribut <code>version</code></td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/global.html#h-7.3', '<html>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td>Desaprovat l'atribut <code>version</code></td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</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 (WebKit)</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td><code>manifest</code></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("1.9")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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 Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td><code>manifest</code></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.9")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>MathML <span id="result_box" lang="ca"><span>element</span> <span>de nivell</span> <span>superior</span></span> : {{MathMLElement("math")}}</li> + <li>SVG <span id="result_box" lang="ca"><span>element</span> <span>de nivell</span> <span>superior</span></span> : {{SVGElement("svg")}}</li> +</ul> diff --git a/files/ca/web/html/element/i/index.html b/files/ca/web/html/element/i/index.html new file mode 100644 index 0000000000..40f4380bd4 --- /dev/null +++ b/files/ca/web/html/element/i/index.html @@ -0,0 +1,157 @@ +--- +title: <i> +slug: Web/HTML/Element/i +tags: + - Element + - HTML + - HTML text-level semantics + - Reference + - Web + - em + - font-style +translation_of: Web/HTML/Element/i +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'<strong>Element HTML <code><i></code></strong> representa un rang de text que es desvia del text normal, per alguna raó, per exemple, termes tècnics, frases en llengües estrangeres, o pensaments de personatges de ficció. En general es mostra en cursiva</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Content categories</a></th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Permitted content</th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Tag omission</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Permitted parent elements</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">DOM interface</th> + <td>{{domxref("HTMLElement")}} Fins Gecko 1.9.2 (Firefox 4) inclòs, Firefox implementa per aquest element la {{domxref("HTMLSpanElement")}} interfície.</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element només inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush: html"><p>The Latin phrase <i>Veni, vidi, vici</i> is often mentioned in music, art, and literature</p> +</pre> + +<h3 id="Result" name="Result">Resultat</h3> + +<p>The Latin phrase <em>Veni, vidi, vici</em> is often mentioned in music, art, and literature</p> + +<h2 id="Notes">Notes</h2> + +<p>En versions anteriors de l'especificació HTML, l'etiqueta <code><i></code> era merament un element de presentació utilitzada per mostrar text en cursiva, igual que l'etiqueta <code><b></code> s'utilitza per mostrar text en negreta. Això ja no és així, ja que aquestes etiquetes ara defineixen la semàntica més que l'aparença tipogràfica. L'etiqueta <code><i></code> ha de representar un rang de text amb un significat semàntic diferent a la representació tipogràfica típica en cursiva. Això significa que un navegador continuarà tot i així mostrant el seu contingut en lletra cursiva, però per definició ja no cal.</p> + +<p><span id="result_box" lang="ca"><span>Utilitzeu</span> <span>aquest</span> <span>element</span> <span>només quan</span> <span>no hi ha un</span> <span>element</span> <span>semàntic</span> <span>més</span> <span>apropiat.</span> <span>Per exemple:</span></span></p> + +<ul> + <li>Utilitza {{HTMLElement("em")}} per indicar èmfasi o accent remarcable.</li> + <li>Utilitza {{HTMLElement("strong")}} per indicar importància.</li> + <li>Utilitza {{HTMLElement("mark")}} per indicar rellevància.</li> + <li>Utilitza {{HTMLElement("cite")}} per marcar el nom d'una obra, com un llibre, joc o una cançó.</li> + <li>Utilitza {{HTMLElement("dfn")}} per marcar la instància definitòria d'un terme.</li> +</ul> + +<p>És una bona idea l'ùs de l'atribut <strong>class</strong> per identificar per què s'utilitza l'element, de manera que si la presentació ha de canviar en una data posterior, es pugui fer de forma selectiva amb els fulls d'estil.</p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-i-element', '<i>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-i-element', '<i>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'present/graphics.html#h-15.2.1', '<b>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2> + +<div>{{CompatibilityTable}}</div> + +<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 (WebKit)</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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 Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<p>{{HTMLRef}}</p> + +<h2 id="See_also" name="See_also">Veure</h2> + +<ul> + <li>{{HTMLElement("em")}}</li> +</ul> diff --git a/files/ca/web/html/element/iframe/index.html b/files/ca/web/html/element/iframe/index.html new file mode 100644 index 0000000000..0dc95e860d --- /dev/null +++ b/files/ca/web/html/element/iframe/index.html @@ -0,0 +1,471 @@ +--- +title: <iframe> +slug: Web/HTML/Element/iframe +tags: + - Content + - Element + - HTML + - Reference + - Web + - embedded +translation_of: Web/HTML/Element/iframe +--- +<div>{{HTMLRef}}</div> + +<h2 id="Sumari">Sumari</h2> + +<p>L'element HTML Marc en Línia (<code><iframe></code>) representa un context de navegació imbricada, la incrustació efectiva d'una altra pàgina HTML a la pàgina actual. En HTML 4.01, un document pot contenir un <code>head</code> i un <code>body</code> o un <code>head</code> i un conjunt de marcs, però no tots dos un <code>body</code> i un conjunt de marcs. No obstant això, un<code> <iframe</code>> es pot utilitzar dins del cos d'un document normal. Cada context de navegació té el seu propi historial de sessió i document actiu. El context de navegació que conté el contingut incrustat es diu context de navegació dels pares. El context de navegació de nivell superior (que no té pare) és normalment la finestra del navegador.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>, contingut incrustat, contingut interactiu, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><span class="short_text" id="result_box" lang="ca"><span>Especial</span><span>, veure</span> <span>la prova</span></span></td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti contingut incrustat.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLIFrameElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("align")}} {{deprecated_inline("html4.01")}}, {{obsolete_inline("html5")}}</dt> + <dd><span id="result_box" lang="ca"><span>L'alineació</span> <span>d'aquest</span> <span>element respecte</span> <span>al context que</span> <span>l'envolta.</span></span></dd> + <dt>{{htmlattrdef("allowfullscreen")}}</dt> + <dd>Aquest atribut es pot establir en <code>true</code> si el marc ha de ser col·locat en mode de pantalla completa cridant al seu mètode {{domxref("Element.requestFullScreen()")}}. Si no està establert, no es pot col·locar l'element en mode de pantalla completa.</dd> + <dt>{{htmlattrdef("frameborder")}} {{HTMLVersionInline(4)}} only</dt> + <dd>El valor 1 (per defecte) li diu al navegador que traci una vora entre aquest marc i per cada marc existent. El valor 0 indica el navegador no dibuixar cap vora entre aquest marc i d'altres marcs.</dd> + <dt>{{htmlattrdef("height")}}</dt> + <dd> + <p>Indica l'alçada del marc {{HTMLVersionInline(5)}} en píxels CSS, o {{HTMLVersionInline(4.01)}} en píxels o com a percentatge.</p> + </dd> + <dt>{{htmlattrdef("longdesc")}} {{HTMLVersionInline(4)}} only</dt> + <dd>Un URI a una descripció llarga del marc. A causa del mal ús generalitzat, això no és útil per als navegadors no visuals.</dd> + <dt>{{htmlattrdef("marginheight")}} {{HTMLVersionInline(4)}} only</dt> + <dd> + <p>La quantitat d'espai en píxels entre el contingut del marc i els seus marges superior i inferior.</p> + </dd> + <dt>{{htmlattrdef("marginwidth")}} {{HTMLVersionInline(4)}} only</dt> + <dd>La quantitat d'espai en píxels entre el contingut del marc i els seus marges esquerre i dret.</dd> + <dt>{{htmlattrdef("mozallowfullscreen")}} {{non-standard_inline}} {{deprecated_inline}}</dt> + <dd>Utilitzeu en el seu lloc <strong><code>allowfullscreen</code></strong>. En Gecko 9.0 o posterior, aquest atribut es pot establir en true si es permet al marc col·locar-ho en mode de pantalla completa cridant el seu mètode {{domxref("element.mozRequestFullScreen()")}}. Si això no s'ha establert, l'element no es pot posar en mode de pantalla completa.</dd> + <dt>{{htmlattrdef("webkitallowfullscreen")}} {{non-standard_inline}} {{deprecated_inline}}</dt> + <dd>Utilitzeu en el seu lloc <code><strong>allowfullscreen</strong></code>. En Chrome 17 o posterior (i potser abans), aquest atribut es pot establir en true si es permet al marc col·locar-ho en mode de pantalla completa cridant el seu mètode {{domxref("element.webkitRequestFullScreen()")}}. Si això no s'ha establert, l'element no es pot posar en mode de pantalla completa.</dd> + <dt>{{htmlattrdef("mozapp")}} {{non-standard_inline}}</dt> + <dd>Per als marcs d'allotjament d'una <a href="https://developer.mozilla.org/en-US/docs/Apps">aplicació web de codi obert</a>, això especifica l'URL del <a href="https://developer.mozilla.org/en-US/docs/Apps/Manifest">manifest d'aplicació</a>. Això assegura que l'aplicació es carrega amb els permisos adequats. Consulteu <a href="https://developer.mozilla.org/en-US/docs/DOM/Using_the_Browser_API">Ús de l'API del Navegador</a> per a més informació. Disponible en Gecko 13.0 i posteriors.</dd> + <dt>{{htmlattrdef("mozbrowser")}} {{non-standard_inline}}</dt> + <dd>Indica que el marc aparegui com una finestra de l'explorador de nivell superior per al contingut incrustat. Això vol dir que {{domxref("window.top")}}, {{domxref("window.parent")}}, {{domxref("window.frameElement")}}, etc., no reflectirà la jerarquia del marc. Això permet a un navegador web UI ser implementat en la seva totalitat amb la tecnologia web, donat els permisos adequats. Consulteu Ús de l'API del Navegador per a més informació. Disponible en Gecko 13.0 i posteriors.</dd> + <dt id="name-attribute">{{htmlattrdef("name")}}</dt> + <dd>Un nom per al context de navegació incrustat (o marc). Això pot ser usat com el valor de l'atribut <code><strong>target</strong></code> d'un element {{HTMLElement("a")}} o {{HTMLElement("form")}}, o l'atribut formtarget d'un element {{HTMLElement("input")}} o {{HTMLElement("button")}}.</dd> + <dt id="attr-referrer">{{htmlattrdef("referrerpolicy")}} {{experimental_inline}}</dt> + <dd>Una cadena que indica la referéncia a utilitzar quan s'està obtenint el recurs: + <ul> + <li><code>"no-referrer"</code> significa que del <code>Referer</code>: no s'enviarà la capçalera.</li> + <li>"<code>no-referrer-when-downgrade</code>" significa que no hi ha <code>Referer</code>: la capçalera serà enviada al navegar a un origen sense TLS (HTTPS). Aquest és el comportament per defecte d'un agent d'usuari, si no hi ha política que especifiqui el contrari.</li> + <li><code>"origin"</code> significa que la referéncia serà l'origen de la pàgina, que és més o menys l'esquema, el host i el port.</li> + <li>"origin-when-cross-origin" significa que les navegacions d'altres orígens es limitarà a l'esquema, el host i el port, mentre que les navegacions en el mateix origen inclouran el camí de les referéncies.</li> + <li><code>"unsafe-url"</code> significa que la referéncia inclourà l'origen i la ruta d'accés (però no el fragment, la contrasenya o nom d'usuari). Aquest cas no és segur, ja que pot filtrar-se orígens i trajectòries dels recursos protegits-TLS a orígens insegurs</li> + </ul> + </dd> + <dt>{{htmlattrdef("remote")}} {{non-standard_inline}}</dt> + <dd>Carrega la pàgina del marc en un procés de contingut independent.</dd> + <dt>{{htmlattrdef("scrolling")}} {{HTMLVersionInline(4)}} only</dt> + <dd>Atribut enumerat indicant quan el navegador ha de proporcionar una barra de desplaçament (o un altre dispositiu de desplaçament) per a el marc: + <ul> + <li><code>auto</code>: Només quan sigui necessari.</li> + <li><code>yes</code>: Sempre proporciona una barra de desplaçament.</li> + <li><code>no</code>: Mai proporciona una barra de desplaçament.</li> + </ul> + </dd> + <dt>{{htmlattrdef("sandbox")}} {{HTMLVersionInline(5)}} only</dt> + <dd>Si s'especifica com una cadena buida, aquest atribut permet restriccions addicionals en el contingut que pugui aparèixer en el marc en línia. El valor de l'atribut pot ser una cadena buida (s'apliquen totes les restriccions), o una llista separada per espais d'identificadors que aixequen restriccions particulars. Els identificadors vàlids són: + <ul> + <li><code>allow-forms</code>: Permet al context de navegació incrustat enviar formularis. Si no s'utilitza aquesta paraula clau, no es permet aquesta operació.</li> + <li><code>allow-modals</code>: Permet al context de navegació incrustat obrir finestres modals.</li> + <li><code>allow-orientation-lock</code>: Permet al context de navegació incrustat desactivar la capacitat de bloquejar l'orientació de la pantalla.</li> + <li><code>allow-pointer-lock</code>: Permet al context de navegació incrustat utilitzar l'<a href="https://developer.mozilla.org/en-US/docs/WebAPI/Pointer_Lock">API de bloqueig del punter</a> ( <a href="https://developer.mozilla.org/en-US/docs/WebAPI/Pointer_Lock">Pointer Lock API</a> ).</li> + <li><code>allow-popups</code>: Permet finestres emergents (com <code>window.open, target="_blank", showModalDialog</code>). Si no s'utilitza aquesta paraula clau, aquesta funcionalitat fallarà sense avisar.</li> + <li><code>allow-popups-to-escape-sandbox</code>: Permet a un document en espai aïllat (sandbox) obrir noves finestres sense forçar les senyals d'espai aïllat sobre ellas. Això permetrà, per exemple, una publicitat de tercers, per ser un espai aïllat de seguretat sense forçar les mateixes restriccions en una pàgina de destinació.</li> + <li><code>allow-presentation</code>: Permet als incrustats tenir control sobre si un iframe pot iniciar una sessió de presentació.</li> + <li><code>allow-same-origin</code>: Permet que el contingut sigui tractat com a tal des del seu origen normal. Si no s'utilitza aquesta paraula clau, el contingut incrustat es tracta com d'un origen únic.</li> + <li><code>allow-scripts</code>: Permet al context de navegació incrustat executar scripts (però no crear finestres emergents). Si no s'utilitza aquesta paraula clau, no es permet aquesta operació.</li> + <li><code>allow-top-navigation</code>: Permet al context de navegació incrustat navegar pel contingut (càrrega) del context de navegació de nivell superior. Si no s'utilitza aquesta paraula clau, no es permet aquesta operació.</li> + </ul> + + <div class="note"> + <p><strong>Nota:</strong></p> + + <ul> + <li>Quan el document incrustat té el mateix origen que la pàgina principal, no és recomanable utilitzar al mateix temps<code> tant allow-scripts</code> i <code>allow-same-origin</code>, lo que permet que en el document incrustat mitjançant programació poguer eliminar l'atribut sandbox. Encara que s'accepta, aquest cas no és més segur que no fer servir l'atribut sandbox.</li> + <li>El espai aïllat (Sandboxing), en general, és només una ajuda mínima si l'atacant pot organitzar el contingut potencialment hostil que es mostrarà en el navegador de l'usuari fora d'un <code>iframe</code> d'espai aïllat. Es recomana que aquest contingut ha de servir-se de un<em> domini dedicat separat,</em> per limitar el dany potencial.</li> + <li>L'atribut<code> sandbox</code> no és compatible amb Internet Explorer 9 i versions anteriors.</li> + </ul> + </div> + </dd> + <dt>{{htmlattrdef("src")}}</dt> + <dd><span class="short_text" id="result_box" lang="ca"><span>La URL</span> <span>de la pàgina per</span> <span>incrustar</span></span>.</dd> + <dt>{{htmlattrdef("srcdoc")}} {{HTMLVersionInline(5)}} only</dt> + <dd>El contingut de la pàgina que conté el context integrat. S'espera que aquest atribut sigui generalment usat junt amb l'atribut <code>sandbox</code>. Si un navegador suporta l'atribut srcdoc, anul·larà el contingut especificat en l'atribut <code>src</code> (si està present). Si un navegador NO suporta l'atribut <code>srcdoc</code>, es mostrarà el fitxer especificat per l'atribut <code>src</code> en el seu lloc (si està present). Recordeu que si el contingut de l'atribut conté una etiqueta script, serà necessaria una etiqueta script de tancament per a l'execució del script, fins i tot sinó es produeix res mes després del script</dd> + <dt>{{htmlattrdef("width")}}</dt> + <dd>Indica l'amplada del marc {{HTMLVersionInline(5)}} en píxels CSS, o {{HTMLVersionInline(4.01)}} en píxels o com a percentatg</dd> +</dl> + +<h2 id="Scripting">Scripting</h2> + +<p>Els marcs en línia, com a elements de {{HTMLElement ("frame")}}, introduïu el pseudo-array {{domxref("window.frames")}}.</p> + +<p>Des de l'element <code>iframe</code> DOM, els scripts poden acedir al objecte {{domxref("window")}} inclòs en la pàgina HTML mitjançant la propietat <code>contentWindow</code>. La propietat <code>contentDocument</code> es refereix a l'element del document dins del <code>iframe</code> (és equivalent a <code>contentWindow.document</code>), però no és compatible amb les versions d'Internet Explorer anteriors a IE8.</p> + +<p><span id="result_box" lang="ca"><span>Des de l'interior</span> <span>d'un</span> <span>marc, un</span> <span>script</span> <span>pot</span> <span>obtenir</span> <span>una referència a la</span> <span>finestra</span> <span>pare a través</span> <span>de</span> <span>{</span><span>{</span><span>domxref</span> <span>(</span><span>"</span><span>Window.parent</span><span>"</span><span>)</span><span>}</span><span>}</span></span> .</p> + +<p>Els scripts que tracten d'accedir al contingut d'un marc estan subjectes a la <a href="https://developer.mozilla.org/en-US/docs/Same_origin_policy_for_JavaScript">política del mateix origen</a>, i no poden accedir a la majoria de les propietats en l'altre objecte finestra si estigués carregada des d'un domini diferent. Això també s'aplica a un script dins d'un marc, d'intentar accedir a la seva finestra pare. La comunicació entre dominis encara es pot aconseguir amb {{domxref("Window.postMessage()")}}.</p> + +<h2 id="Exemples">Exemples</h2> + +<p><span id="result_box" lang="ca"><span>Aquí hi ha</span> <span>alguns</span> <span>exemples que</span> <span>demostren l'ús</span> <span>de l'element</span> <code><span><</span><span>iframe</span><span>></span></code></span>.</p> + +<h3 id="Example1" name="Example1">Un simple <code><iframe></code></h3> + +<p><span id="result_box" lang="ca"><span>Aquest</span> <span>és</span> <span>un exemple</span> <span>bàsic d'un</span> <code><span><</span><span>iframe</span><span>></span></code> <span>en acció.</span> <span>Després</span> <span>de crear el marc</span><span>, quan l'usuari</span> <span>fa</span> <span>clic a</span> <span>un botó</span><span>, el seu títol</span> <span>es recupera</span> <span>i</span> <span>es mostra en</span> <span>un avís</span><span>.</span></span></p> + +<h4 id="HTML">HTML</h4> + +<div id="htmlOutputWrapper"> +<pre class="brush: html"><iframe src="https://mdn-samples.mozilla.org/snippets/html/iframe-simple-contents.html" width="400" height="300"> + <p>Your browser does not support iframes.</p> +</iframe></pre> +</div> + +<h4 id="Resultat">Resultat</h4> + +<p>{{ EmbedLiveSample('Example1', '', '', '', 'Web/HTML/Element/iframe') }}</p> + +<h3 id="Example2" name="Example2"><span id="result_box" lang="ca"><span>Obrir un enllaç</span> <span>en un</span> <span><</span><span>iframe</span><span>></span> <span>en una altra</span> <span>pestanya</span></span></h3> + +<p><span id="result_box" lang="ca"><span>En aquest</span> <span>exemple, un</span> <span>mapa de</span> <span>Google</span> <span>es</span> <span>mostrarà en un</span> <span>marc</span><span>;</span></span></p> + +<h4 id="HTML_2">HTML</h4> + +<pre class="brush: html"><base target="_blank"> +<iframe id="Example2" + name="Example2" + title="Example2" + width="400" + height="300" + frameborder="0" + scrolling="no" + marginheight="0" + marginwidth="0" + src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=es-419&amp;geocode=&amp;q=buenos+aires&amp;sll=37.0625,-95.677068&amp;sspn=38.638819,80.859375&amp;t=h&amp;ie=UTF8&amp;hq=&amp;hnear=Buenos+Aires,+Argentina&amp;z=11&amp;ll=-34.603723,-58.381593&amp;output=embed"> +</iframe> + +<br> +<small> + <a href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=es-419&amp;geocode=&amp;q=buenos+aires&amp;sll=37.0625,-95.677068&amp;sspn=38.638819,80.859375&amp;t=h&amp;ie=UTF8&amp;hq=&amp;hnear=Buenos+Aires,+Argentina&amp;z=11&amp;ll=-34.603723,-58.381593" style="color:#0000FF;text-align:left"> See bigger map </a> +</small></pre> + +<h4 id="Resultat_2">Resultat</h4> + +<p>{{ EmbedLiveSample('Example2', '', '', '', 'Web/HTML/Element/iframe') }}</p> + +<h4 id="Resultat_3">Resultat</h4> + +<p><a href="http://jsfiddle.net/pablofiumara/mCfAe/">Exemple viu</a></p> + +<h2 id="Notes">Notes</h2> + +<div class="note"> +<p>A partir d'{{Gecko ("6.0")}}, la representació de marcs en línia respecta correctament les vores del seu element contenidor quan estan arrodonides usant {{cssxref("border-radius")}}.</p> +</div> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('Referrer Policy', '#referrer-policy-delivery-referrer-attribute', 'referrerpolicy attribute')}}</td> + <td>{{Spec2('Referrer Policy')}}</td> + <td>Afegeix l'atribut <code>referrerpolicy</code>.</td> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', 'the-iframe-element.html#the-iframe-element', '<iframe>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#the-iframe-element', '<iframe>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'present/frames.html#h-16.5', '<iframe>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('Screen Orientation')}}</td> + <td>{{Spec2('Screen Orientation')}}</td> + <td>Afegeix <code>allow-orientation-lock</code> a l'atribut <code>sandbox</code>.</td> + </tr> + <tr> + <td>{{SpecName('Presentation','#sandboxing-and-the-allow-presentation-keyword','allow-presentation')}}</td> + <td>{{Spec2('Presentation')}}</td> + <td>Afegeix <code>allow-presentation</code> a l'atribut <code>sandbox</code>.</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Característica</th> + <th>Chrome</th> + <th>Edge</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari (WebKit)</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatChrome(1.0)}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}[1]</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}[2]</td> + </tr> + <tr> + <td><code>sandbox</code></td> + <td>{{CompatChrome(4.0)}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("17.0")}}</td> + <td>10</td> + <td>15</td> + <td>5</td> + </tr> + <tr> + <td><code>srcdoc</code></td> + <td>{{CompatChrome(20.0)}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatGeckoDesktop("25.0")}}</td> + <td>{{CompatNo}}</td> + <td>15</td> + <td>6</td> + </tr> + <tr> + <td><code>allowfullscreen</code></td> + <td>{{CompatChrome(17.0)}} {{property_prefix("webkit")}}<br> + {{CompatChrome(27.0)}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("9.0")}} {{property_prefix("moz")}}<br> + {{CompatGeckoDesktop("18.0")}}</td> + <td> + <p>11 {{property_prefix("ms")}}</p> + </td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}} {{property_prefix("webkit")}}<br> + 7</td> + </tr> + <tr> + <td><code>sandbox="allow-popups"</code></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("28.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>sandbox="allow-popups-to-escape-sandbox"</code></td> + <td>{{CompatChrome(46.0)}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatGeckoDesktop("49.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>32</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>sandbox="allow-modals"</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoDesktop("49.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>referrerpolicy</code></td> + <td>{{CompatChrome(51.0)}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatGeckoDesktop("50.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>sandbox="allow-presentation"</code></td> + <td>{{CompatChrome(53.0)}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td> + <p>{{CompatOpera(40)}}</p> + </td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Característica</th> + <th>Android</th> + <th>Android Webview</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + <th>Chrome for Android</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td> + <p>{{CompatVersionUnknown}}</p> + </td> + <td>{{CompatVersionUnknown}}[1]</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td> + <p>{{CompatVersionUnknown}}</p> + </td> + </tr> + <tr> + <td><code>sandbox</code></td> + <td>2.2</td> + <td> + <p>{{CompatVersionUnknown}}</p> + </td> + <td>{{CompatGeckoMobile("17.0")}}</td> + <td>10</td> + <td>{{CompatNo}}</td> + <td>4.2</td> + <td> + <p>{{CompatVersionUnknown}}</p> + </td> + </tr> + <tr> + <td><code>srcdoc</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("25.0")}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>allowfullscreen</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("9.0")}} {{property_prefix("moz")}}<br> + {{CompatGeckoMobile("18.0")}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}} {{property_prefix("webkit")}}<br> + 7</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>sandbox="allow-popups"</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("27.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>sandbox="allow-popups-to-escape-sandbox"</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatChrome(46)}}</td> + <td>{{CompatGeckoMobile("49.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>32</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatChrome(46.0)}}</td> + </tr> + <tr> + <td><code>sandbox="allow-modals"</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("49.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>referrerpolicy</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatChrome(51.0)}}</td> + <td>{{CompatGeckoMobile("50.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatChrome(51.0)}}</td> + </tr> + <tr> + <td><code>sandbox="allow-presentation"</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td> + <p>{{CompatOperaMobile(40)}}</p> + </td> + <td>{{CompatUnknown}}</td> + <td>{{CompatChrome(53.0)}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] La propietat CSS {{cssxref("resize")}} no té cap efecte sobre aquest element a causa del {{bug("680823")}}.</p> + +<p>[2] Safari té un <a href="http://www.quirksmode.org/bugreports/archives/2005/02/hidden_iframes.html">error</a> conegut que impedeix que es carregui iframes si l'element iframe s'oculta quan s'afegeix a la pàgina. iframeElement.src = iframeElement.src ha de fer que es carregui el iframe.</p> diff --git a/files/ca/web/html/element/image/index.html b/files/ca/web/html/element/image/index.html new file mode 100644 index 0000000000..000153ffc0 --- /dev/null +++ b/files/ca/web/html/element/image/index.html @@ -0,0 +1,19 @@ +--- +title: <image> +slug: Web/HTML/Element/image +tags: + - HTML + - Non-standard +translation_of: Web/HTML/Element/image +--- +<div>{{non-standard_header}}</div> + +<h2 id="Sumari">Sumari</h2> + +<p>L'element HTML <code><image></code> era un element experimental dissenyat per mostrar les imatges. Mai es va aplicar i la norma es la utilització del element {{HTMLElement("img")}}.</p> + +<div class="note"> +<p><strong>No utilitzeu aquest!</strong> Per tal de mostrar les imatges, utilitzeu l'estàndard de l'element {{HTMLElement("img")}}.</p> +</div> + +<p>Recordeu que fins Firefox 22, encara que no suportat, un element <code><image></code> es va associar amb un {{domxref("HTMLSpanElement")}}. Després es va corregir i ara s'associa amb un {{domxref("HTMLElement")}} per requeriment de l'especificació.</p> diff --git a/files/ca/web/html/element/img/index.html b/files/ca/web/html/element/img/index.html new file mode 100644 index 0000000000..405f8d9eb4 --- /dev/null +++ b/files/ca/web/html/element/img/index.html @@ -0,0 +1,359 @@ +--- +title: '<img>: element Imatge Incrustada' +slug: Web/HTML/Element/img +tags: + - Contingut + - Element + - Gràfics + - HTML + - Imatge + - Multimedia + - Referencia + - Web + - embedded +translation_of: Web/HTML/Element/img +--- +<h2 id="Sumari">Sumari</h2> + +<div>{{HTMLRef}}</div> + +<p><strong>L'element HTML <code><img></code></strong> representa una imatge en el document.</p> + +<div class="note"> +<p>Els navegadors no sempre mostren la imatge referenciada per l'element. Aquest és el cas dels navegadors no gràfics (inclosos els utilitzats per les persones amb problemes de visió), o si l'usuari opta per no mostrar imatges, o si el navegador no pot mostrar la imatge, ja que no és vàlid o un <a href="https://developer.mozilla.org/ca/docs/Web/HTML/Element/img$translate#Supported_image_formats">tipus no suportat.</a> En aquests casos, el navegador pot reemplaçar la imatge amb el text definit en l'atribut <code>alt</code> d'aquest element. Ha de, per aquestes i altres raons, proporcionar un valor útil sempre que sigui possible.</p> +</div> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>, contingut incrustat, contingut palpable. Si l'element té un atribut {{htmlattrxref("usemap", "img")}}, o sinó que també és una part de la categoria de contingut interactiu.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td>Cap, és un {{Glossary("empty element")}}.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td><span id="result_box" lang="ca"><span>Ha de tenir una</span> <span>etiqueta d'inici</span> <span>i</span> <span>no </span><span>una etiqueta</span> <span>de tancament.</span></span></td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti contingut incrustat.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLImageElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes">atribust globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("align")}} {{deprecatedGeneric('inline','HTML4.01')}}, {{obsoleteGeneric('inline','HTML5')}} </dt> + <dd>L'alineació de la imatge respecte al seu context circumdant. En HTML5, utilitzeu les propietats CSS {{cssxref('float')}} i/o {{cssxref('vertical-align')}} en el seu lloc.</dd> + <dt>{{htmlattrdef("alt")}}</dt> + <dd>Aquest atribut defineix el text alternatiu que descriu la imatge. Els usuaris veuran aquest text apareixer si l'URL de la imatge està malament, o la imatge no es troba en un dels formats compatibles, o si la imatge no es descarrega. + <div class="note"> + <p>L'omissió d'aquest atribut en conjunt indica que la imatge és una part clau del contingut, i no té un equivalent textual disponible. En establir aquest atribut en una cadena buida (<code>alt=""</code>) indica que aquesta imatge no és una part clau del contingut, i que els navegadors no visuals poden ometre la seva representació.</p> + </div> + </dd> + <dt>{{htmlattrdef("border")}} {{deprecatedGeneric('inline','HTML4.01')}}, {{obsoleteGeneric('inline','HTML5')}}</dt> + <dd>L'ample d'una vora al voltant de la imatge. En HTML5, utilitzeu en el seu lloc la propietat CSS {{cssxref('border')}}.</dd> + <dt>{{htmlattrdef("crossorigin")}} {{HTMLVersionInline(5)}}</dt> + <dd>Aquest atribut enumerat indica si l'obtenció de la imatge relacionada ha de fer-se utilitzant CORS o no. En CORS habilitat, les imatges poden ser reutilitzades amb l'element {{HTMLElement("canvas")}} sense ser "corrompudes". Els valors permesos són:</dd> + <dd> + <dl> + <dt><code>anonymous</code></dt> + <dd>Una sol·licitud d'origen creuat (és a dir, amb <code>origen:</code> capçalera HTTP) es porta a terme. Però no s'envian credencials (és a dir, no hi ha cap galeta, no hi ha cap certificat X.509, i no s'envia l'autenticació bàsica HTTP ). Si el servidor no dóna credencials al lloc d'origen (si no s'estableix l'<code>Access-Control-Allow-Origin:</code> capçalera HTTP ), la imatge serà contaminada i el seu ús restringit.</dd> + <dt><code>use-credentials</code></dt> + <dd>Una sol·licitud d'origen creuat (és a dir, amb <code>Origin:</code> capçalera HTTP) realitzat amb credencial és enviat (és a dir, una galeta, un certificat i l'autenticació bàsica HTTP es realitza). Si el servidor no dóna credencials al lloc d'origen (a través d' <code>Access-Control-Allow-Credentials</code>: capçalera HTTP), la imatge serà contaminada i el seu ús restringit.</dd> + </dl> + Quan no està present, el recurs es recupera sense una sol·licitud CORS (és a dir, sense necessitat d'enviar <code>Origin:</code> capçalera HTTP), evitant el seu ús no contamina elements {{HTMLElement('canvas')}}. Si no és vàlid, es tractada com si s'utilitzés la paraula clau enumerada <strong>anonymous</strong>. Veure <a href="https://developer.mozilla.org/en-US/docs/HTML/CORS_settings_attributes">configuració atributs CORS</a> per obtenir informació addicional.</dd> + <dt>{{htmlattrdef("height")}}</dt> + <dd>L'alçada intrínseca de la imatge en píxels. En {{HTMLVersionInline(4)}}, l'alçada es podria definir en píxels o com a percentatge. En {{HTMLVersionInline(5)}}, però, el valor ha d'estar en píxels.</dd> + <dt>{{htmlattrdef("hspace")}} {{deprecatedGeneric('inline','HTML4.01')}}, {{obsoleteGeneric('inline','HTML5')}}</dt> + <dd>El nombre de píxels d'espai en blanc per inserir a l'esquerra i dreta de la imatge. En HTML5, utilitzeu en al seu lloc la propietat CSS {{cssxref('margin')}} .</dd> + <dt>{{htmlattrdef("ismap")}}</dt> + <dd>Aquest atribut booleà indica que la imatge és part d'un mapa del costat del servidor. Si és així, les coordenades exactes d'un clic son enviades al servidor. + <div class="note"> + <p>Aquest atribut només és permès si l'element <code><img></code> és un descendent d'un element {{htmlelement("a")}} amb un atribut vàlid {{htmlattrxref("href","a")}}</p> + </div> + </dd> + <dt>{{htmlattrdef("longdesc")}}</dt> + <dd>Un enllaç a una descripció més detallada de la imatge. Els valors possibles són un URL o un element id.</dd> + <dt>{{htmlattrdef("name")}} {{deprecatedGeneric('inline','HTML4.01')}}, {{obsoleteGeneric('inline','HTML5')}}</dt> + <dd>Un nom per l'element. És suportat en {{HTMLVersionInline(4)}} només per compatibilitat amb versions anteriors. Utilitzeu en el seu lloc l'atribut <code>id</code>.</dd> + <dt>{{htmlattrdef("referrerpolicy")}} {{experimental_inline}}</dt> + <dd>Una cadena que indica la referència a utilitzar per recuperar el recurs: + <ul> + <li><code>no-referrer:</code> <span class="short_text" id="result_box" lang="ca"><span>la capçalera</span><code> <span>Referer</span></code> <span>no s'enviarà</span></span> .</li> + <li><code>no-referrer-when-downgrade:</code> Cap encapçalat <code>Referer</code> s'enviarà quan es navega a un origen sense TLS (HTTPS). Es tracta d'un comportament per defecte de l'agent d'usuari si no hi ha una política que especifiqui lo contrari.</li> + <li><code>origin:</code> L'encapçalat <code>Referer</code> inclourà la pàgina de l'esquema d'origen, el host i el port.</li> + <li><code>origin-when-cross-origin:</code> navegant a altres orígens es limitarà les dades de referència incloses en l'esquema, el host i el port, mentre que la navegació des del mateix origen inclourà la ruta completa de las referèncias.</li> + <li><code>unsafe-url: </code>El <code>Referal header</code> inclourà l'origen i la ruta d'accés, però no el fragment, contrasenya o nom d'usuari. Aquest cas no és segur, ja que pot filtrar-se orígens i trajectòries dels recursos protegits-TLS a orígens insegurs.</li> + </ul> + </dd> + <dt>{{htmlattrdef("sizes")}}{{HTMLVersionInline(5)}}</dt> + <dd><span id="result_box" lang="ca"><span>Una</span> <span>llista</span> <span>d'una o</span> <span>més cadenes</span> <span>separades per</span> <span>comes que</span> <span>indiquen un</span> <span>conjunt</span> <span>de mides de</span> <span>fonts</span><span>.</span> <span>Cada mida</span> <span>de font</span> <span>es</span> <span>compon de:</span></span> + <ol> + <li>una condició de mitjans. Això ha de ser omès per a l'últim element.</li> + <li>un valor de mida de font.</li> + </ol> + + <p>Els valors de mida de la Font especifiquen la mida de la pantalla desitjada de la imatge. Els agents d'usuari utilitzen la mida de la font actual per seleccionar una de les fonts subministrades per l'atribut <code>srcset</code>, quan aquestes fonts es descriuen utilitzant descriptors de l'amplada ('<code>w</code>'). La mida de la font seleccionada afecta la mida de la imatge (mida de visualització de la imatge si no s'aplica un estil CSS). Si l'atribut srcset està absent, o no conté valors amb un descriptor d'amplada (<code>w</code>), llavors l'atribut <code>sizes</code> no té cap efecte.</p> + </dd> + <dt>{{htmlattrdef("src")}}</dt> + <dd>L'URL de la imatge. Aquest atribut és obligatori per a l'element <code><img></code>. En els navegadors amb suport <code>srcset</code>, <code>src</code> és tractat com un candidat de la imatge amb un descriptor de densitat de píxel 1 x llevat que una imatge amb aquest descriptor de densitat de píxels ja estigui definit en <code>srcset</code> o a meys que <code>srcset</code> contingui descriptors '<code>w</code>'.</dd> + <dt>{{htmlattrdef("srcset")}}{{HTMLVersionInline(5)}}</dt> + <dd>Una llista d'una o més cadenes separades per comes que indiquen un conjunt de fonts d'imatge possibles per a l'agent d'usuari per al seu ús. Cada cadena es compon de: + <ol> + <li><span id="result_box" lang="ca"><span>un URL</span> <span>a</span> <span>una imatge,</span></span> ,</li> + <li><span id="result_box" lang="ca"><span>opcionalment</span><span>, espai</span> <span>en blanc</span> <span>seguit</span> <span>per</span> <span>u</span></span>n: + <ul> + <li>un descriptor d'amplada, o un enter positiu seguit directament per '<code>w</code>'. El descriptor d'amplada es divideix per la mida de la font donada en l'atribut <code>sizes</code> per calcular la densitat de píxels efectius.</li> + <li>un descriptor de densitat de píxels, que és un nombre de coma flotant positiva seguit directament per '<code>x</code>'.</li> + </ul> + </li> + </ol> + + <p><span id="result_box" lang="ca"><span>Si</span> <span>no s'especifica un</span> <span>descriptor</span><span>, la font</span> <span>s'assigna el</span> <span>descriptor</span> <span>per defecte</span><span>:</span> <span>1x</span><span>.</span></span></p> + + <p>No és correcte barrejar descriptors d'amplada i descriptors de densitat de píxels en el mateix atribut <code>srcset</code>. Descriptors duplicats (per exemple, dues fonts en la mateixa <code>srcset</code> que estan tots dos descrits amb '2x') tampoc no són vàlids.</p> + + <p><span id="result_box" lang="ca"><span>L'agent</span> <span>d'usuari</span> <span>selecciona una de les</span> <span>fonts</span> <span>disponibles</span> <span>a la seva discreció</span><span>.</span> <span>Això</span> <span>els proporciona un</span> <span>marge</span> <span>significatiu</span> <span>per adaptar la seva</span> <span>selecció en</span> <span>funció</span> <span>de coses</span> <span>com</span> <span>les</span> <span>preferències de l'</span><span>usuari o</span> <span>les</span> <span>condicions</span> <span>d'ample de</span> <span>banda.</span></span></p> + </dd> + <dt>{{htmlattrdef("width")}}</dt> + <dd>L'amplada intrínseca de la imatge en píxels. En {{HTMLVersionInline(4)}}, un percentatge o píxels són valors acceptables. En {{HTMLVersionInline(5)}}, però, només els píxels són acceptables.</dd> + <dt>{{htmlattrdef("usemap")}}</dt> + <dd><span id="result_box" lang="ca"><span>L'adreça URL</span> <span>parcial</span> <span>(</span><span>que comença</span> <span>amb '</span><span>#'</span><span>)</span> <span>d'un mapa</span> <span>d'imatge</span> <span>associada</span> <span>amb l'element</span><span>.</span></span> + <div class="note"> + <p><strong>Nota d'ùs: </strong>No es pot fer servir aquest atribut si l'element <code><img></code> és un descendent d'un element {{htmlelement("a")}} o {{HTMLElement("button")}}.</p> + </div> + </dd> + <dt>{{htmlattrdef("vspace")}} {{deprecatedGeneric('inline','HTML4.01')}}, {{obsoleteGeneric('inline','HTML5')}}</dt> + <dd>El nombre de píxels d'espai en blanc per inserir dalt i sota de la imatge. En HTML5, utilitzeu en el seu lloc la propietat CSS {{cssxref('margin')}}..</dd> +</dl> + +<h2 id="Formats_d'imatge_suportats"><span class="short_text" id="result_box" lang="ca"><span>Formats d'imatge suportats</span></span></h2> + +<p>L'estàndard d'HTML no dóna una llista de formats d'imatge que ha de ser admès, així que cada agent d'usuari dóna suport a un conjunt diferent de formats. Gecko és compatible am:</p> + +<ul> + <li><a class="external" href="http://en.wikipedia.org/wiki/JPEG">JPEG</a></li> + <li><a class="external" href="http://en.wikipedia.org/wiki/Graphics_Interchange_Format">GIF</a>, <span class="short_text" id="result_box" lang="ca"><span>incloent</span> <span>GIFs</span> <span>animats</span></span></li> + <li><a class="external" href="http://en.wikipedia.org/wiki/Portable_Network_Graphics">PNG</a></li> + <li><a href="/en-US/docs/Animated_PNG_graphics">APNG</a> {{gecko_minversion_inline("1.9.2")}}</li> + <li><a href="/en-US/docs/SVG">SVG</a> {{gecko_minversion_inline("2.0")}}</li> + <li><a class="external" href="http://en.wikipedia.org/wiki/BMP_file_format">BMP</a></li> + <li><a class="external" href="http://en.wikipedia.org/wiki/ICO_%28file_format%29">BMP ICO</a></li> + <li><a class="external" href="http://en.wikipedia.org/wiki/ICO_%28file_format%29">PNG ICO</a> {{gecko_minversion_inline("9.0")}}</li> +</ul> + +<h2 id="Interacció_amb_CSS">Interacció amb CSS</h2> + +<p>Pel que fa a CSS, <code><img></code> és un element reemplaçat. No té cap base, de manera que quan les imatges s'utilitzen en un context de format en línia amb {{cssxref ("vertical-align")}}: <code>baseline</code>, es col·loca la part inferior de la imatge en la base del contenidor.</p> + +<p><span id="result_box" lang="ca"><span>Depenent</span> <span>del seu tipus</span><span>, una imatge</span> <span>pot tenir una</span> <span>amplada</span> <span>i alçada</span> <span>intrínseca.</span> <span>Per alguns</span> <span>tipus d'</span><span>imatge</span><span>, però,</span> <span>dimensions</span> <span>intrínseques</span> <span>no són</span> <span>necessaries.</span> <span>Les imatges</span> <span>SVG,</span> <span>per exemple, no</span> <span>tenen</span> <span>dimensions</span> <span>intrínseques.</span></span></p> + +<h2 id="Errors">Errors</h2> + +<p>Si es produeix un error en intentar carregar o processar una imatge, i un controlador d'esdeveniments {{htmlattrxref("onerror")}} ha estat configurat per controlar l'esdeveniment {{event("error")}}, aquest controlador d'esdeveniment serà cridat. Això pot ocórrer en diverses situacions, incloent:</p> + +<ul> + <li>El atribut {{htmlattrxref("src", "img")}} està buit o és <code>null</code>.</li> + <li>La URL especificada en <code>src</code> és la mateixa que la URL de la pàgina que l'usuari es troba actualment.</li> + <li>La imatge especificada està danyada d'alguna manera que evita que sigui carregada.</li> + <li>Les metadades de la imatge especificada està danyada de tal manera que és impossible recuperar les seves dimensions, i aquestes dimensions no van ser especificades en els atributs de l'element <code><img></code>.</li> + <li>La imatge especificada està en un format no suportat pel {{Glossary("user agent")}}.</li> +</ul> + +<h2 id="Exemple_1_Text_alternatiu">Exemple 1: Text alternatiu</h2> + +<pre class="brush: html"><img src="mdn-logo-sm.png" alt="MDN"> +</pre> + +<p><img alt="MDN" src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png"></p> + +<h2 id="Exemple_2_Enllaç_d'imatge">Exemple 2: <span class="short_text" id="result_box" lang="ca"><span>Enllaç</span> <span>d'imatge</span></span></h2> + +<pre class="brush: html"><a href="https://developer.mozilla.org/">MDN<img src="mdn-logo-sm.png" alt="MDN"></a></pre> + +<p><a href="https://developer.mozilla.org/"><img alt="MDN" src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png"></a></p> + +<h2 id="Exemple_3_Ús_de_l'atribut_srcset">Exemple 3: Ús de l'atribut <code>srcset</code></h2> + +<p>L'atribut <code>src</code> és un candidat 1x en agents d'usuari que suporten <code>srcset</code>.</p> + +<pre class="brush: html"> <img src="mdn-logo-sm.png" + alt="MDN" + srcset="mdn-logo-HD.png 2x"></pre> + +<h2 id="Exemple_4_Ús_dels_atributs_srcset_i_sizes">Exemple 4: Ús dels atributs <code>srcset</code> i <code>sizes</code></h2> + +<p>S'ignora l'atribut <code>src</code> en agents d'usuari que donen suport a <code>srcset</code> utilitzant descriptors '<code>w</code>'. Quan les (<code>min-width</code>: 600px) condicions del suport coincideixen, la imatge serà 200px d'amplada, en cas contrari serà 50vw d'amplada (50% de l'amplada de la finestra gràfica).</p> + +<pre class="brush: html"> <img src="clock-demo-thumb-200.png" + alt="Clock" + srcset="clock-demo-thumb-200.png 200w, clock-demo-thumb-400.png 400w" + sizes="(min-width: 600px) 200px, 50vw"></pre> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('Referrer Policy', '#referrer-policy-delivery-referrer-attribute', 'referrer attribute')}}</td> + <td>{{Spec2('Referrer Policy')}}</td> + <td>Afegeix l'atribut <code>referrerpolicy</code>.</td> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', 'embedded-content.html#the-img-element', '<img>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#the-img-element', '<img>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/objects.html#h-13.2', '<img>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Característica</th> + <th>Chrome</th> + <th>Edge</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari (WebKit)</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td><code>srcset</code></td> + <td>{{CompatChrome(34.0)}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("32.0")}}<sup>[2]</sup></td> + <td>{{CompatNo}}</td> + <td>{{CompatOpera(21)}}</td> + <td>{{CompatSafari(7.1)}}</td> + </tr> + <tr> + <td><code>referrerpolicy</code></td> + <td>{{CompatChrome(46.0)}}<sup>[1]</sup></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoDesktop("50.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>onerror</code> event handler</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoDesktop(51)}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</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>Android Webview</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + <th>Chrome for Android</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td><code>srcset</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatChrome(34.0)}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>21</td> + <td>iOS 8</td> + <td>{{CompatChrome(34.0)}}</td> + </tr> + <tr> + <td><code>referrerpolicy</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatChrome(46.0)}} [1]</td> + <td>{{CompatGeckoMobile("50.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatChrome(46.0)}}<sup>[1]</sup></td> + </tr> + <tr> + <td><code>onerror</code> event handler</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile(51)}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] Implementad com <code>referrerpolicy</code> <span id="result_box" lang="ca"> <span>i darrere</span> <span>d'una bandera.</span></span> .</p> + +<p>[2] <span id="result_box" lang="ca"><span>Implementat</span> <span>darrere</span> <span>d'una</span> <span>preferència.</span></span></p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Els elements {{HTMLElement("picture")}}, {{HTMLElement("object")}} i {{HTMLElement("embed")}}</li> +</ul> diff --git a/files/ca/web/html/element/index.html b/files/ca/web/html/element/index.html new file mode 100644 index 0000000000..962038b3fe --- /dev/null +++ b/files/ca/web/html/element/index.html @@ -0,0 +1,94 @@ +--- +title: HTML element reference +slug: Web/HTML/Element +tags: + - Basic + - Element + - HTML + - NeedsTranslation + - Refrència + - TopicStub + - Web +translation_of: Web/HTML/Element +--- +<p>{{HTMLSidebar("Elements")}}</p> + +<p><span id="result_box" lang="ca"><span>Aquesta</span> <span>pàgina</span> <span>mostra</span> <span>tots els</span></span><span class="seoSummary"> {{Glossary("HTML")}} {{Glossary("Element","elements")}}.</span> <span id="result_box" lang="ca"><span>S'agrupen</span> <span>per funcions</span> <span>per ajudar a trobar</span> <span>el que tens en</span> <span>ment</span> <span>amb</span> <span>facilitat.</span> <span>Tot i que aquesta</span> <span>guia</span> <span>està escrita</span> <span>per a aquells que</span> <span>són nous</span> en<span> la</span> <span>codificació,</span> <span>es</span> <span>pretén que</span> <span>sigui útil</span> <span>per a qualsevol</span> <span>persona.</span></span></p> + +<h2 id="Elements_Basics">Elements Basics</h2> + +<p><span id="result_box" lang="ca"><span>Els</span> <span>elements</span> <span>bàsics</span> <span>són la columna</span> <span>vertebral de qualsevol</span> <span>document HTML.</span> <span>Veures</span> <span>aquests</span> <span>elements</span> <span>en el codi</span> <span>font</span> <span>de totes</span> <span>les pàgines</span> <span>web després de la</span> <span>declaració</span> <span>de tipus</span> <span>de document en</span> <span>la primera línia</span> <span>de la pàgina.</span> <span>El tipus de</span> <span>document especifica</span> <span>la versió de</span> <span>(</span><span>X</span><span>)</span> <span>HTML</span> <span>que la pàgina</span> <span>està</span> <span>utilitzant</span><span>.</span> <span>Els</span> <span>elements</span> <span>de pàgina</span> <span>es col·loquen entre</span> <span>l'obertura</span> <span><</span><span>html</span><span>></span> <span>i</span> <span>de tancament</span> <span><</span><span>/</span> <span>html</span><span>></span><span>, també anomenat</span> <span>l'element</span> <span>arrel.</span></span></p> + +<p>{{HTMLRefTable("HTML root element")}}</p> + +<h2 id="Les_metadades_de_document" style="line-height: 30px; font-size: 2.14285714285714rem;">L<span id="result_box" lang="ca"><span>es metadades</span> <span>de document</span></span></h2> + +<p><span id="result_box" lang="ca"><span>Les Metadades</span> <span>contenen informació</span> <span>sobre</span> <span>la pàgina.</span> <span>Això</span> <span>inclou</span> <span>informació</span> <span>sobre</span> <span>estils</span><span>, scripts</span> <span>i</span> <span>dades per ajudar</span> el <span>us del programari</span> </span> ({{Glossary("search engine", "search engines")}}, {{Glossary("Browser","browsers")}}, etc.) <span lang="ca"><span>en la representació de</span> <span>la pàgina.</span> <span>Les Metadades</span> <span>d'estils</span> <span>i</span> <span>scripts</span> <span>es</span> <span>podem definir en la mateixa</span> <span>pàgina o mitjançan un</span> <span>enllaç a un altre</span> <span>arxiu que</span> <span>conté</span> <span>la informació.</span></span></p> + +<p>{{HTMLRefTable("HTML document metadata")}}</p> + +<h2 id="Seccionament_del_contingut" style="line-height: 30px; font-size: 2.14285714285714rem;">Seccionament del contingut</h2> + +<p><span id="result_box" lang="ca"><span>Els elements</span> <span>de seccionament </span></span><span lang="ca"><span>de contingut</span> ens <span>permet organitzar</span> <span>el contingut del</span> <span>document</span> <span>en parts</span> <span>lògiques.</span> <span>Utilitzeu els</span> <span>elements</span> <span>de seccionament</span> <span>per crear un</span> <span>esquema general</span> <span>sobre el</span> <span>contingut de la</span> <span>pàgina</span><span>, incloent la</span> <span>capçalera</span> <span>i el peu</span> <span>de pàgina</span> <span>de navegació,</span> <span>i</span> <span>els</span> <span>elements</span> <span>d'encapçalament</span> <span>per</span> <span>identificar</span> <span>seccions</span> <span>de contingut.</span></span> </p> + +<p>{{HTMLRefTable("HTML sections")}}</p> + +<h2 id="El_contingut_del_Texte" style="line-height: 30px; font-size: 2.14285714285714rem;">El contingut del Texte</h2> + +<p><span id="result_box" lang="ca"><span>Utilitzeu els</span> <span>elements</span> <span>de contingut</span> <span>de text</span> <span>HTML per</span> <span>organitzar</span> <span>blocs</span> <span>o seccions</span> <span>de contingut</span> <span>col·locats</span> <span>entre les etiquetes d'obertura</span> <span><</span><span>body</span><span>></span> <span>i</span> <span>tancament</span> <span><</span><span>/</span> <span>body</span><span>></span><span>.</span> Es <span>Important</span> <span>per</span> </span>{{Glossary("accessibility")}} and {{Glossary("SEO")}}<span lang="ca"><span>, aquests</span> <span>elements</span> <span>s'identifiquen</span> <span>amb</span> <span>el propòsit o</span> <span>l'estructura d'aquest</span> <span>contingut.</span></span> </p> + +<p>{{HTMLRefTable("HTML grouping content")}}</p> + +<h2 id="Semàntica_de_text_en_línia" style="line-height: 30px; font-size: 2.14285714285714rem;">Semàntica de text en línia</h2> + +<p><span id="result_box" lang="ca"><span>Utilitzeu</span> <span>la semàntica</span> <span>de text en</span> <span>línia</span> <span>HTML</span> <span>per definir el</span> <span>significat,</span> <span>l'estructura</span> <span>o l'estil</span> <span>d'una</span> <span>paraula</span><span>, línia</span> <span>o porció</span> <span>de text.</span></span></p> + +<p>{{HTMLRefTable("HTML text-level semantics")}}</p> + +<h2 id="Imatge_i_multimèdia" style="line-height: 30px; font-size: 2.14285714285714rem;">I<span id="result_box" lang="ca"><span>matge</span> <span>i</span> <span>multimèdia</span></span></h2> + +<p><span id="result_box" lang="ca"><span>HTML</span> <span>permet</span> <span>utilitzar diversos</span> <span>recursos</span> <span>multimèdia,</span> <span>com</span> <span>imatges</span><span>, àudio</span> <span>i vídeo.</span></span></p> + +<p>{{HTMLRefTable("multimedia")}}</p> + +<h2 id="Contingut_incrustat" style="line-height: 30px; font-size: 2.14285714285714rem;">Contingut incrustat</h2> + +<p><span id="result_box" lang="ca"><span>Més</span> <span>enllà dels</span> <span>continguts</span> <span>multimèdia</span> <span>HTML,</span> <span>es pot</span> <span>incloure</span> <span>moltes</span> <span>altres continguts</span><span>, encara que no</span> <span>sempre</span> <span>és</span> <span>fàcil</span> <span>d'interactuar</span> <span>amb</span> <span>ells</span><span>.</span></span></p> + +<p>{{HTMLRefTable({"include":["HTML embedded content"], "exclude":["multimedia"]})}}</p> + +<h2 id="Scripts" style="line-height: 30px; font-size: 2.14285714285714rem;">Scripts</h2> + +<p>{{HTMLRefTable("HTML scripting")}}</p> + +<h2 id="Edits" style="line-height: 30px; font-size: 2.14285714285714rem;">Edits</h2> + +<p>{{HTMLRefTable("HTML edits")}}</p> + +<h2 id="Contingut_de_la_Taula" style="line-height: 30px; font-size: 2.14285714285714rem;">Contingut de la Taula</h2> + +<p><span id="result_box" lang="ca"><span>Son un </span><span>conjunt</span> <span>d'elements</span> <span>que estàn fets</span> <span>específicament</span> <span>per manejar</span> <span>dades</span> <span>tabulars.</span></span></p> + +<p>{{HTMLRefTable("HTML tabular data")}}</p> + +<h2 id="Formularis" style="line-height: 30px; font-size: 2.14285714285714rem;">Formularis</h2> + +<p>{{HTMLRefTable("HTML forms")}}</p> + +<h2 id="Elements_Interactius" style="line-height: 30px; font-size: 2.14285714285714rem;">Elements Interactius</h2> + +<p>{{HTMLRefTable("HTML interactive elements")}}</p> + +<h2 id="Components_Web" style="line-height: 30px; font-size: 2.14285714285714rem;">Components Web</h2> + +<div class="note"><strong>Aquests </strong>elements es defineixen en la {{Glossary("W3C","World Wide Web Consortium")}} (W3C) <a href="http://www.w3.org/TR/components-intro/" title="http://www.w3.org/TR/components-intro/">Collecció d'especificacions Components Web</a> en lloc de l'especificació HTML.</div> + +<p>{{HTMLRefTable({"include":["Web Components"],"elements":["decorator","shadow"]})}}</p> + +<h2 id="Elements_Obsolets_y_desaprovats" style="line-height: 30px; font-size: 2.14285714285714rem;">Elements Obsolets y desaprovats</h2> + +<div class="warning" style="font-size: 14px;"> +<p>Alguns vells elements HTML van ser desaprovats i el seu ús està totalment desaconsellat. Mai els ha d'utilitzar per un nou projecte i canviar-los en vells projectes. S'enumeren aquí, unicament, per informació.</p> +</div> + +<p>{{HTMLRefTable({"include":["Deprecated","Obsolete"]})}}</p> diff --git a/files/ca/web/html/element/input/index.html b/files/ca/web/html/element/input/index.html new file mode 100644 index 0000000000..7bcb9e749a --- /dev/null +++ b/files/ca/web/html/element/input/index.html @@ -0,0 +1,1532 @@ +--- +title: <input> +slug: Web/HTML/Element/input +tags: + - Element + - Forms + - HTML + - HTML forms + - HTML input tag + - MakeBrowserAgnostic + - NeedsBrowserCompatibility + - NeedsMobileBrowserCompatibility + - Reference + - Web +translation_of: Web/HTML/Element/input +--- +<div>{{HTMLRef}}</div> + +<h2 id="Sumari">Sumari</h2> + +<p>L'element HTML <code><input></code> s'utilitza per crear controls interactius per als formularis basats en la web per tal d'acceptar dades de l'usuari. Com un funciona <code>un <input></code> varia considerablement en funció del valor del seu atribut <code>type</code>.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, catalogable, enviable, reajustable, element associat a un formulari, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>. Si el {{htmlattrxref("type", "input")}} no és <code>hidden</code>, llavors l'element és etiquetable, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td>Cap, és un {{Glossary("empty element")}}.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td><span id="result_box" lang="ca"><span>Ha de tenir una</span> <span>etiqueta d'inici</span> <span>i</span> <span>no ha de tenir</span> <span>una etiqueta</span> <span>de tancament</span></span>.</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLInputElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="/en-US/docs/HTML/Global_attributes">atributs globals</a>, i els següents.</p> + +<dl> + <dt>{{htmlattrdef("type")}}</dt> + <dd>El tipus de control que es vol veure. El tipus predeterminat és text, si no s'especifica aquest atribut. Els valors possibles són: + <ul> + <li><code>button</code>: <span class="short_text" id="result_box" lang="ca"><span>Un</span> <span>polsador</span> <span>amb</span> <span>cap comportament</span> <span>predeterminat</span></span> .</li> + <li><code>checkbox</code>: Una casella de verificació. Ha d'utilitzar l'atribut <strong>value</strong> per definir el valor presentat per aquest concepte. Utilitzeu l'atribut <strong>checked</strong> per indicar si aquest element està seleccionat. També pot utilitzar l'atribut <strong>indeterminate</strong> (que només es pot establir mitjançant programació) per indicar que la casella de verificació es troba en un estat indeterminat (en la majoria de plataformes, això dibuixa una línia horitzontal a través de la casella de verificació).</li> + <li><code>color</code>: {{HTMLVersionInline("5")}} Un control per especificar un color. Una interfície d'usuari de selector de color no té característiques requerides per acceptar altres colors simples com text (<a href="http://www.w3.org/TR/html5/forms.html#color-state-(type=color)">més informació</a>).</li> + <li><code>date</code>: {{HTMLVersionInline("5")}} <span id="result_box" lang="ca"><span>Un control</span> <span>per</span> <span>introduir una</span> <span>data</span> <span>(</span><span>any, mes</span> <span>i dia,</span> <span>sense</span> <span>temps</span><span>)</span></span>.</li> + <li><code>datetime</code>: {{HTMLVersionInline("5")}} {{deprecated_inline}} {{obsolete_inline}} <span id="result_box" lang="ca"><span>Un control</span> <span>per</span> <span>introduir una</span> <span>data</span> <span>i hora</span> <span>(</span><span>hora</span><span>, minut</span><span>, segon i</span> <span>fracció</span> <span>de segon</span><span>)</span> <span>segons la zona</span> <span>horària</span> <span>UTC</span><span>.</span> <strong><span>Aquesta característica</span> </strong><a href="https://github.com/whatwg/html/issues/336">s'ha tret de WHATWG HTML</a></span>.</li> + <li><code>datetime-local</code>: {{HTMLVersionInline("5")}} <span id="result_box" lang="ca"><span class="alt-edited">Un control per introduir una data i hora, sense zona horària.</span></span></li> + <li><code>email</code>: {{HTMLVersionInline("5")}} Un camp per a l'edició d'una adreça de correu electrònic. El valor d'entrada es valida per contenir una cadena buida o una única adreça vàlida de correu electrònic abans d'enviar. Les pseudo-classes CSS {{cssxref(":valid")}} i {{cssxref(":invalid")}} s'aplicaran, segons escaigui.</li> + <li><code>file</code>: Un control que permet a l'usuari seleccionar un arxiu. Utilitzeu l'atribut <strong>accept</strong> per definir els tipus d'arxius que el control pot seleccionar.</li> + <li><code>hidden</code>: Un control que no es mostra, però el valor s'envia al servidor..</li> + <li><code>image</code>: Gràfic d'un botó d'enviament. Ha d'utilitzar l'atribut <strong>src</strong> per definir l'origen de la imatge i l'atribut <strong>alt</strong> per definir un text alternatiu. Podeu utilitzar els atributs <strong>height</strong> i <strong>width</strong> per definir la mida de la imatge en píxels.</li> + <li><code>month</code>: {{HTMLVersionInline("5")}} <span id="result_box" lang="ca"><span>Un control</span> <span>per a la</span> <span>introducció d'un</span> <span>mes i</span> <span>any,</span> <span>sense</span> <span>zona</span> <span>horària</span></span>.</li> + <li><code>number</code>: {{HTMLVersionInline("5")}} <span id="result_box" lang="ca"><span>Un control</span> <span>per introduir un</span> <span>nombre</span> <span>de coma</span> <span>flotant.</span></span></li> + <li><code>password</code>: Un camp de text d'una sola línia el valor de la qual està enfosquida. Utilitzeu l'atribut <strong>maxlength</strong> per especificar la longitud màxima del valor que es pot introduir.</li> + <li><code>radio</code>: Un botó radio. Ha d'utilitzar l'atribut <strong>value</strong> per definir el valor presentat per aquest concepte. Utilitzeu l'atribut <strong>checked</strong> per indicar si l'element està seleccionat per defecte. Els botons radio que tenen el mateix valor per l'atribut <strong>name</strong> estan en el mateix "grup de botons radio". Només un botó radio en un grup pot ser seleccionat alhora.</li> + <li><code>range</code>: {{HTMLVersionInline("5")}} Un control per a la introducció d'un nombre el valor exacte no és important.Aquest tipus de control utilitza els següents valors per defecte si no s'especifiquen els atributs corresponents: + <ul> + <li><code>min</code>: 0</li> + <li><code>max</code>: 100</li> + <li><code>value</code>: <code>min</code> + (<code>max -</code> <code>min</code>) / 2, o <code>min</code> si <code>max</code> es més petit que <code>min</code></li> + <li><code>step</code>: 1</li> + </ul> + </li> + <li><code>reset</code>: Un botó que restableix el contingut del formulari als valors predeterminats.</li> + <li><code>search</code>: {{HTMLVersionInline("5")}} Un camp de text d'una sola línia per introduir cadenes de cerca. Els salts de línia s'eliminen automàticament del valor d'entrada.</li> + <li><code>submit</code>: <span class="short_text" id="result_box" lang="ca"><span>Un botó</span> <span>que envia</span> <span>el formulari.</span></span></li> + <li><code>tel</code>: {{HTMLVersionInline("5")}} Un control per introduir un número de telèfon. Els salts de línia s'eliminen automàticament del valor d'entrada, però cap altra sintaxi es obligatoria. Podeu utilitzar els atributs com <strong>pattern</strong> i <strong>maxlength</strong> per restringir els valors introduïts en el control. Les pseudo-classes CSS {{cssxref(":valid")}} i {{cssxref(":invalid")}} s'aplicaran, segons escaigui.</li> + <li><code>text</code>: Un camp de text d'una sola línia. Els salts de línia s'eliminen automàticament del valor d'entrada.</li> + <li><code>time</code>: {{HTMLVersionInline("5")}} Un control per introduir un valor de temps sense zona horària.</li> + <li><code>url</code>: {{HTMLVersionInline("5")}} Un camp per l'edició d'una adreça URL. El valor d'entrada es valida per contenir una cadena buida o una adreça URL absoluta vàlida abans d'enviar. Els salts de línia i espais en blanc inicials o finals s'eliminen automàticament del valor d'entrada. Podeu utilitzar els atributs <strong>pattern</strong> i <strong>maxlength</strong> per restringir els valors introduïts en el control. Les pseudo-classes CSS {{cssxref(":valid")}} and {{cssxref(":invalid")}} s'aplicaran, segons escaigui.</li> + <li><code>week</code>: {{HTMLVersionInline("5")}} Un control per a la introducció d'una data que consta d'un nombre de setmana-any i un nombre de setmana sense zona horària.</li> + </ul> + </dd> + <dt>{{htmlattrdef("accept")}}</dt> + <dd>Si el valor de l'atribut <strong>type</strong> és <code>file</code>, llavors aquest atribut indica els tipus d'arxius que accepta el servidor, en cas contrari s'ignorarà. El valor ha de ser una llista separada per comes d'especificadors de tipus de contingut únic: + <ul> + <li>Una extensió d'arxiu que comença amb el caràcter STOP (U+002E). (Per exemple.: ".jpg, .png, .doc")</li> + <li>Un tipus MIME vàlid sense extensions</li> + <li><code>audio/*</code> representa arxius de so {{HTMLVersionInline("5")}}</li> + <li><code>video/*</code> represent arxius de vídeo {{HTMLVersionInline("5")}}</li> + <li><code>image/*</code> representa arxius d'imatge {{HTMLVersionInline("5")}}</li> + </ul> + </dd> + <dt>{{htmlattrdef("accesskey")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline", "HTML5")}}</dt> + <dd><span id="result_box" lang="ca"><span>Un únic</span> <span>caràcter</span> <span>que l'usuari pot</span> <span>pressionar</span> <span>per canviar</span> <span>el focus</span> <span>d'entrada al</span> <span>control.</span> <span>Aquest</span> <span>atribut</span> <span>és global</span> <span>en HTML5.</span></span></dd> + <dt>{{htmlattrdef("mozactionhint")}} {{non-standard_inline}}</dt> + <dd>Especifica una "acció suggerida" que s'utilitza per determinar com etiquetar la tecla enter en dispositius mòbils amb teclats virtuals. Els valors admesos són <code>go</code>, <code>done</code>, <code>next</code>, <code>search</code>, i <code>send</code>. Aquests queden automàticament assignats a la cadena apropiada i són sensibles a majúscules.</dd> + <dt>{{htmlattrdef("autocapitalize")}} {{non-standard_inline}}</dt> + <dd>Aquest és un atribut no estàndard usat <a href="https://developers.google.com/web/updates/2015/04/autocapitalize">per Chrome</a> i Safari mòbil iOS, que controla si i com el valor de text ha de ser amb majúscula automàticament a mesura que s'introdueix/edita per l'usuari. Els valors ja no estan disponibles en iOS 5 i posterior. Els valors possibles són: + <ul> + <li><code>none</code>: Desactiva completament l'establiment automàtic en majúscules</li> + <li><code>sentences</code>: Posa automàticament en majúscula la primera lletra d'una oració.</li> + <li><code>words</code>: Posa automàticament en majúscula la primera lletra de les paraules.</li> + <li><code>characters</code>: Posa automàticament en majúscula tots els caràcters.</li> + <li><code>on</code>: {{deprecated_inline}} Desaprovat des de iOS 5.</li> + <li><code>off</code>: {{deprecated_inline}} Desaprovat des de iOS 5.</li> + </ul> + <a href="https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/Attributes.html#//apple_ref/doc/uid/TP40008058-autocapitalize">documentació <code>autocapitalize</code> Referència HTML Safari</a></dd> + <dt>{{htmlattrdef("autocomplete")}} {{HTMLVersionInline("5")}}</dt> + <dd>Aquest atribut indica si el valor del control pot ser completar automàticament pel navegador.</dd> + <dd><span class="short_text" id="result_box" lang="ca"><span>Els</span> <span>valors</span> <span>possibles</span> <span>són</span></span>: + <ul> + <li><code>off</code>: L'usuari ha d'introduir explícitament un valor en aquest camp per a cada ús, o el document proporciona el seu propi mètode d'autocompletat. El navegador no completa automàticament l'entrada.</li> + <li><code>on</code>: Es permet que el navegador completi automàticament el valor basat en valors que l'usuari hi hagi entrat en usos anteriors, però no obstant això no proporciona cap altra informació sobre quins tipus de dades es podria esperar que l'usuari entrés.</li> + <li><code>name</code>: <span class="short_text" id="result_box" lang="ca"><span>Nom complet</span></span></li> + <li><code>honorific-prefix: </code>Prefix or title (e.g. "Mr.", "Ms.", "Dr.", "Mlle")</li> + <li><code>given-name </code>(nom)</li> + <li><code>additional-name</code></li> + <li><code>family-name</code></li> + <li><code>honorific-suffix</code>: Suffix (e.g. "Jr.", "B.Sc.", "MBASW", "II")</li> + <li><code>nickname</code></li> + <li><code>email</code></li> + <li><code>username</code></li> + <li><code>new-password</code>: Una nova contrasenya (per exemple, en crear un compte o canviar una contrasenya)</li> + <li><code>current-password</code></li> + <li><code>organization-title</code>: Càrrec del lloc de treball (e.g. "Software Engineer", "Senior Vice President", "Deputy Managing Director")</li> + <li><code>organization</code></li> + <li><code>street-address</code></li> + <li><code>address-line1</code>, <code>address-line2</code>, <code>address-line3</code>, <code>address-level4</code>, <code>address-level3</code>, <code>address-level2</code>, <code>address-level1</code></li> + <li><code>country</code></li> + <li><code>country-name</code></li> + <li><code>postal-code</code></li> + <li><code>cc-name</code>: Nom complet, tal com figura en l'instrument de pagament</li> + <li><code>cc-given-name</code></li> + <li><code>cc-additional-name</code></li> + <li><code>cc-family-name</code></li> + <li><code>cc-number</code>: <span id="result_box" lang="ca"><span>Codi que</span> <span>identifica</span> <span>l'instrument de</span> <span>pagament</span> <span>(</span><span>per exemple, el</span> <span>número de targeta de</span> <span>crèdit</span><span>)</span></span></li> + <li><code>cc-exp:</code> Data de caducitat <span id="result_box" lang="ca"><span>de l'instrument de</span> <span>pagament</span></span></li> + <li><code>cc-exp-month</code></li> + <li><code>cc-exp-year</code></li> + <li><code>cc-csc</code>: Codi de seguretat <span id="result_box" lang="ca"><span>de l'instrument de</span> <span>pagament</span></span></li> + <li><code>cc-type</code>: Tipy d'<span id="result_box" lang="ca"><span>instrument de</span> <span>pagament</span></span> (e.g. Visa)</li> + <li><code>transaction-currency</code></li> + <li><code>transaction-amount</code></li> + <li><code>language</code>: <span class="short_text" id="result_box" lang="ca"><span>Idioma preferit;</span> <span>Vàlid</span> l'<span>etiqueta</span> <span>d'idioma</span> <span>BCP</span> <span>47</span></span></li> + <li><code>bday</code></li> + <li><code>bday-day</code></li> + <li><code>bday-month</code></li> + <li><code>bday-year</code></li> + <li><code>sex</code>: <span id="result_box" lang="ca"><span>La identitat</span> <span>de gènere</span> <span>(</span><span>per</span> <span>exemple</span> <span>femella</span><span>,</span> <span>fa'afafine</span><span>)</span><span>;</span> <span>Text</span> <span>lliure</span><span>, no hi ha</span> <span>salts</span> <span>de línia</span></span></li> + <li><code>tel</code></li> + <li><code>url</code>: Pàgina d'inici o altra pàgina web corresponent a l'empresa, persona, adreça, o informació de contacte en els altres camps relacionats amb aquest camp</li> + <li><code>photo</code>: Fotografia, icona, o una altra imatge que corresponguia a l'empresa, persona, adreça, o informació de contacte en els altres camps relacionats amb aquest camp</li> + </ul> + + <p>Veure <a href="https://html.spec.whatwg.org/multipage/forms.html#autofill">WHATWG Standard</a> per informació més detallada.</p> + + <p>Si l'atribut <strong>autocomplete</strong> no s'especifica en un element d'entrada, llavors el navegador utilitza el valor de l'atribut <strong>autocomplete</strong> de l'element <code><input></code> propietari del formulari. El propietari del formulari és o bé l'element <code>form</code> en que l'element <code><input></code> és un descendent, o l'element form en que el <strong>id</strong> és especificat per l'atribut <strong>form</strong> de l'element input. Per obtenir més informació, consulteu l'attribute {{htmlattrxref("autocomplete", "form")}} en {{HTMLElement("form")}}.</p> + + <p>L'atribut <strong>autocomple</strong> també controla si Firefox, a diferència d'altres navegadors, <a href="http://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing">persisteix l'estat dinàmic deshabilitat i (si escau) checkedness dinàmic</a> d'un <code><input></code> a través de les càrregues de pàgines. La funció de persistència està activat per defecte. En establir el valor de l'atribut <strong>autocomplete</strong> a <code>off</code> desactiva aquesta. Això funciona fins i tot quan l'atribut <strong>autocomplete</strong> preferis que no s'apliques normalment en el <code><input></code> en virtut del seu <strong>type</strong>. Veure{{bug(654072)}}.</p> + Per a la majoria dels navegadors moderns (incloent Firefox 38+, Google Chrome 34+, 11+ IE) establir l'atribut <strong>autocomplete</strong> <em>no</em> impedirà que l'administrador de contrasenyes del navegador preguntar a l'usuari si desitja emmagatzemar els camps d'inici de sessió (nom d'usuari i contrasenya) i, si estan d'acord, de fer-ho de forma automàtica a l'inici de sessió de la propera vegada que l'usuari visiti la pàgina. Veure <a href="https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion#The_autocomplete_attribute_and_login_fields">L'atribut autocomplete i els camps d'inici de sessió</a>.</dd> + <dt>{{htmlattrdef("autocorrect")}} {{non-standard_inline}}</dt> + <dd><span id="result_box" lang="ca"><span class="alt-edited">Aquest és un atribut no estàndard amb el suport de Safari que s'utilitza per controlar si s'ha d'habilitar la correcció automàtica quan l'usuari està entrant/editan el valor de text del <input>. Els posibles valors del atribut son:</span></span> + <ul> + <li><code>on</code>: Activar la correcció automàtica</li> + <li><code>off</code>: Desactivar la correcció automàtica</li> + </ul> + <a href="https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/Attributes.html#//apple_ref/doc/uid/TP40008058-autocorrect"><code>documentació autocorrect</code> Referència HTML Safari</a></dd> + <dt>{{htmlattrdef("autofocus")}} {{HTMLVersionInline("5")}}</dt> + <dd>Aquest atribut booleà permet especificar que un control de formulari ha de tenir el focus d'entrada quan es carrega la pàgina, llevat que l'usuari el redefineixi, per exemple escrivint en un control diferent. Només un element de formulari en un document pot tenir l'atribut <strong>autofocus</strong>, el qual és un valor booleà. No es pot aplicar si l'atribut <strong>type</strong> està configurat com ocult (és a dir, no es pot establir automàticament el focus a un control ocult). Recordeu que l'enfocament del control pot ocórrer abans de l'activació de <a href="https://developer.mozilla.org/en-US/docs/Web/Events/DOMContentLoaded">l'event DOMContentLoaded.</a></dd> + <dt>{{htmlattrdef("capture")}}</dt> + <dd> + <p>Quan el valor de l'atribut type és <code>file</code>, la presència d'aquest atribut booleà indica que la captura dels medis és fa directament des de l'entorn del dispositiu mitjançant un <a href="https://www.w3.org/TR/html-media-capture/#dfn-media-capture-mechanism">mecanisme de captura dels medis</a> preferits.</p> + </dd> + <dt>{{htmlattrdef("checked")}}</dt> + <dd> + <p>Quan el valor de l'atribut <strong>type</strong> és <code>radio</code> o <code>checkbox</code>, la presència d'aquest atribut booleà indica que el control està seleccionat per defecte, altrament s'ignora.</p> + + <p>Firefox, a diferència d'altres navegadors, per defecte, <a href="http://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing">persistirà la comprovació dinàmica de l'estat</a> d'un <code><input></code> a través de les càrregues de les pàgines. Utilitzar l'atribut {{htmlattrxref("autocomplete","input")}} per controlar aquesta funció.</p> + </dd> + <dt>{{htmlattrdef("disabled")}}</dt> + <dd> + <p>Aquest atribut booleà indica que el control de formulari no està disponible per a la interacció. En particular, l'event <code>click</code> <a href="https://html.spec.whatwg.org/multipage/forms.html#enabling-and-disabling-form-controls:-the-disabled-attribute">no serà enviat</a> en els controls deshabilitats. A més, el valor d'un control deshabilitat no s'envia amb el formulari.</p> + + <p>Firefox, a diferència d'altres navegadors, per defecte, <a href="http://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing">persisteixi l'estat dinàmic desactivat</a> d'un <code><input></code> a través de les càrregues de les pàgines. Utilitzar l'atribut {{htmlattrxref("autocomplete","input")}} per controlar aquesta funció.</p> + </dd> + <dt>{{htmlattrdef("form")}} {{HTMLVersionInline("5")}}</dt> + <dd>L'element formulari al que està associat amb un element input (el seu <em>propietari de formulari</em>). El valor de l'atribut ha de ser un <strong>id</strong> d'un element {{HTMLElement ( "form")}} del mateix document. Si no s'especifica aquest atribut, aquest element <code><input></code> ha de ser un descendent d'un element {{HTMLElement ( "form")}}. Aquest atribut li permet col·locar elements <code><input></code> en qualsevol part d'un document, no només com a descendents dels seus elements de formulari. Una entrada només pot associar-se a un formulari.</dd> + <dt>{{htmlattrdef("formaction")}} {{HTMLVersionInline("5")}}</dt> + <dd>L'URI d'un programa que processa la informació presentada per l'element input, si es tracta d'un botó d'enviament o una imatge. Si s'especifica, reemplaça l'atribut {{htmlattrxref ( "action", "form")}} propietari del formulari de l'element.</dd> + <dt>{{htmlattrdef("formenctype")}} {{HTMLVersionInline("5")}}</dt> + <dd>Si l'element d'entrada és un botó d'enviament o imatge, aquest atribut especifica el tipus de contingut que s'utilitza per enviar el formulari al servidor. Els valors possibles són: + <ul> + <li><code>application/x-www-form-urlencoded</code>: El valor per defecte si no s'especifica l'atribut.</li> + <li><code>multipart/form-data</code>: Utilitzeu aquest valor si està utilitzant un element <code><input></code> amb l'atribut {{htmlattrxref("type","input")}} establert a <code>file</code>.</li> + <li><code>tex/pla</code></li> + </ul> + + <p>Si s'especifica aquest atribut, anul·la l'atribut {{htmlattrxref("enctype","form")}} del propietari del formulario de l'element..</p> + </dd> + <dt>{{htmlattrdef("formmethod")}} {{HTMLVersionInline("5")}}</dt> + <dd>Si l'element d'entrada és un botó d'enviament o la imatge, aquest atribut especifica el mètode HTTP que el navegador utilitza per enviar el formulari. Els valors possibles són: + <ul> + <li><code>post</code>: Les dades del formulari s'inclouen en el cos del formulari i s'envia al servidor.</li> + <li><code>get</code>: Les dades del formulari s'adjuntan a l'atribut URI, amb un '?' com un separador, i l'URI resultant s'envia al servidor. Utilitzeu aquest mètode quan el formulari no té efectes secundaris i conté només caràcters ASCII.</li> + </ul> + + <p>Si s'especifica, aquest atribut anul·la l'atribut {{htmlattrxref("method","form")}} del propietari del formulario de l'element.</p> + </dd> + <dt>{{htmlattrdef("formnovalidate")}} {{HTMLVersionInline("5")}}</dt> + <dd> + <p>Si l'element input és un botó d'enviament o imatge, aquest atribut booleà especifica que el formulari no ha de ser validat quan s'envïi. Si no s'especifica aquest atribut, s'anul·la l'atribut {{htmlattrxref("novalidate","form")}} del propietari del formulario de l'element.</p> + </dd> + <dt>{{htmlattrdef("formtarget")}} {{HTMLVersionInline("5")}}</dt> + <dd>Si l'element input és un botó d'enviament o imatge, aquest atribut és un nom o una paraula clau que indica on s'ha de mostrar la resposta que es rep després d'enviar el formulari. Es tracta d'un nom, o una paraula clau per a un <em>context de navegació</em> (per exemple, pestanya, finestra o marc en línia). Si no s'especifica aquest atribut, s'anul·la l'atribut {{htmlattrxref("target", "form")}} del propietari del formulario dels elements. Les següents paraules clau tenen un significat especial: + <ul> + <li>_<code>self</code>: Carregar la resposta en el mateix context de navegació com l'actual. Aquest valor és el valor per defecte si no s'especifica l'atribut.</li> + <li><code>_blank</code>: Carregar la resposta en un nou context de navegació sense nom.</li> + <li><code>_parent</code>: Carregar la resposta en el context de navegació del pare de l'actual. Si no hi ha pare, aquesta opció es comporta de la mateixa manera que <code>_self</code>.</li> + <li><code>_top</code>: Carregar la resposta en el context de navegació de nivell superior (és a dir, el context de navegació que és un ancestre de l'actual, i no té pare). Si no hi ha pare, aquesta opció es comporta de la mateixa manera que <code>_self</code>.</li> + </ul> + </dd> + <dt>{{htmlattrdef("height")}} {{HTMLVersionInline("5")}}</dt> + <dd>Si el valor de l'atribut <strong>type</strong> és <code>image</code>, aquest atribut defineix l'altura de la imatge mostrada per al botó.</dd> + <dt>{{htmlattrdef("incremental")}} {{non-standard_inline}}</dt> + <dd>Aquest és un atribut no estàndard amb el suport de WebKit (Safari) i Blink (Chrome) que només s'aplica quan <strong>type</strong> és <code>serach</code>. Si l'atribut és present, sense importar quin és el seu valor, els elements <code><input></code> desencadena esdeveniments <a href="/en-US/docs/Web/Events/search"><code>search</code></a> que l'usuari edita el valor de text. L'esdeveniment només s'activa després d'un temps d'espera definit per la implementació que ha transcorregut des de l'última pulsació de tecla; noves pulsacions de tecles restableixen el temps d'espera. En altres paraules, l'activació de l'esdeveniment es retornat. Si l'atribut està absent, l'esdeveniment <a href="/en-US/docs/Web/Events/search"><code>search</code></a> només s'activa quan l'usuari inicia una recerca explícita (per exemple, prement la tecla Retorn mentre es trobin dins el camp). <a href="https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/Attributes.html#//apple_ref/doc/uid/TP40008058-incremental"> documentation <code>incremental</code> HTML Reference Safari.</a></dd> + <dt>{{htmlattrdef("inputmode")}} {{HTMLVersionInline("5")}}</dt> + <dd>Un suggeriment per al navegador per a quin teclat es mostrarà. Aquest atribut s'aplica quan el valor de l'atribut <strong>type</strong> és text, password, email o url. Els valors possibles són: + <ul> + <li><code>verbatim</code>: Alfanumèric, contingut que no sigui amb prosa com noms d'usuari i contrasenyes.</li> + <li><code>latin</code>: Entrada amb alfabet <em>llatí</em> en l'idioma preferit de l'usuari amb ajudes a escriure com activar la predicció de text. Per a la comunicació de persona a ordinador, com ara quadres de cerca.</li> + <li><code>latin-name</code>: Com <em>llatí</em>, però per als noms humans.</li> + <li><code>latin-prose</code>: Com <em>llatí,</em> però amb ajudes d'escriptura molt més agressives. Per comunicació humà a humà com la missatgeria instantània o correu electrònic.</li> + <li><code>full-width-latin</code>: Com prosa <em>llatí</em>, però per a les llengües secundàries de l'usuari.</li> + <li><code>kana</code>: Entrada Kana o romaji, entrada típicament hiragana, utilitzant caràcters d'ample complet, amb suport per a la conversió a kanji. Destinat a l'entrada de text japonès.</li> + <li><code>katakana</code>: Entrada Katakana, utilitzant caràcters d'ample complet, amb suport per a la conversió a kanji. Destinat a l'entrada de text japonès.</li> + <li><code>numeric</code>: Entrada d'un número, incloent tecles per als dígits 0 a 9, el caràcter separador de milers preferit de l'usuari, i el caràcter per indicar nombres negatius. Destinat als codis numèrics, per exemple, números de targetes de crèdit. Per als nombres reals, prefereixen utilitzar <input type="number">.</li> + <li><code>tel</code>: Entrada de telèfon, incloent l'asterisc i la tecla numeral. Utilitzeu en el seu lloc si és possible <input type = "tel">.</li> + <li><code>email</code>: Entrada de correu electrònic. Utilitzeu en el seu lloc si és possible <input type = "email">.</li> + <li><code>url</code>: Entrada d'URL. Utilitzeu en el seu lloc si és possible <input type = "url">.</li> + </ul> + </dd> + <dt>{{htmlattrdef("list")}} {{HTMLVersionInline("5")}}</dt> + <dd>Identifica una llista d'opcions predefinides per suggerir a l'usuari. El valor ha de ser l'<strong>id</strong> d'un element {{HTMLElement("datalist")}} en el mateix document. El navegador mostra únicament les opcions que són valors vàlids per a aquest element d'entrada. Aquest atribut s'ignora quan els valors de l'atribut type son <code>hidden</code>, <code>checkbox</code>, <code>radio</code>, <code>file</code>, o un tipus button.</dd> + <dt>{{htmlattrdef("max")}} {{HTMLVersionInline("5")}}</dt> + <dd>El valor màxim (numèric o de data i hora) per a aquest element, que no ha de ser inferior al seu valor mínim (atribut <strong>min</strong>).</dd> + <dt>{{htmlattrdef("maxlength")}}</dt> + <dd>Si el valor de l'atribut <strong>type</strong> és <code>text</code>, <code>email</code>, <code>search</code>, <code>password</code>, <code>tel</code> o <code>url</code>, aquest atribut especifica el nombre màxim de caràcters (en punts de codi Unicode) que l'usuari pot entrar; per a altres tipus de control, s'ignora. Es pot excedir el valor de l'atribut <strong>size</strong>. Si no s'especifica, l'usuari pot introduir un nombre il·limitat de caràcters. Especificar un nombre negatiu dóna com resultat el comportament predeterminat; és a dir, l'usuari pot introduir un nombre il·limitat de caràcters. La restricció s'avalua només quan s'ha canviat el valor de l'atribut.</dd> + <dt>{{htmlattrdef("min")}} {{HTMLVersionInline("5")}}</dt> + <dd>El valor mínim (numèric o de data i hora) per a aquest element, que no ha de ser superior al seu valor màxim (atribut <strong>max</strong>).</dd> + <dt>{{htmlattrdef("minlength")}} {{HTMLVersionInline("5")}}</dt> + <dd>i el valor de l'atribut <strong>type</strong> és <code>text</code>, <code>email</code>,<code> search</code>, <code>password</code>, <code>tel</code>, or <code>url,</code> aquest atribut especifica el nombre mínim de caràcters (en punts de codi Unicode) que l'usuari pot entrar; per a altres tipus de control, s'ignora.</dd> + <dt>{{htmlattrdef("multiple")}} {{HTMLVersionInline("5")}}</dt> + <dd>Aquest atribut booleà indica si l'usuari pot introduir més d'un valor. Aquest atribut s'aplica quan l'atribut <strong>type</strong> s'estableix en <code>email</code> o <code>file</code>; en cas contrari, s'ignora.</dd> + <dt>{{htmlattrdef("name")}}</dt> + <dd><span id="result_box" lang="ca"><span>El nom</span> <span>del control,</span> <span>que es presenta</span> <span>amb</span> <span>les dades del</span> <span>formulari.</span></span></dd> + <dt>{{htmlattrdef("pattern")}} {{HTMLVersionInline("5")}}</dt> + <dd>Una expressió regular en que el valor del control es compara. El patró ha de coincidir amb la totalitat del valor, i no només un subconjunt. Utilitzeu l'atribut <strong>title</strong> per descriure el patró per ajudar l'usuari. Aquest atribut s'aplica quan el valor de l'atribut <strong>type</strong> és <code>search</code>, <code>tel</code>, <code>url</code>, <code>email</code> o <code>password</code>; en cas contrari, s'ignora. El llenguatge d'expressions regulars és el mateix que l'algoritme de JavaScript {{jsxref("RegExp")}}, amb el paràmetre <code>'u'</code> que fa que sigui tractar el patró com una seqüència de punts de codi Unicode. El patró no està envoltat per barres inclinades.</dd> + <dt>{{htmlattrdef("placeholder")}} {{HTMLVersionInline("5")}}</dt> + <dd><span id="result_box" lang="ca"><span>Un suggeriment</span> <span>a l'usuari</span> <span>del que</span> <span>pot ser introduït</span> <span>en el control.</span> <span>El text del</span> <span>marcador</span> <span>no ha de contenir</span> <span>retorns</span> <span>de carro</span> <span>o</span> <span>salts</span> <span>de líni.</span></span> + <div class="note"><strong>Nota:</strong> No utilitzeu el atribut marcador de posició en lloc d'un element {{HTMLElement("label")}}. Els seus propòsits són diferents: l'atribut {{HTMLElement("label")}} descriu el paper de l'element de formulari; és a dir, que indica quin tipus d'informació s'espera, l'atribut de marcador de posició és una pista sobre el format del contingut que ha de prendre. Hi ha casos en què l'atribut marcador de posició no es mostra a l'usuari, pel que el formulari ha de ser comprensible sense ell.</div> + </dd> + <dt>{{htmlattrdef("readonly")}} {{HTMLVersionInline("5")}}</dt> + <dd>Aquest atribut indica que l'usuari no pot modificar el valor del control. El valor de l'atribut és irrellevant. Si necessita accés de lectura i escriptura al valor d'entrada, <em>no</em> afegiu l'atribut "<strong>readonly</strong>". S'ignora si el valor de l'atribut <strong>type</strong> és <code>hidden</code>, <code>range</code>, <code>color</code>, <code>checkbox</code>, <code>radi</code>o, file o un type button (així com <code>button</code> o <code>submit</code>).</dd> + <dt>{{htmlattrdef("required")}} {{HTMLVersionInline("5")}}</dt> + <dd>Aquest atribut especifica que l'usuari ha d'omplir un valor abans d'enviar un formulari. No es pot utilitzar quan l'atribut<strong> type</strong> és <code>hidden</code>, <code>image</code> o un type button (<code>submit</code>, <code>reset</code>, o <code>button</code>). Les pseudo-classes CSS {{cssxref(":optional")}} i {{cssxref(":required")}} s'aplicaran al camp segons correspongui.</dd> + <dt>{{htmlattrdef("results")}} {{non-standard_inline}}</dt> + <dd>Aquest és un atribut no estàndard amb el suport de Safari que només s'aplica quan <strong>type</strong> és <code>search</code>. S'utilitza per controlar el nombre màxim d'entrades que han de mostrar-se en la llista desplegable nadiva de <code><input></code> de les consultes de cerca anteriors.El seu valor ha de ser un enter decimal no negatiu.</dd> + <dt>{{htmlattrdef("selectionDirection")}} {{HTMLVersionInline("5")}}</dt> + <dd><span id="result_box" lang="ca"><span class="alt-edited">La direcció en què es va produir la selecció. Això és "</span></span>forward<span lang="ca"><span class="alt-edited">" (cap endevant) si la selecció es va fer d'esquerra a dreta en una configuració regional LTR o de dreta a esquerra en un local RTL, o "</span></span>backward<span lang="ca"><span class="alt-edited">" (</span></span><span id="result_box" lang="ca"><span class="alt-edited">cap enrere</span></span>) <span lang="ca"><span class="alt-edited">si la selecció es va fer en la direcció oposada. Això pot ser "</span></span>none<span lang="ca"><span class="alt-edited">" (cap) si la direcció de selecció és desconeguda.</span></span></dd> + <dt>{{htmlattrdef("selectionEnd")}}</dt> + <dd>El desplaçament en el contingut de text de l'element de l'últim caràcter seleccionat. Si no hi ha selecció, aquest valor indica el desplaçament al caràcter següent a la posició actual del cursor d'entrada de text (és a dir, la posició que ocuparia del següent caràcter teclejat).</dd> + <dt>{{htmlattrdef("selectionStart")}}</dt> + <dd>El desplaçament en el contingut de text de l'element del caràcter seleccionat en primer lloc. Si no hi ha selecció, aquest valor indica el desplaçament al caràcter següent a la posició actual del cursor d'entrada de text (és a dir, la posició que ocuparia del següent caràcter teclejat).</dd> + <dt>{{htmlattrdef("size")}}</dt> + <dd>La mida inicial del control. Aquest valor és en píxels llevat que el valor de l'atribut <strong>type</strong> és <code>text</code> o <code>password</code>, en aquest cas, és un nombre enter de caràcters. A partir d'HTML5, aquest atribut s'aplica només quan l'atribut <strong>type</strong> s'estableix en <code>text</code>, <code>search</code>, <code>tel</code>, <code>url</code>, <code>email</code> o <code>password</code>; en cas contrari, s'ignora. A més, la mida ha de ser més gran que zero. Si no s'especifica una mida, s'utilitza un valor predeterminat de 20. HTML5 es limita a establir "l'agent d'usuari ha d'assegurar que almenys molts caràcters siguin visibles", però diferents caràcters poden tenir diferents amplades en certes fonts; en alguns navegadors, una determinada cadena de caràcters <em>x</em> no serà completament visible, fins i tot si es defineix la mida d'almenys en <em>x</em>.</dd> + <dt>{{htmlattrdef("spellcheck")}} {{HTMLVersionInline("5")}}</dt> + <dd>Establir el valor d'aquest atribut en <code>true</code> indica que l'element ha de tenir la seva ortografia i gramàtica comprovada. El valor per omissió indica que l'element té que actuar d'acord amb un comportament predeterminat, possiblement basat en el propi valor <code>spellcheck</code> de l'element pare . El valor <code>false</code> indica que l'element no ha de ser comprovat</dd> + <dt>{{htmlattrdef("src")}}</dt> + <dd>Si el valor de l'atribut <strong>type</strong> es <code>image</code>, aquest atribut especifica una URI per a la ubicació d'una imatge que es mostrarà en el botó gràfic d'enviament; en cas contrari, s'ignora.</dd> + <dt>{{htmlattrdef("step")}} {{HTMLVersionInline("5")}}</dt> + <dd>Treballa amb dels atributs <strong>mín</strong> i <strong>max</strong> per limitar els increments en la qual es pot establir un valor numèric o de data i hora. Pot ser una cadena qualsevol o d'un nombre de coma flotant positiva. Si aquest atribut no està establert a qualsevol, el control només accepta valors en múltiples del valor de pas major que el mínim.</dd> + <dt>{{htmlattrdef("tabindex")}} element-specific in {{HTMLVersionInline(4)}}, global in {{HTMLVersionInline("5")}}</dt> + <dd><span id="result_box" lang="ca"><span>La posició</span> <span>de l'element</span> <span>en l'ordre</span> <span>de navegació</span> <span>de pestanyes</span> <span>del document</span> <span>actual.</span></span></dd> + <dt>{{htmlattrdef("usemap")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline", "HTML5")}}</dt> + <dd> + <p>El nom d'un element {{HTMLElement("map")}} que s'utilitzarà com un mapa d'imatge.</p> + </dd> + <dt>{{htmlattrdef("value")}}</dt> + <dd>El valor inicial del control. Aquest atribut és opcional, excepte quan el valor de l'atribut <strong>type</strong> és <code>radio</code> o <code>checkbox</code><br> + Recordeu que en tornar a carregar la pàgina, Gecko i IE <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=46845#c186">ignoraran el valor especificat en el codi HTML</a>, si el valor va ser canviat abans de la recàrrega</dd> + <dt>{{htmlattrdef("webkitdirectory")}} {{non-standard_inline}}</dt> + <dd>Aquest atribut booleà indica si el selector s'utilitza quan l'atribut <strong>type</strong> és <code>file</code> per permetre la selecció de només directoris.</dd> + <dt>{{htmlattrdef("width")}} {{HTMLVersionInline("5")}}</dt> + <dd>Si el valor de l'atribut <strong>type</strong> és <code>image</code>, aquest atribut defineix l'amplada de la imatge visualitzada per al botó.</dd> + <dt>{{htmlattrdef("x-moz-errormessage")}} {{non-standard_inline}}</dt> + <dd>Aquesta extensió de Mozilla li permet especificar el missatge d'error que es mostrarà quan un camp no és valida correctament.</dd> +</dl> + +<h2 id="Notes">Notes</h2> + +<h3 id="Entrades_d'arxius">E<span class="short_text" id="result_box" lang="ca"><span>ntrades</span> <span>d'arxius</span></span></h3> + +<div class="note"> +<p><strong>Not:</strong> A partir de {{Gecko("2.0")}}, cridar al mètode click() en un element <code><input></code> de type "file" obre el selector d'arxius i permet a l'usuari seleccionar arxius. Consulti <a href="https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications">Ús d'arxius d'aplicacions web</a> per obtenir un exemple i més detalls.</p> +</div> + +<p>No es pot establir el valor d'un selector de fitxers a partir d'un script; fer alguna cosa com el següent no té efecte:</p> + +<pre class="brush: js">var e = getElementById("someFileInputElement"); +e.value = "foo"; +</pre> + +<h3 id="Missatges_d'error">Missatges d'error</h3> + +<p>Si voleu que Firefox presenti un missatge d'error personalitzat quan un camp no pot validar, podeu utilitzar l'atribut <code>x-moz-errormessage</code> per fer-ho:</p> + +<pre class="brush: html"><input type="email" x-moz-errormessage="Please specify a valid email address."> +</pre> + +<p>Tingueu en compte, però, que això no és estàndard i no tindrà efecte sobre altres navegadors.</p> + +<h2 id="Exemples">Exemples</h2> + +<h2 id="Exemple_1_Caixa_d'entrada_senzilla">Exemple 1; <span class="short_text" id="result_box" lang="ca"><span>Caixa</span> <span>d'entrada</span> <span>senzilla</span></span></h2> + +<h3 id="HTML">HTML</h3> + +<pre class="brush: html"><p>A basic input</p> +<input type="text" value="Type here"> +</pre> + +<h3 id="Resultat">Resultat</h3> + +<p>{{ EmbedLiveSample('Example_1_Simple_input_box', '', '100', '', 'Web/HTML/Element/input') }}</p> + +<h2 id="Exemple_2_Escenari_de_cas_d'ùs_comú">Exemple 2; Escenari de cas d'ùs comú</h2> + +<h3 id="HTML_2">HTML</h3> + +<pre class="brush: html"><p>A common form that includes input tags</p> +<form action="getform.php" method="get"> + <label>First name: <input type="text"></label><br> + <label>Last name: <input type="text"></label><br> + <label>E-mail: <input type="email"></label><br> +<input type="submit" value="Submit"> +</form> +</pre> + +<h3 id="Resultat_2">Resultat</h3> + +<p>{{ EmbedLiveSample('Example_2_Common_use-case_scenario', '', '200', '', 'Web/HTML/Element/input') }}</p> + +<h3 id="Ús_de_mozactionhint_en_Firefox_mòbil">Ús de mozactionhint en Firefox mòbil</h3> + +<p>Es pot utilitzar l'atribut {{htmlattrxref("mozactionhint", "input")}} per especificar el text de l'etiqueta de la tecla Retorn al teclat virtual quan el formulari es representa a Firefox mòbil. Per exemple, per tenir una etiqueta a "Següent", pot fer això:</p> + +<pre class="brush: html"><input type="text" mozactionhint="next"> +</pre> + +<p>El resultat és:</p> + +<p><a href="/@api/deki/files/4970/=mozactionhint.png"><img alt="mozactionhint.png" class="default internal" src="/@api/deki/files/4970/=mozactionhint.png?size=webview" style="border: 1px solid black; height: 350px; width: 210px;"></a></p> + +<h2 id="Localització">Localització</h2> + +<p>Les entrades permeses per a certs tipus <input> depenen de la configuració regional. En algunes localitats, 1,000.00 és un nombre vàlid, mentre que en altres localitats la forma vàlida d'ingressar aquest nombre és 1.000,00.</p> + +<p>Firefox utilitza la següent heurística per determinar la configuració regional per validar l'entrada de l'usuari (almenys per <code>type</code> = <code>"number"</code>):</p> + +<ul> + <li>Prova l'idioma especificat per un atribut <code>lang/xml:lang</code> en l'element o qualsevol dels seus pares;</li> + <li>Prova l'idioma especificat per qualsevol capçalera HTTP Content-Language o</li> + <li>Si no s'especifica cap, utilitzeu la configuració regional del navegador.</li> +</ul> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'forms.html#the-input-element', '<input>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML Media Capture', '#the-capture-attribute','<input capture>')}}</td> + <td>{{Spec2('HTML Media Capture')}}</td> + <td>Afegeix l'element <code>capture</code></td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'forms.html#the-input-element', '<input>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'interact/forms.html#h-17.4', '<form>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Característica</th> + <th>Chrome</th> + <th>Firefox (Gecko)<sup>[28]</sup></th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.7")}}</td> + <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> + <td>1.0</td> + <td>1.0</td> + </tr> + <tr> + <td>type</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.7")}}</td> + <td>2</td> + <td>1.0</td> + <td>1.0</td> + </tr> + <tr> + <td>type=button</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.7")}}</td> + <td>3</td> + <td>1.0</td> + <td>1.0</td> + </tr> + <tr> + <td>type=checkbox</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.7")}}<br> + {{CompatGeckoDesktop("1.9.2")}}<sup>[2]</sup></td> + <td>2</td> + <td>1.0</td> + <td>1.0</td> + </tr> + <tr> + <td>type=color</td> + <td>21.0</td> + <td>{{CompatGeckoDesktop("29.0")}}</td> + <td>{{CompatNo}}</td> + <td>11.01</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td>type=date</td> + <td>5.0<sup>[24]</sup></td> + <td>{{CompatNo}}<sup>[3]</sup></td> + <td>{{CompatNo}}</td> + <td>10.62</td> + <td>{{CompatVersionUnknown}}<sup>[4]</sup></td> + </tr> + <tr> + <td>type=datetime</td> + <td>{{CompatNo}}<sup>[4]</sup></td> + <td>{{CompatNo}}<sup>[3]</sup></td> + <td>{{CompatNo}}</td> + <td>10.62</td> + <td>{{CompatVersionUnknown}}<sup>[4]</sup></td> + </tr> + <tr> + <td>type=datetime-local</td> + <td>5.0</td> + <td>{{CompatNo}}<sup>[3]</sup></td> + <td>{{CompatNo}}</td> + <td>10.62</td> + <td>{{CompatVersionUnknown}}<sup>[4]</sup></td> + </tr> + <tr> + <td>type=email</td> + <td>5.0</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>10</td> + <td>10.62</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>type=file</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.7")}}</td> + <td>3.02</td> + <td>1.0</td> + <td>1.0</td> + </tr> + <tr> + <td>type=hidden</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.7")}}</td> + <td>2</td> + <td>1.0</td> + <td>1.0</td> + </tr> + <tr> + <td>type=image</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.7")}}<sup>[5]</sup></td> + <td>2</td> + <td>1.0</td> + <td>1.0</td> + </tr> + <tr> + <td>type=month</td> + <td>5.0</td> + <td>{{CompatNo}}<sup>[6]</sup></td> + <td>{{CompatNo}}</td> + <td>10.62</td> + <td>{{CompatVersionUnknown}}<sup>[4]</sup></td> + </tr> + <tr> + <td>type=number</td> + <td>6.0<sup>[7]</sup></td> + <td>{{CompatGeckoDesktop("29.0")}}</td> + <td>10<sup>[4]</sup></td> + <td>10.62</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>type=password</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.7")}}</td> + <td>2</td> + <td>1.0</td> + <td>1.0</td> + </tr> + <tr> + <td>type=radio</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.7")}}<br> + {{CompatGeckoDesktop("1.9.2")}}<sup>[2]</sup></td> + <td>2</td> + <td>1.0</td> + <td>1.0</td> + </tr> + <tr> + <td>type=range</td> + <td>5.0</td> + <td>{{CompatGeckoDesktop("23.0")}}</td> + <td>10</td> + <td>10.62<sup>[8]</sup></td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>type=reset</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.7")}}</td> + <td>2</td> + <td>1.0</td> + <td>1.0</td> + </tr> + <tr> + <td>type=search</td> + <td>5.0</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>10</td> + <td>11.01</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>type=submit</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.7")}}</td> + <td>2</td> + <td>1.0</td> + <td>1.0</td> + </tr> + <tr> + <td>type=tel</td> + <td>5.0</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>10</td> + <td>11.01</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>type=text</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.7")}}</td> + <td>2</td> + <td>1.0</td> + <td>1.0</td> + </tr> + <tr> + <td>type=time</td> + <td>5.0</td> + <td>{{CompatNo}}<sup>[3]</sup></td> + <td>{{CompatNo}}</td> + <td>10.62</td> + <td>{{CompatVersionUnknown}}<sup>[4]</sup></td> + </tr> + <tr> + <td>type=url</td> + <td>5.0</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>10</td> + <td>10.62</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>type=week</td> + <td>5.0</td> + <td>{{CompatNo}}<sup>[3]</sup></td> + <td>{{CompatNo}}</td> + <td>10.62</td> + <td>{{CompatVersionUnknown}}<sup>[4]</sup></td> + </tr> + <tr> + <td>accept=[file extension]</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>10</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td>accept=[MIME type]</td> + <td>8.0</td> + <td>{{CompatGeckoDesktop("16.0")}}</td> + <td>10</td> + <td>10</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td>accept=audio/*</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("2.0")}}<sup>[9]</sup></td> + <td>10</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td>accept=video/*</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("2.0")}}<sup>[10]</sup></td> + <td>10</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td>accept=image/*</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("2.0")}}<sup>[11]</sup></td> + <td>10</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td>accept=[. + ext]</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoDesktop("37.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>accesskey</td> + <td>1.0</td> + <td>{{CompatVersionUnknown}}</td> + <td>6</td> + <td>1.0</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>mozactionhint</td> + <td>{{CompatNo}}</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td>autocapitalize</td> + <td>43</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>autocomplete</td> + <td>17.0</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>5</td> + <td>9.6</td> + <td>5.2</td> + </tr> + <tr> + <td>autofocus</td> + <td>5.0</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>10</td> + <td>9.6</td> + <td>5.0</td> + </tr> + <tr> + <td>capture</td> + <td>Chrome for Android (0.16)</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>checked</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.7")}}</td> + <td>2</td> + <td>1.0</td> + <td>1.0</td> + </tr> + <tr> + <td>disabled</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.7")}}<sup>[25]</sup></td> + <td>6</td> + <td>1.0</td> + <td>1.0</td> + </tr> + <tr> + <td>form</td> + <td>9.0</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>10.62</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>formaction</td> + <td>9.0</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>10</td> + <td>10.62</td> + <td>5.2</td> + </tr> + <tr> + <td>formenctype</td> + <td>9.0</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>10</td> + <td>10.62</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>formmethod</td> + <td>9.0</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>10</td> + <td>10.62</td> + <td>5.2</td> + </tr> + <tr> + <td>formnovalidate</td> + <td>5.0<sup>[12]</sup></td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>10</td> + <td>10.62</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>formtarget</td> + <td>9.0</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>10</td> + <td>10.62</td> + <td>5.2</td> + </tr> + <tr> + <td>height</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("16.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>1.0</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>incremental</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>inputmode</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td>list</td> + <td>20.0</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>10</td> + <td>9.6</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td>max</td> + <td>5.0</td> + <td>{{CompatGeckoDesktop("16.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>10.62</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>maxlength</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.7")}}</td> + <td>2</td> + <td>1.0</td> + <td>1.0</td> + </tr> + <tr> + <td>min</td> + <td>5.0</td> + <td>{{CompatGeckoDesktop("16.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>10.62</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>minlength</td> + <td>40.0</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>multiple</td> + <td>1.0<sup>[13]</sup></td> + <td>{{CompatGeckoDesktop("1.9.2")}}<sup>[14]</sup><br> + {{CompatVersionUnknown}}<sup>[15]</sup></td> + <td>10</td> + <td>1.0<br> + 10.62<sup>[14]</sup><br> + 11.01<sup>[15]</sup></td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>name</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.7")}}</td> + <td>2</td> + <td>1.0</td> + <td>1.0</td> + </tr> + <tr> + <td>pattern</td> + <td>5.0</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>10</td> + <td>9.6</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td>placeholder</td> + <td>10.0</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>10</td> + <td>11.00</td> + <td>5.0</td> + </tr> + <tr> + <td>readonly</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.7")}}</td> + <td>6<sup>[16] </sup></td> + <td>1.0</td> + <td>1.0</td> + </tr> + <tr> + <td>required</td> + <td>5.0<br> + 10<sup>[17]</sup></td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>10</td> + <td>9.6</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td>size</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.7")}}</td> + <td>2</td> + <td>1.0</td> + <td>1.0</td> + </tr> + <tr> + <td>spellcheck</td> + <td>10.0</td> + <td>{{CompatGeckoDesktop("1.9.2")}}</td> + <td>10</td> + <td>11.0</td> + <td>4.0</td> + </tr> + <tr> + <td>src</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.7")}}</td> + <td>2</td> + <td>1.0</td> + <td>1.0</td> + </tr> + <tr> + <td>step</td> + <td>6.0</td> + <td>{{CompatGeckoDesktop("16.0")}}</td> + <td>10</td> + <td>10.62</td> + <td>5.0</td> + </tr> + <tr> + <td>tabindex</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.7")}}</td> + <td>6<sup>[18]</sup></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>webkitdirectory</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("49.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>width</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("16.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>1.0</td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</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>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>type</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>type=button</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}<sup>[27]</sup></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>type=checkbox</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>type=color</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoDesktop("27.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>type=date</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>10.62</td> + <td>5.0<sup>[23]</sup></td> + </tr> + <tr> + <td>type=datetime</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>10.62</td> + <td>{{CompatVersionUnknown}}<sup>[23]</sup></td> + </tr> + <tr> + <td>type=datetime-local</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>10.62</td> + <td>{{CompatVersionUnknown}}<sup>[23]</sup></td> + </tr> + <tr> + <td>type=email</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>3.1<sup>[19]</sup></td> + </tr> + <tr> + <td>type=file</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}<sup>[27]</sup></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}<sup>[21]</sup></td> + </tr> + <tr> + <td>type=hidden</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>type=image</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>type=month</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>10.62</td> + <td>{{CompatVersionUnknown}}<sup>[23]</sup></td> + </tr> + <tr> + <td>type=number</td> + <td>2.3</td> + <td>{{CompatGeckoMobile("29.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>4.0<sup>[19]</sup></td> + </tr> + <tr> + <td>type=password</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}<sup>[22]</sup></td> + </tr> + <tr> + <td>type=radio</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>type=range</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>5.0</td> + </tr> + <tr> + <td>type=reset</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>type=search</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>10.62</td> + <td>4.0<sup>[22]</sup></td> + </tr> + <tr> + <td>type=submit</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}<sup>[27]</sup></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>type=tel</td> + <td>2.3</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>10.62</td> + <td>3.1<sup>[22]</sup></td> + </tr> + <tr> + <td>type=text</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}<sup>[27]</sup></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}<sup>[22]</sup></td> + </tr> + <tr> + <td>type=time</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>10.62</td> + <td>{{CompatVersionUnknown}}<sup>[23]</sup></td> + </tr> + <tr> + <td>type=url</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>10.62</td> + <td>3.1<sup>[19]</sup></td> + </tr> + <tr> + <td>type=week</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>10.62</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>accept=[MIME type]</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>accept=audio/*</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>accept=image/*</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}<sup>[26]</sup></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>accept=video/*</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>accept=[. + ext]</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("37.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>accesskey</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>autocomplete</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>autofocus</td> + <td>3.2</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>capture</td> + <td>3.0</td> + <td>{{CompatGeckoMobile("10.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>6.0</td> + </tr> + <tr> + <td>checked</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>disabled</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>form</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>formaction</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>10.62</td> + <td>5.0</td> + </tr> + <tr> + <td>formenctype</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>formmethod</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>10.62</td> + <td>5.0</td> + </tr> + <tr> + <td>formnovalidate</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>10.62</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>formtarget</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>10.62</td> + <td>5.0</td> + </tr> + <tr> + <td>height</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("16.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>list</td> + <td>{{CompatNo}}</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>max</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("16.0")}}<sup>[20]</sup></td> + <td>{{CompatUnknown}}</td> + <td>10.62</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>maxlength</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>min</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("16.0")}}<sup>[20]</sup></td> + <td>{{CompatUnknown}}</td> + <td>10.62</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>minlength</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + <td>27.0</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>multiple</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>name</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>1.0</td> + </tr> + <tr> + <td>pattern</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>placeholder</td> + <td>2.3</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>11.10</td> + <td>4</td> + </tr> + <tr> + <td>readonly</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>required</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>size</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>spellcheck</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>11.0</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>src</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>step</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("16.0")}}<sup>[20]</sup></td> + <td>{{CompatUnknown}}</td> + <td>10.62</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>tabindex</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>webkitdirectory</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("49.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>width</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("16.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] <span id="result_box" lang="ca"><span>Això</span> <span>es va implementar</span> <span>en la versió 2</span> <span>o</span> <span>anterior.</span></span></p> + +<p>[2] <span id="result_box" lang="ca"><span>Implementat</span> <span>pel valor</span> </span><code>indeterminate</code>.</p> + +<p>[3] <span id="result_box" lang="ca"><span>Aquesta</span> <span>funció no</span> <span>està implementada</span> <span>encara</span></span> . Veure {{bug("825294")}}.</p> + +<p>[4] <span id="result_box" lang="ca"><span>És</span> <span>reconegut</span> <span>però no hi ha</span> <span>cap interfície</span> <span>d'usuari.</span></span></p> + +<p>[5] <span id="result_box" lang="ca"><span>Gecko</span> <span>2.0</span> <span>{</span><span>{</span><span>geckoRelease</span> <span>(</span><span>"</span><span>2.0</span><span>"</span><span>)</span><span>}</span><span>}</span> <span>només envia</span> <span>coordenades X</span> <span>i Y</span> <span>quan</span> <span>es</span> <span>fa clic,</span> <span>ja</span> <span>no és el nom</span> <span>/</span> <span>valor de l'element</span><span>.</span></span></p> + +<p>[6] <span id="result_box" lang="ca"><span>Aquesta</span> <span>funció no</span> <span>està implementada</span> <span>encara</span></span> . Veure {{bug("888320")}}.</p> + +<p>[7] <span id="result_box" lang="ca"><span>L</span><span>ocalització en</span> <span>Chrome</span> <span>11</span><span>.</span></span></p> + +<p>[8] Opera 11.01 <span id="result_box" lang="ca"><span>afegeix suport</span> <span>per a un</span> <span>valor</span> <span>predeterminat.</span></span></p> + +<p>[9] <span id="result_box" lang="ca"><span>Filtres</span> <span>per a les</span> <span>següents</span> <span>extensions</span> <span>d'arxiu</span> <span>d'àudio</span></span> : .aac, .aif, .flac, .iff, .m4a, .m4b, .mid, .midi, .mp3, .mpa, .mpc, .oga, .ogg, .ra, .ram, .snd, .wav, .wma.</p> + +<p>[10] <span id="result_box" lang="ca"><span>Filtres</span> <span>per a les</span> <span>següents</span> <span>extensions</span> <span>d'arxiu</span> <span>de video</span></span> : .avi, .divx, .flv, .m4v, .mkv, .mov, .mp4, .mpeg, .mpg, .ogm, .ogv, .ogx, .rm, .rmvb, .smil, .webm, .wmv, .xvid</p> + +<p>[11] <span id="result_box" lang="ca"><span>Filtres</span> <span>per a les</span> <span>següents</span> <span>extensions</span> <span>d'arxiu</span> <span>d'imatge</span></span>: .jpe, .jpg, .jpeg, .gif, .png, .bmp, .ico, .svg, .svgz, .tif, .tiff, .ai, .drw, .pct, .psp, .xcf, .psd, .raw</p> + +<p>[12] En 6.0 només funcionava amb el tipus de document HTML 5, el suport de validació en 7.0 va ser desactivat i tornat a habilitar en 10.0.</p> + +<p>[13] Suportat per <code>type="file"</code> i <code>type="email"</code> des de la versió 5.0.</p> + +<p>[14] Suportat per <code>type="file"</code>.</p> + +<p>[15] Suportat per <code>type="email"</code>.</p> + +<p>[16] Desaparegut per <code>type="checkbox"</code> and <code>type="radio"</code>.</p> + +<p>[17] Suportat per l'element {{HTMLElement("select")}} .</p> + +<p>[18] Els elements amb <code>tabindex</code> > <code>0</code> no son navegables.</p> + +<p>[19] Safari Mobile per iOS s'aplica un estil predeterminat de {{cssxref("opacity")}}: 0.4 a elements <code><input></code> de text desactivats. Altres navegadors més importants actualment no comparteixen aquest estil particular per defecte en</p> + +<p>[20] UI podria romandre sense aplicar-se.</p> + +<p>[21] <a href="http://blog.uploadcare.com/post/97884147203/you-cannot-upload-files-to-a-server-using-mobile-safari">La càrrega d'arxius es van trencar</a> a Mobile Safari per iOS 8.0 i 8.0.1. L'error es va corregir en iOS 8.0.2.</p> + +<p>[22] Safari Mobile per iOS s'aplica un estil predeterminat de {{cssxref("opacity")}}: 0.4 a elements <input> de text desactivats. Altres navegadors més importants actualment no comparteixen aquest estil particular per defecte en</p> + +<p>[23] En Safari Mobile per iOS, l'establiment de <code>{{cssxref("display")}}: block</code> en un <code><input></code> de <code>type="date"</code>, <code>type="time"</code>, <code>type="datetime"</code>, <code>type="datetime-local"</code>, o <code>type="month"</code> fa que el text dins de l'etiqueta <code><input></code> perdi l'alineació vertical. Veure {{webkitbug("139848")}}.</p> + +<p>[24] A partir def Chrome v39, un <code><input></code> de <code>type="date"</code> amb un estil <code>{{cssxref("display")}}: table-cell; {{cssxref("width")}}: 100%;</code> tindrà un {{cssxref("min-width")}} imposat per Chrome i no pot arribar a ser més estreta que aquesta amplada mínima. Vegeu <a href="https://code.google.com/p/chromium/issues/detail?id=346051">Chromium bug #346051</a>.</p> + +<p>[25] Firefox, a diferència d'altres navegadors, per defecte, <a href="http://stackoverflow.com/q/5985839/432681">persisteixi l'estat dinàmic desactivat i (si escau) la validació dinàmica</a> d'un <code><input></code> a través de càrregues de pàgines. Establir el valor de l'atribut {{htmlattrxref("autocomplete","input")}} a <code>off</code> per desactiva aquesta funció; això funciona fins i tot quan l'atribut {{htmlattrxref("autocomplete","input")}} normalment no s'apliqués als elements <code><input></code> en virtut del seu {{htmlattrxref("type","input")}}. Veure {{bug(654072)}}.</p> + +<p>[26] A partir de Gecko 9.0 {{geckoRelease ("9.0")}}, Firefox per Android permet als usuaris capturar imatges utilitzant la seva càmera i pujar-los, sense haver de sortir del navegador. Els desenvolupadors web poden implementar aquesta funció, simplement definint el valor de l'atribut <code>accept</code> a <code>image/*</code> en el seu <code><input></code> of <code>type="file"</code> d'entrada.</p> + +<p>[27] Firefox per a Android es estableix per omissió {{cssxref("background-image")}} en totes les entrades de <code>type="file</code>". Això es pot desactivar usant <code>background-image:none</code>;. També s'estableix com a predeterminat {{cssxref("border")}} en ells.</p> + +<p>[28] Abans del Firefox 51, <code>selectionStart</code> i <code>selectionEnd</code> retornaven 0 quan no hi havia cap selecció. Ara bé, aquests retornen correctament el desplaçament del caràcter immediatament després de la posició del cursor d'entrada del text actual; que és on es col·locarà el següent caràcter introduït.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Other form-related elements: {{HTMLElement("form")}}, {{HTMLElement("button")}}, {{HTMLElement("datalist")}}, {{HTMLElement("legend")}}, {{HTMLElement("label")}}, {{HTMLElement("select")}}, {{HTMLElement("optgroup")}}, {{HTMLElement("option")}}, {{HTMLElement("textarea")}}, {{HTMLElement("keygen")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}} and {{HTMLElement("meter")}}.</li> + <li><a class="external" href="http://webdesignerwall.com/tutorials/cross-browser-html5-placeholder-text">Marcados de posició de text, entre navegadors HTML 5</a></li> +</ul> diff --git a/files/ca/web/html/element/ins/index.html b/files/ca/web/html/element/ins/index.html new file mode 100644 index 0000000000..b8d452a7b0 --- /dev/null +++ b/files/ca/web/html/element/ins/index.html @@ -0,0 +1,122 @@ +--- +title: <ins> +slug: Web/HTML/Element/ins +tags: + - Element + - HTML + - HTML edits + - Reference + - Web +translation_of: Web/HTML/Element/ins +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'<strong>Element HTML <ins></strong> (o HTML <em>inserit text</em>) HTML representa un rang de text que s'ha afegit a un document.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">Phrasing content</a> o <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">contingut dinàmic</a>.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/HTML/Content_categories#Transparent_content_model" title="HTML/Content_categories#Transparent_content_model">Transparent</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLModElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els<span style="line-height: 21px;"> </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> + +<dl> + <dt>{{htmlattrdef("cite")}}</dt> + <dd>Aquest atribut defineix l'URI d'un recurs que explica la modificació, com un enllaç a alguna reunió o un bitllet en un sistema de depuració.</dd> + <dt>{{htmlattrdef("datetime")}}</dt> + <dd>Aquest atribut indica l'hora i la data de la modificació i ha de ser una <a href="http://www.w3.org/TR/2011/WD-html5-20110525/common-microsyntaxes.html#valid-date-string-with-optional-time">data vàlida amb una cadena de temps opcional</a>. Si el valor no es pot analitzar com una data amb una cadena de temps opcional, l'element no té una marca de temps associada.</dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<pre class="brush: html"><ins>This text has been inserted</ins></pre> + +<h3 id="Resultat">Resultat</h3> + +<p><ins>This text has been inserted</ins></p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'edits.html#the-ins-element', '<ins>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'edits.html#the-ins-element', '<ins>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.4', '<ins>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>{{HTMLElement("del")}} element per marcar la seva eliminació en un document.</li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/isindex/index.html b/files/ca/web/html/element/isindex/index.html new file mode 100644 index 0000000000..4ff02f4a16 --- /dev/null +++ b/files/ca/web/html/element/isindex/index.html @@ -0,0 +1,64 @@ +--- +title: <isindex> +slug: Web/HTML/Element/isindex +tags: + - Deprecated + - Element + - HTML + - Reference + - Web +translation_of: Web/HTML/Element/isindex +--- +<div>{{Deprecated_header}}</div> + +<h2 id="Sumari">Sumari</h2> + +<p><strong><Isindex></strong> és un element HTML obsolet que posa un camp de text en una pàgina per consultar el document. <code><Isindex></code> proporcionava una sola entrada de text de línia per ingressar una cadena de consulta. Quan s'envia, el servidor retorna una llista de pàgines que coincideixin amb la consulta. El suport depenia tant del navegador com del servidor per respondre a la consulta.</p> + +<p><code><isindex></code> <span id="result_box" lang="ca"><span>està </span><span>desaprovat</span> en <span>HTML</span> <span>4.01</span><span>, ja que</span> <span>el mateix comportament</span> <span>es</span> <span>pot aconseguir</span> <span>amb</span> <span>un formulari</span> <span>HTML</span><span>.</span></span></p> + +<h2 id="Atributs">Atributs</h2> + +<p><span id="result_box" lang="ca"><span>Igual</span> <span>que tots els altres</span> <span>elements</span> <span>HTML</span><span>, aquest element</span> <span>accepta</span> <span>els</span></span> <a href="/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("prompt")}}</dt> + <dd>Aquest atribut agrega el seu valor com un indicador de camp de text.</dd> + <dt>{{htmlattrdef("action")}}</dt> + <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>es</span> <span>pot utilitzar</span> <span>per enviar la</span> <span>consulta</span> <span>a</span> <span>un URL</span> <span>diferent.</span> <span>L'acció no</span> <span>es</span> <span>defineix</span> <span>pel W3C.</span></span></dd> +</dl> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush: html"><head> + <isindex prompt="Search Document... " /> +</head></pre> + +<h2 id="Historia">Historia</h2> + +<p><span id="result_box" lang="ca"><span>Al juny de</span> <span>1992</span> <span>Dan</span> <span>Connolly</span> <span>preferiria</span> <span>un tipus</span> <span>d'ancoratge</span> <span>diferent</span> <span>en lloc de</span> <span>isindex</span><span>.</span></span></p> + +<p>Al novembre de 1992, els <a href="http://lists.w3.org/Archives/Public/www-talk/1992NovDec/thread.html#31">índexs com a enllaços en lloc de documents</a> iniciats per Dan Connolly impulsa la idea que els índexs són més enllaços que documents. En aquest fil, es proposen diferents tipus de solucions. La pregunta dels formularis per fer consultes <a href="http://lists.w3.org/Archives/Public/www-talk/1992NovDec/0039.html">s'esmenta</a> en referència al navegador de Dynatext: "El navegador mostra botons alternatius, camps de text, etc. L'usuari emplena els camps, fa clic a Acceptar i els resultats de la consulta apareixen en la finestra de la taula de contingut."</p> + +<p>En una aproximació sobre <a href="http://lists.w3.org/Archives/Public/www-talk/1992NovDec/thread.html#42">isindex</a> al novembre de 1992, Kevin Hoadley va <a href="http://lists.w3.org/Archives/Public/www-talk/1992NovDec/0042.html">qüestionar</a> la necessitat d'un element isindex i va proposar abandonar-ho. En canvi va proposar tenir un element <a href="https://developer.mozilla.org/wiki/HTML/Elements/input">d'entrada</a> (idea <a href="http://lists.w3.org/Archives/Public/www-talk/1992NovDec/0053.html">recolzada</a> per Steve Putz). Tim Berners-Lee <a href="http://lists.w3.org/Archives/Public/www-talk/1992NovDec/0044.html">explica</a> la finalitat resultant de isindex en resultats de cerca agregada. Kevin <a href="http://lists.w3.org/Archives/Public/www-talk/1992NovDec/0048.html">respon</a> que ell no li agrada la naturalesa booleana de isindex i preferiria un sistema on tot és cerca i proposa estendre el marc actual WWW amb una configuració httpd específica i definir que algunes URI de mapeig crein les consultes de cerca.</p> + +<p><span id="result_box" lang="ca"><span>En</span> <span>2016</span><span>, s'ha proposat</span> <span>per</span></span> <a href="https://github.com/w3c/html/issues/240">elimnar <code>isindex</code> de l'especificació</a>.</p> + +<h2 id="Referència_HTML">Referència HTML</h2> + +<ul> + <li><a class="external text" href="http://www.w3.org/TR/html5" rel="nofollow">HTML5</a> la classifica com una <a class="external text" href="http://www.w3.org/TR/html5/obsolete.html#obsolete" rel="nofollow">característica no conforme</a>.</li> + <li><a class="external text" href="http://www.w3.org/TR/html401/interact/forms.html#h-17.8" rel="nofollow">ISINDEX</a> element desaprovat en <a class="external text" href="http://www.w3.org/TR/html401/" rel="nofollow">HTML 4.01</a></li> + <li><a class="external text" href="http://www.w3.org/TR/REC-html32#isindex" rel="nofollow">ISINDEX</a> en <a class="external text" href="http://www.w3.org/TR/REC-html32" rel="nofollow">HTML 3.2</a></li> + <li><a class="external text" href="http://www.w3.org/MarkUp/html-spec/html-spec_5.html#SEC5.2.3" rel="nofollow">ISINDEX</a> en <a class="external text" href="http://www.w3.org/MarkUp/html-spec/html-spec_5.html" rel="nofollow">HTML 2.0</a> <span class="short_text" id="result_box" lang="ca"><span>així</span> <span>com la descripció</span> <span>del comportament en</span></span> <a class="external text" href="http://www.w3.org/MarkUp/html-spec/html-spec_7.html#SEC7.5" rel="nofollow">Queries i Indexes</a> (HTML 2.0)</li> + <li><a class="external text" href="http://www.w3.org/MarkUp/HTMLPlus/htmlplus_51.html" rel="nofollow">ISINDEX</a> en <a class="external text" href="http://www.w3.org/MarkUp/HTMLPlus/htmlplus_1.html" rel="nofollow">HTML+</a></li> +</ul> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>{{HTMLElement("input")}}</li> + <li>{{HTMLElement("form")}}</li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/kbd/index.html b/files/ca/web/html/element/kbd/index.html new file mode 100644 index 0000000000..19277878bc --- /dev/null +++ b/files/ca/web/html/element/kbd/index.html @@ -0,0 +1,150 @@ +--- +title: <kbd> +slug: Web/HTML/Element/kbd +tags: + - Element + - HTML + - HTML text-level semantics + - Reference + - Web +translation_of: Web/HTML/Element/kbd +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'<em>element d'entrada de teclat HTML</em> (<strong><kbd></strong>) , representa l'entrada de l'usuari i produeix un element en línia que apareix per defecte com a font d'espai senzill (monspace) en el navegador.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLElement")}} Fins Gecko 1.9.2 (Firefox 4) inclos, Firefox implementa la interfície {{domxref("HTMLSpanElement")}} per aquest element.</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element només inclou els <a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p> + +<h2 id="Exemples">Exemples</h2> + +<pre class="brush: html"><p>Type the following in the Run dialog: <kbd>cmd</kbd><br />Then click the OK button.</p> + +<p>Save the document by pressing <kbd>Ctrl</kbd> + <kbd>S</kbd></p></pre> + +<h3 id="Resultat">Resultat</h3> + +<p>{{ EmbedLiveSample('Examples', 350, 120) }}</p> + +<h2 id="Nota">Nota</h2> + +<p>Es pot definir una regla CSS perquè el selector de <code>kbd</code> reemplaci la cara de font predeterminada del navegador. Les preferències establertes per l'usuari poden tenir prioritat sobre el CSS especificat.</p> + +<p>Quan l'element <code><kbd></code> està niat dins d'un element <code><samp></code>, representa l'entrada tal com va ser repetida pel sistema.</p> + +<p>Quan l'element <code><kbd></code> <em>conté</em> un element <code><samp></code>, representa una entrada basada en la sortida del sistema, per exemple, la invocació d'un element de menú.</p> + +<p>Quan l'element <code><kbd></code> està niat dins d'un altre element <code><kbd></code>, representa una clau real o una altra unitat única d'entrada segons sigui apropiat per al mecanisme d'entrada.</p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-kbd-element', '<kbd>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-kbd-element', '<kbd>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td><span id="result_box" lang="ca"><span>Expandit</span> <span>per</span> <span>incloure qualsevol</span> <span>entrada de l'usuari</span><span>, igual</span> <span>que l'entrada</span> <span>de veu</span> <span>i</span> <span>pulsacions de</span> <span>tecles</span> <span>individuals.</span></span></td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.2.1', '<kbd>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>{{htmlelement("code")}}</li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/keygen/index.html b/files/ca/web/html/element/keygen/index.html new file mode 100644 index 0000000000..aa7b7245d6 --- /dev/null +++ b/files/ca/web/html/element/keygen/index.html @@ -0,0 +1,189 @@ +--- +title: <keygen> +slug: Web/HTML/Element/keygen +tags: + - Deprecated + - Element + - HTML + - HTML forms + - HTML5 + - Reference + - Web +translation_of: Web/HTML/Element/keygen +--- +<p>{{deprecated_header}}</p> + +<p>L'element HTML <code><keygen></code> existeix per facilitar la generació de material clau, i la presentació de la clau pública com a part d'un <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms">formulari HTML</a>. Aquest mecanisme està dissenyat per funcionar amb sistemes de gestió de certificats basats en web. S'espera que l'element <code><keygen></code> s'utilitzi en un formulari HTML juntament amb una altra informació necessària per construir una sol·licitud de certificat, i que el resultat del procés serà un certificat signat.</p> + +<div class="note"> +<p>En l'actualitat existeix el debat entre els fabricants de navegadors web, si mantenir aquesta característica o no. Fins que s'arribi a una decisió, és millor segui considerant aquesta característica com desaprovada i desapareguda.</p> +</div> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de continguts</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, contingut interactiu, <a href="/en-US/docs/HTML/Content_categories#Form_listed" title="HTML/Content categories#Form listed">enumerta</a>, <a href="/en-US/docs/HTML/Content_categories#Form_labelable" title="HTML/Content categories#Form labelable">etiquetable</a>, <a href="/en-US/docs/HTML/Content_categories#Form_submittable" title="HTML/Content categories#Form submittable">presentable</a>, <a href="/en-US/docs/HTML/Content_categories#Form_resettable" title="HTML/Content categories#Form resettable">reajustable</a> <a href="/en-US/docs/HTML/Content_categories#Form-associated_content" title="HTML/Content categories#Form-associated content">element associat a formulari</a>, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td>Cap, és un {{Glossary("empty element")}}.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td><span id="result_box" lang="ca"><span>Ha de tenir una</span> <span>etiqueta d'inici</span> <span>i</span> <span>no </span><span> una</span> <span>etiqueta </span></span><span lang="ca"><span>de tancament</span></span>.</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLKeygenElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els<span style="line-height: 21px;"> </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> + +<dl> + <dt>{{htmlattrdef("autofocus")}}</dt> + <dd>Aquest atribut booleà permet especificar que el control ha de tenir el focus d'entrada quan es carrega la pàgina, llevat que l'usuari ho anul·li, per exemple escrivint en un control diferent. Només un element de formulari en un document pot tenir l'atribut <code>autofocus</code>, el qual és un valor booleà.</dd> + <dt>{{htmlattrdef("challenge")}}</dt> + <dd>Una cadena de repte que s'envia juntament amb la clau pública. El valor per omissió és una cadena buida si no s'especifica.</dd> + <dt>{{htmlattrdef("disabled")}}</dt> + <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>booleà</span> <span>indica</span> <span>que el control</span> <span>de formulari</span> <span>no està</span> <span>disponible per a la</span> <span>interacció.</span></span></dd> + <dt>{{htmlattrdef("form")}}</dt> + <dd>L'element formulari al que està associat aquest element (el seu <em>propietari de formulari</em>). El valor de l'atribut ha de ser un <code>id</code> d'un element {{HTMLElement("form")}} en el mateix document. Si no s'especifica aquest atribut, aquest element ha de ser un descendent d'un element {{HTMLElement("form")}}. Aquest atribut li permet dipositar elements <code><keygen></code> en qualsevol lloc dins d'un document, no només com descendents dels seus elements de formulari</dd> + <dt>{{htmlattrdef("keytype")}}</dt> + <dd><span id="result_box" lang="ca"><span>El tipus</span> <span>de clau</span> <span>generada.</span> <span>El valor</span> <span>per defecte</span> <span>és</span> <span>RSA.</span></span></dd> + <dt>{{htmlattrdef("name")}}</dt> + <dd><span id="result_box" lang="ca"><span>El</span> <span>nom</span> <span>del control,</span> <span>que es presenta</span> <span>amb</span> <span>les dades del</span> <span>formulari.</span></span></dd> +</dl> + +<p><span id="result_box" lang="ca"><span>L'element</span> <span>s'escriu</span> <span>així:</span></span></p> + +<pre class="brush: html"><keygen name="<var>name</var>" challenge="<var>challenge string</var>" keytype="<var>type</var>" keyparams="<var>pqg-params</var>"></pre> + +<p>El paràmetre <code>keytype</code> s'utilitza per especificar quin tipus de clau es generarà. Els valors vàlids són "RSA", que és el valor per defecte, "DSA" i "CE". El <code>name</code> i els atributs <code>challenge</code> són necessaris en tots els casos. L'atribut <code>keytype</code> és opcional per a la generació de claus RSA i necessària per a la generació de claus DSA i CE. L'atribut <code>keyparams</code> és necessari per a la generació de claus DSA i CE i ignorat per a la generació de claus RSA. PQG és sinònim de <code>keyparams</code>. És a dir, es pot especificar <code>keyparams= "pqg-params"</code> o <code>pqg="pqg-params"</code>.</p> + +<p>Per a les claus RSA, el paràmetre <code>keyparams</code> no s'utilitza (s'ignora si està present). L'usuari pot tenir una opció dels nivells de qualitat de la clau RSA. Actualment, l'usuari ha de triar entre nivell de qualitat "high" (2048 bits) i nivell de qualitat "medium" (1024 bits).</p> + +<p>Per a les claus DSA, el paràmetre <code>keyparams</code> especifica els paràmetres DSA PQG que es van a utilitzar en el procés keygen. El valor del paràmetre <code>pqg</code> és BASE64 codificat, DER codificat DSS-Parms com s'especifica en IETF <a href="ftp://ftp.rfc-editor.org/in-notes/rfc3279.txt">RFC 3279</a>. L'usuari pot tenir una varietat de mides de clau DSA, el que permet a l'usuari triar una de les mides definides en l'estàndard DSA.</p> + +<p>Per a les claus CE, el paràmetre <code>keyparams</code> especifica el nom de la corba el·líptica en la qual es genera la clau. Normalment és una cadena de la taula <a href="http://mxr.mozilla.org/mozilla-central/source/security/manager/ssl/src/nsKeygenHandler.cpp?mark=179-185,187-206,208-227,229-256#177">nsKeygenHandler.cpp</a>. (Tingui en compte que només un subconjunt de les corbes nomenades allí pot ser suportat en qualsevol navegador en particular.) Si la cadena de paràmetres keyparams no és una cadena de nom de corba reconeixible, es tria una corba d'acord amb la qualitat de la clau triada per l'usuari (baixa, mitja , alta), utilitzant la corba anomenada <code>"secp384r1"</code> per a les claus altes, i la corba anomenada <code>"secp256r1"</code> per a les claus mitjanes. (Nota: Per determinar el nombre de claus de qualitat, els valors per defecte per a cada nivell de qualitat, i la interfície d'usuari mitjançant la qual s'ofereix a l'usuari una elecció, es troben fora de l'abast d'aquesta especificació.)</p> + +<p>L'element <code><keygen></code> només és vàlida dins d'un formulari HTML. Això causarà algun tipus de selecció que es presenta a l'usuari per a la selecció de mida de la clau. La interfície d'usuari per a la selecció pot ser un menú, botons de radi, possiblement una altra cosa. El navegador presenta diverses claus de qualitat possibles. En l'actualitat, dos nivells de qualitat s'ofereixen, mitja i alta. Si el navegador de l'usuari està configurat per suportar maquinari criptogràfic (per exemple, les "targetes intel·ligents") l'usuari també es pot donar l'opció d'on generar la clau, és a dir, en una targeta intel·ligent o en el programari i emmagatzemar-la en el disc.</p> + +<p>Quan es prem el botó d'enviar, es genera un parell de claus de la mida seleccionada. La clau privada es xifra i s'emmagatzema a la base de dades de claus local.</p> + +<pre> PublicKeyAndChallenge ::= SEQUENCE { + spki SubjectPublicKeyInfo, + challenge IA5STRING + } + SignedPublicKeyAndChallenge ::= SEQUENCE { + publicKeyAndChallenge PublicKeyAndChallenge, + signatureAlgorithm AlgorithmIdentifier, + signature BIT STRING + }</pre> + +<p>La clau pública i la cadena de repte són DER codificades com <code>PublicKeyAndChallenge</code>, i a continuació, signades digitalment amb la clau privada per produir <code>SignedPublicKeyAndChallenge</code>. El <code>SignedPublicKeyAndChallenge</code> és {{Glossary("Base64")}} codificada, i les dades ASCII finalment s'envia al servidor com el valor d'un parell de nom / valor de formulari, on el nom és el <em>name</em> especificat per l'atribut <em>name</em> de l' element <code>keygen</code>. Si no es proporciona cap cadena de repte, llavors es codificarà com una <code>IA5STRING</code> de longitud zero.</p> + +<p>Heus aquí un exemple d'enviament de formularis, ja que seria lliurat a un programa CGI pel servidor HTTP:</p> + +<pre> commonname=John+Doe&email=doe@foo.com&org=Foobar+Computing+Corp.& + orgunit=Bureau+of+Bureaucracy&locality=Anytown&state=California&country=US& + key=MIHFMHEwXDANBgkqhkiG9w0BAQEFAANLADBIAkEAnX0TILJrOMUue%2BPtwBRE6XfV%0AWtKQbsshxk5ZhcUwcwyvcnIq9b82QhJdoACdD34rqfCAIND46fXKQUnb0mvKzQID%0AAQABFhFNb3ppbGxhSXNNeUZyaWVuZDANBgkqhkiG9w0BAQQFAANBAAKv2Eex2n%2FS%0Ar%2F7iJNroWlSzSMtTiQTEB%2BADWHGj9u1xrUrOilq%2Fo2cuQxIfZcNZkYAkWP4DubqW%0Ai0%2F%2FrgBvmco%3D</pre> + +<h2 id="Exemples">Exemples</h2> + +<ul> + <li><a class="link-https" href="https://bugzilla.mozilla.org/attachment.cgi?id=380749" title="https://bugzilla.mozilla.org/attachment.cgi?id=380749">Exemple de formulari amb l'element RSA KEYGEN</a></li> + <li><a class="link-https" href="https://bugzilla.mozilla.org/attachment.cgi?id=380750" title="https://bugzilla.mozilla.org/attachment.cgi?id=380750">Exemple de formulari amb l'element DSA KEYGEN i paràmetres PQG</a></li> + <li><a class="link-https" href="https://bugzilla.mozilla.org/attachment.cgi?id=380751" title="https://bugzilla.mozilla.org/attachment.cgi?id=380751">Exemple de formulari amb l'element DSA KEYGEN però sense paràmetres PQG</a></li> + <li><a class="link-https" href="https://bugzilla.mozilla.org/attachment.cgi?id=380752" title="https://bugzilla.mozilla.org/attachment.cgi?id=380752">Exemple de formulari amb l'element EC KEYGEN </a></li> +</ul> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'the-button-element.html#the-keygen-element', '<keygen>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'forms.html#the-keygen-element', '<keygen>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>uport bàsic</td> + <td>{{compatChrome(1.0)}} [1]</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatNo}}</td> + <td>3.0</td> + <td>1.2</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Característica</th> + <th>Android</th> + <th>Android Webview</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + <th>Chrome for Android</th> + </tr> + <tr> + <td>uport bàsic</td> + <td>2.3</td> + <td>{{CompatVersionUnknown}} [1]</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}} [1]</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] Desaprovat en Chrome 49.</p> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/label/index.html b/files/ca/web/html/element/label/index.html new file mode 100644 index 0000000000..b1ad6b5f51 --- /dev/null +++ b/files/ca/web/html/element/label/index.html @@ -0,0 +1,169 @@ +--- +title: <label> +slug: Web/HTML/Element/label +tags: + - Element + - Forms + - HTML + - HTML forms + - Reference + - Web +translation_of: Web/HTML/Element/label +--- +<div>{{HTMLRef}}</div> + +<p>L'<em>Element HTML Label</em> (<code><strong><label></strong></code>) representa un títol en una interfície d'usuari. Pot estar associat amb un control o bé col·locant l'element de control a l'interior de l'element <code><label></code>, o mitjançant l'ús de l'atribut {{htmlattrxref("for")}}. Aquest control es diu el <em>control labeled</em> de l'element etiqueta. Una entrada pot estar associada amb diverses etiquetes.</p> + +<p>Val la pena assenyalar, però, que les etiquetes no estan directament associats amb els formularis. S'associen indirectament amb els formularis a través dels controls amb els quals estan associats.</p> + +<div class="note"> +<p>Abans de la <a href="https://github.com/whatwg/html/pull/1120">revisió de l'especificació HTML</a> realitzada el 28 d'abril de 2016, l'atribut {{htmlattrxref("form")}} de l'element <code><label></code> permetía associar directament les etiquetes amb els formularis.</p> +</div> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">contingut dinàmic</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Interactive_content">contingut interactiu</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Form-associated_content">element associat a formulari</a>, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">Phrasing content</a>, no té elements d'etiqueta descendent. No es permeten elements etiquetables que no siguin el control labeled.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLLabelElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("for")}}</dt> + <dd>L'ID d'un element <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Form_labelable">etiquetable (labelable)</a> relacionat amb el formulari en el mateix document que l'element d'etiqueta. El primer d'aquests elements en el document amb un ID que coincideixi amb el valor de l'atribut for és el <em>control labeled</em> per a aquest element d'etiqueta.</dd> + <dd> + <div class="note">Un element d'etiqueta pot tenir un atribut for i un element de control contingut, sempre que l'atribut <code>for</code> assenyali a l'element de control contingut.</div> + </dd> + <dt>{{htmlattrdef("form")}} {{HTMLVersionInline("5")}} {{obsolete_inline}}</dt> + <dd>L'element de formulari amb el qual l'etiqueta està associada (el seu propietari de formulari). Si s'especifica, el valor de l'atribut és l'ID d'un element {{HTMLElement("form")}} en el mateix document. Això li permet col·locar elements etiqueta en qualsevol lloc dins d'un document, no només com descendents dels seus elements de formulari.</dd> + <dd> + <div class="note">Aquest atribut content va ser <a href="https://github.com/whatwg/html/pull/1120">eliminat de l'especificació HTML</a>, el 28 d'abril de 2016. No obstant això, els scripts segueixen tenint accés a un atribut read-only (sol lectura) {{domxref("HTMLLabelElement.form")}} ; el retorn al formulari del control associat de l'etiqueta és un membre, o null si l'etiqueta no està associada amb un control o el control no és part d'un formulari.</div> + </dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<h3 id="Exemple_etiqueta_senzilla">Exemple etiqueta senzilla</h3> + +<pre class="brush: html"><label>Click me <input type="text"></label></pre> + +<p>{{EmbedLiveSample('Simple_label_example', '200', '50', '')}}</p> + +<h3 id="Ùs_de_l'attribut_for">Ùs de l'attribut "for"</h3> + +<pre class="brush: html"><label for="username">Click me</label> +<input type="text" id="username"></pre> + +<p>{{EmbedLiveSample('Using_the_for_attribute', '200', '50', '')}}</p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'forms.html#the-label-element', '<label>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'forms.html#the-label-element', '<label>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'interact/forms.html#h-17.9.1', '<label>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td>Definició inicial</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] A partir de Gecko 8.0 {{geckoRelease ("8.0")}}, un esdeveniment clic desencadena la propagació de més d'un <code><label></code>, i l'esdeveniment clic sintètic no pot desencadenar <code><label></code>s addicionals. En Gecko, un esdeveniment clic encara apareixerà més enllà d'un <code><label></code>, mentre que en WebKit o Internet Explorer l'esdeveniment clic s'aturarà en el <code><label></code>. El comportament anterior a Gecko 8.0 (el desencadenament de multiples <code><label></code>s) va fer que Firefox deixés de respondre (veure {{bug(646157)}}).</p> + +<p>[2] L'especificació d'HTML es va actualitzar a l'abril de 2016 per desaprovar l'atribut {{htmlattrxref("form")}}. Encara està disponible des de script, però la seva definició ha canviat: ara retorna el formulari del control associat, o null si no hi ha un control associat (és a dir, si {{domxref("HTMLLabelElement.control")}} és nul). Veure {{domxref("HTMLLabelElement.form")}}.</p> + +<p><span id="result_box" lang="ca"><span>Aquest canvi</span> <span>s'ha implementat</span><span> en</span></span> Firefox 49.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Altres elements relacionats amb formularis: {{HTMLElement("form")}}, {{HTMLElement("button")}}, {{HTMLElement("datalist")}}, {{HTMLElement("legend")}}, {{HTMLElement("select")}}, {{HTMLElement("optgroup")}}, {{HTMLElement("option")}}, {{HTMLElement("textarea")}}, {{HTMLElement("keygen")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}} and {{HTMLElement("meter")}}.</li> +</ul> diff --git a/files/ca/web/html/element/legend/index.html b/files/ca/web/html/element/legend/index.html new file mode 100644 index 0000000000..fb389fc2db --- /dev/null +++ b/files/ca/web/html/element/legend/index.html @@ -0,0 +1,138 @@ +--- +title: <legend> +slug: Web/HTML/Element/legend +tags: + - Element + - Forms + - HTML + - HTML forms + - Reference + - Web +translation_of: Web/HTML/Element/legend +--- +<p>L'<strong>Element HTML <code><legend></code></strong> (o <em>HTML llegenda element de camp</em>) representa un títol per al contingut del se element principal {{HTMLElement("fieldset")}}.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categories de contingut</a></th> + <td>Cap.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>En un {{HTMLElement ("fieldset")}} el primer fill és aquest element <code><legend></code></td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLLegendElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element nomès inclou els <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p> + +<h2 id="Exemples">Exemples</h2> + +<p>Veure {{HTMLElement("form")}} exemples sobre <code><legend></code>.</p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName("HTML WHATWG", "forms.html#the-legend-element", "<legend>")}}</td> + <td>{{Spec2("HTML WHATWG")}}</td> + <td>Definició d'un element <code>legend</code></td> + </tr> + <tr> + <td>{{SpecName("HTML WHATWG", "rendering.html#the-fieldset-and-legend-elements")}}</td> + <td>{{Spec2("HTML WHATWG")}}</td> + <td><span id="result_box" lang="ca"><span>Suggerit la</span> <span>presentació per</span> <span>omissió dels</span> <span>elements</span> <code><span>fieldset</span></code> <span>i</span> <code><span>legend</span></code></span></td> + </tr> + <tr> + <td>{{SpecName("HTML5 W3C", "forms.html#the-legend-element", "<legend>")}}</td> + <td>{{Spec2("HTML5 W3C")}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName("HTML4.01", "interact/forms.html#h-17.10", "<legend>")}}</td> + <td>{{Spec2("HTML4.01")}}</td> + <td>Definició inicial</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Altres elements relacionats amb formularis: {{HTMLElement("form")}}, {{HTMLElement("option")}}, {{HTMLElement("label")}}, {{HTMLElement("button")}}, {{HTMLElement("select")}}, {{HTMLElement("datalist")}}, {{HTMLElement("optgroup")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("textarea")}}, {{HTMLElement("keygen")}}, {{HTMLElement("input")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}} and {{HTMLElement("meter")}}.</li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/li/index.html b/files/ca/web/html/element/li/index.html new file mode 100644 index 0000000000..39cd6ce0b5 --- /dev/null +++ b/files/ca/web/html/element/li/index.html @@ -0,0 +1,210 @@ +--- +title: <li> +slug: Web/HTML/Element/li +tags: + - Element + - HTML + - HTML grouping content + - Reference +translation_of: Web/HTML/Element/li +--- +<p>{{HTMLRef}}</p> + +<p>L'<strong>element HTML <code><li></code></strong> (o <em>Element HTML Llista d'elements</em> ) s'utilitza per representar un element d'una llista. Ha d'estar contingut en un element pare: una llista ordenada ({{HTMLElement("ol")}}), una llista desordenada ({{HTMLElement("ul")}}), o un menú ({{HTMLElement("menu")}}). En els menús i les llistes desordenades, els elements de la llista es mostren normalment amb vinyetes. En les llistes ordenades, en general es mostren amb un comptador ascendent a l'esquerra, com ara un número o una lletra.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th> + <td>Cap.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>L'etiqueta final es pot ometre si l'element de la llista és seguida immediatament per un altre element {{HTMLElement ("li")}}, o si no hi ha més contingut en el seu element pare.</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Un {{HTMLElement("ul")}}, {{HTMLElement("ol")}}, o un element {{HTMLElement("menu")}}. Tot i que no és un ús conforme, el obsolet {{HTMLElement ("dir")}} també pot ser un pare.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLLIElement")}}</td> + </tr> + <tr> + <th scope="row">Element type</th> + <td>Block</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("value")}}</dt> + <dd>Aquest atribut enter indica el valor ordinal actual de l'element de la llista definida per l'element {{HTMLElement("ol")}} . L'únic valor permès per a aquest atribut és un nombre, fins i tot si la llista es visualitza amb números o lletres romanes. Els element de la llista que segueixen a aquest continuen la numeració des del conjunt de valors. L'atribut <strong>value</strong> no té sentit per a llistes desordenades ({{HTMLElement("ul")}}) o per menús ({{HTMLElement("menu")}}). + <div class="note"><strong>Nota</strong>: Aquest atribut es va desaprovar en HTML 4, però es va tornar a introduir en HTML5.</div> + + <div class="note"> + <p><strong>Nota:</strong> Abans de {{Gecko ("9.0")}}, els valors negatius es convertien incorrectament a 0. A partir de {{Gecko ("9.0")}} tots els valors enters s'analitzen correctament.</p> + </div> + </dd> + <dt>{{htmlattrdef("type")}} {{Deprecated_inline}}</dt> + <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>de caràcter</span> <span>indica el tipus</span> <span>de numeració</span></span>: + <ul> + <li><code>a</code>: lletres minúscules</li> + <li><code>A</code>: lletres majúscules</li> + <li><code>i</code>: Nombres romans en minúscules</li> + <li><code>I</code>: Nombres romans en majúscules</li> + <li><code>1</code>: nombres</li> + </ul> + Aquest tipus anul·la la utilitzada per el seu element matriu {{HTMLElement("ol")}}, si n'hi ha. + + <div class="note"><strong>Nota d'ùs:</strong> Aquest atribut ha estat desaprovat: utilitzar la propietat CSS {{cssxref("list-style-type")}} en el seu lloc.</div> + </dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<pre class="brush: html"><ol> + <li>first item</li> + <li>second item</li> + <li>third item</li> +</ol> +</pre> + +<p>El HTML anterior es mostrarà:</p> + +<ol> + <li>first item</li> + <li>second item</li> + <li>third item</li> +</ol> + +<pre class="brush: html"><ol type="I"> + <li value="3">third item</li> + <li>fourth item</li> + <li>fifth item</li> +</ol> +</pre> + +<p>El HTML anterior es mostrarà:</p> + +<ol start="3" style="list-style-type: upper-roman;"> + <li>third item</li> + <li>fourth item</li> + <li>fifth item</li> +</ol> + +<pre class="brush: html"><ul> + <li>first item</li> + <li>second item</li> + <li>third item</li> +</ul></pre> + +<ul> + <li>first item</li> + <li>second item</li> + <li>third item</li> +</ul> + +<p><span id="result_box" lang="ca"><span>Per</span> <span>obtenir</span> <span>exemples</span> <span>més</span> <span>detallats</span><span>, consulteu</span><span> les pàgines</span></span> <a href="/en-US/docs/Web/HTML/Element/ol#Examples"><ol></a> i <a href="/en-US/docs/Web/HTML/Element/ul#Examples"><ul></a>.</p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'grouping-content.html#the-li-element', '<li>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-li-element', '<li>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'lists.html#h-10.2', '<li>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td>L'atribut <code>type</code> està desaprovat.</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> + +<div>{{CompatibilityTable}}</div> + +<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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li><span class="short_text" id="result_box" lang="ca"><span>Altres elements</span> <span>HTML</span> <span>relacionats amb</span> <span>llistes</span></span> : {{HTMLElement("ul")}}, {{HTMLElement("li")}}, {{HTMLElement("menu")}}, i el obsolet {{HTMLElement("dir")}};</li> + <li>Propietats CSS que poden ser especialment útils per donar estil l'element <code><li></code>: + <ul> + <li>La propietat {{cssxref("list-style")}}, per a triar la forma de visualització de l'ordinal,</li> + <li><a href="/Web/Guide/CSS/Counters">Comptadors CSS</a>, per gestionar llistes niades complexes,</li> + <li>la propietat {{cssxref("margin")}}, per controlar la sagnia de l'element de la llista..</li> + </ul> + </li> +</ul> + +<div> </div> diff --git a/files/ca/web/html/element/link/index.html b/files/ca/web/html/element/link/index.html new file mode 100644 index 0000000000..abadadd86c --- /dev/null +++ b/files/ca/web/html/element/link/index.html @@ -0,0 +1,428 @@ +--- +title: <link> +slug: Web/HTML/Element/link +tags: + - Element + - HTML + - HTML document metadata + - Reference + - Web + - metadata +translation_of: Web/HTML/Element/link +--- +<p id="Summary">{{HTMLRef}}</p> + +<p>L'<strong>element HTML <code><link></code></strong> especifica les relacions entre el document actual i un recurs extern. Els possibles usos d'aquest element inclouen la definició d'un marc relacional per a la navegació. Aquest element és el més utilitzat per vincular els fulls d'estil.</p> + +<div class="note"> +<p>El {{htmlattrxref ("rel", "link")}} es pot establir a una gran quantitat de diferents valors. S'enumeren en una pàgina separada.</p> +</div> + +<table class="properties"> + <tbody> + <tr> + <th><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th> + <td>Contingut metadata. Si {{htmlattrxref("itemprop", "link")}} està present: <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a> i <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a></td> + </tr> + <tr> + <th>Contingut permès</th> + <td>Cap, és un {{Glossary("empty element")}}.</td> + </tr> + <tr> + <th>Omissió de l'etiqueta</th> + <td><span id="result_box" lang="ca"><span>Ja</span> <span>que és un</span> <span>element</span> <span>buit,</span> <span>l'etiqueta</span> <span>d'inici</span> <span>ha d'estar present</span> <span>i</span> <span>l'etiqueta</span> <span>final</span> <span>no ha d'estar</span> <span>present</span></span></td> + </tr> + <tr> + <th>Elements pares permesos</th> + <td>Qualsevol element que accepti elements metadata. Si {{htmlattrxref("itemprop", "link")}} està present: qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + </tr> + <tr> + <th>Interfície DOM</th> + <td>{{domxref("HTMLLinkElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs global</a>.</p> + +<dl> + <dt>{{htmlattrdef("charset")}}{{obsolete_inline}}</dt> + <dd>Aquest atribut defineix la codificació de caràcters del recurs vinculat. El valor és una llista d'espai i/o separada per comes dels jocs de caràcters tal com es defineix en el {{rfc(2045)}}. El valor per defecte és <code>ISO-8859-1</code>. + <div class="note"><strong>Nota d'ùs:</strong> <span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>és</span> <span>obsolet</span> <span>i no</span> <span>ha de ser utilitzat</span> <span>pels autors.</span> <span>Per aconseguir el seu</span> <span>efecte</span><span>, utilitzar</span> <span>la capçalera</span> <span>HTTP</span> <span>Content</span><span>-</span><span>Type</span> <span>en el recurs</span> <span>vinculat</span><span>.</span></span></div> + </dd> + <dt>{{htmlattrdef("crossorigin")}}</dt> + <dd>Aquest atribut enumerat indica si CORS s'ha d'utilitzar en recuperar la imatge relacionada. Les <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_Enabled_Image">imatges habilitades per CORS</a> poden ser reutilitzades en l'element {{HTMLElement("canvas")}} sense ser contaminades. Els valors permesos són: + <dl> + <dt><code>"anonymous"</code></dt> + <dd>Una sol·licitud d'origen creuat (és a dir, amb <code>Origin</code>: capçalera HTTP) es porta a terme. Però no s'envia credencials (és a dir, no hi ha cap galeta, no hi ha cap certificat X.509 i no s'envia l'autenticació HTTP bàsica). Si el servidor no dóna credencials al lloc d'origen (si no s'estableix <code>Access-Control-Allow-Origin</code> : capçalera HTTP) la imatge serà <em>contaminada</em> i el seu ús restringit.</dd> + <dt><code>"use-credentials"</code></dt> + <dd>Una sol·licitud d'origen creuat (és a dir, amb <code>Origin</code>: capçalera HTTP) es realitza amb la credencial enviada (és a dir, una galeta, un certificat i es porta a terme l'autenticacióHTTP bàsica). Si el servidor no dóna credencials al lloc d'origen (a través <code>Access-Control-Allow-Credencials</code>: capçalera HTTP), la imatge serà <em>contaminada</em> i el seu ús restringit.</dd> + </dl> + Quan no està present, el recurs es recupera sense una sol·licitud CORS (és a dir, sense necessitat d'enviar l'<code>Origin</code>: capçalera HTTP), impedint la seva contaminació utilitzada en els elements {{HTMLElement('canvas')}} . Si no és vàlid, es maneja com si s'usés la paraula clau enumerada <strong>anonymous</strong>. Consulteu els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_settings_attributes">atributs de configuració de CORS</a> per obtenir informació addicional.</dd> + <dt>{{htmlattrdef("disabled")}} {{Non-standard_inline}}</dt> + <dd>Aquest atribut s'utilitza per deshabilitar una relació d'enllaços. En conjunció amb scripts, aquest atribut podria ser utilitzat per activar i desactivar diverses relacions de fulles d'estil. + <div class="note"> + <p><strong>Nota: </strong>Si bé no hi ha cap atribut <code>disabled</code> en l'estàndard HTML, <strong>hi ha</strong> un atribut <code>disabled</code> en l'objecte DOM <code>HTMLLinkElement</code> .</p> + + <p>L'ús de <code>disabled</code> com un atribut HTML no és estàndard i només és utilitzat per alguns navegadors (<a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27677">W3 #27677</a>). <strong>No ho feu servir</strong>. Per aconseguir un efecte similar, utilitzeu una de les següents tècniques:</p> + + <ul> + <li>Si l'atribut <code>disabled</code> s'ha afegit directament a l'element de la pàgina, no no inclogueu l'element {{HTMLElement ("link")}} en el seu lloc;</li> + <li>Establir la <strong>propietat</strong> <code>disabled</code> de l'objecte DOM <code>stylesheet</code> a través de scripts.</li> + </ul> + </div> + </dd> + <dt>{{htmlattrdef("href")}}</dt> + <dd>Aquest atribut especifica el {{glossary("URL")}} del recurs vinculat. Un URL pot ser absoluta o relativa.</dd> + <dt>{{htmlattrdef("hreflang")}}</dt> + <dd>Aquest atribut indica l'idioma del recurs vinculat. És merament consultiu. Els valors permesos són determinats per <a href="http://www.ietf.org/rfc/bcp/bcp47.txt">BCP47</a>. Utilitzeu aquest atribut només si el atribut {{htmlattrxref ("href", "a")}} és present.</dd> + <dt>{{htmlattrdef("integrity")}} {{experimental_inline}}</dt> + <dd>Conté metadades en línia, un hash criptogràfic codificat en base 64 d'un recurs (file) que li diu al navegador que ho ha d'obtenir, per a què un agent d'usuari el pugui utilitzar per verificar que el recurs obtingut ha estat entregat lliure de manipulacións inesperades. Veure <a href="https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity">Integritat de Sub-recursos</a>.</dd> + <dt>{{htmlattrdef("media")}}</dt> + <dd>Aquest atribut especifica els mitjans als quals s'aplica el recurs vinculat. El seu valor ha de ser una <a href="https://developer.mozilla.org/en-US/docs/CSS/Media_queries">consulta de mitjans</a>. Aquest atribut és útil principalment quan s'enllaça a fulls d'estil externs en permetre que l'agent d'usuari triï el millor adaptat per al dispositiu en el qual s'executa. + <div class="note"><strong>Nota d'ù: </strong> + <ul> + <li>En HTML 4, això només pot ser una simple llista separada per espais en blanc de la descripció de mitjans literals, és a dir, <a href="https://developer.mozilla.org/en-US/docs/CSS/@media">els tipus de mitjans i grups</a>, on es defineixen i permeten valors per a aquest atribut, com ara print, screen, aural, braille. HTML5 va estendre això a qualsevol tipus de <a href="https://developer.mozilla.org/en-US/docs/CSS/Media_queries">consultes de mitjans (media queries)</a>, que són un superconjunto dels valors permesos d'HTML 4.</li> + <li>Els navegadors que no suporten el <a href="https://developer.mozilla.org/en-US/docs/CSS/Media_queries">Consultes de mitjans (Media Queries) CSS3</a> no reconeixeran necessàriament l'enllaç adequat; No oblidi establir enllaços alternatius, el conjunt restringit de consultes de mitjans definides en HTML 4.</li> + </ul> + </div> + </dd> + <dt>{{htmlattrdef("methods")}} {{Non-standard_inline}}</dt> + <dd>El valor d'aquest atribut proporciona informació sobre les funcions que poden ser realitzades en un objecte. Els valors es donen generalment pel protocol HTTP quan s'utilitza, però podria (per les mateixes raons que l'atribut title) ser útil incloure informació d'assessorament per avançat a l'enllaç. Per exemple, el navegador pot triar un altre tipus de processament d'un enllaç en funció dels mètodes especificats; alguna cosa que sigui consultable podria obtenir una icona diferent, o un enllaç extern podria representar-se amb una indicació d'abandonar el lloc actual. Aquest atribut no és ben comprès ni recolzat, fins i tot per la definició del navegador, Internet Explorer 4. Vegeu els mètodes de la propietat (MSDN).</dd> + <dt>{{htmlattrdef("referrerpolicy")}} {{experimental_inline}}</dt> + <dd>Una cadena que indica quina referència utilitzar en recuperar el recurs:: + <ul> + <li><code>'no-referrer'</code> significa que no s'enviarà la capçalera {{HTTPHeader("Referer")}}.</li> + <li><code>'no-referrer-when-downgrade'</code> significa que la capçalera {{HTTPHeader ("Referer")}} serà enviada al navegar a un origen sense TLS (HTTPS). Aquest és el comportament per defecte d'un agent d'usuari, Si no s'especifica una altra política.</li> + <li><code>'origin'</code> significa que la referència serà l'origen de la pàgina, que és més o menys l'esquema, el host i el port.</li> + <li><code>'origin-when-cross-origin'</code> significa que la navegació a altres orígens estarà limitada a l'esquema, el host i el port, mentre que navegar en el mateix origen inclourà el camí de la referència. </li> + <li><code>'unsafe-url'</code> significa que l'URL de referència inclourà l'origen i la ruta d'accés (però no el fragment, la contrasenya o nom d'usuari). Aquest cas no és segur, ja que pot filtrar-se orígens i trajectòries dels recursos protegits-TLS a orígens insegurs.</li> + </ul> + </dd> + <dt>{{htmlattrdef("rel")}}</dt> + <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>nomena una</span> <span>relació del</span> <span>document</span> <span>vinculat al</span> <span>document actual.</span> <span>L'atribut</span> <span>ha de ser una</span> <span>llista</span> <span>separada per</span> <span>espais dels</span> <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types">valors dels tipus d'enllaços.</a> <span>L'ús més</span> <span>comú d'aquest</span> <span>atribut</span> <span>és especificar</span> <span>un enllaç</span> <span>a un full</span> <span>d'estils extern</span><span>:</span> <span>l'atribut</span> <span>rel</span> <span>s'estableix</span> <span>en fulls</span> <span>d'estil,</span> <span>i</span> <span>l'atribut</span> <span>href</span> <span>s'estableix</span> <span>en l'adreça URL</span> <span>d'un full</span> <span>d'estils extern</span> <span>per</span> <span>donar format a</span> <span>la pàgina.</span> <span>WebTV</span> <span>també</span> <span>és compatible</span> <span>amb</span> <span>l'ús del valor</span> <span>pròxim</span> <span>a rel</span> <span>per</span> <span>carregar prèviament</span> <span>la pàgina</span> <span>següent</span> <span>en una sèrie</span> <span>de documents.</span></span></dd> + <dt>{{htmlattrdef("rev")}}{{obsolete_inline}}</dt> + <dd>El valor d'aquest atribut mostra la relació del document actual en el document vinculat, definit per l'atribut {{htmlattrxref ("href", "link")}} . Així doncs, l'atribut defineix la relació inversa en comparació amb el valor de l'atribut rel. <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types">Els valors dels tipus d'enllaç</a> per a l'atribut són similars als possibles valors per {{htmlattrxref ("rel", "link")}}. + <div class="note"><strong>Nota d'ùs: </strong>Aquest atribut és obsolet en HTML5. <strong>No ho feu servir</strong>. Per aconseguir el seu efecte, utilitzar l'atribut {{htmlattrxref ("rel", "link")}} amb els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types">valors dels tipus d'enllaç</a> oposats, per exemple, <code>made</code> ha de ser reemplaçat per <code>author</code>. També aquest atribut no vol dir <em>revisió</em> i no ha de ser utilitzat amb un nombre de versió, que és per desgràcia el cas en nombrosos llocs.</div> + </dd> + <dt>{{htmlattrdef("sizes")}}</dt> + <dd>Aquest atribut defineix la mida de les icones per els mitjans visuals continguts en el recurs. Ha d'estar present només si el {{htmlattrxref ("rel", "link")}} conté el <code>icon</code> <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types">valor de tipus d'enllaç</a>. Pot tenir els següents valors: + <ul> + <li>qualsevol, el que significa que la icona es pot escalar a qualsevol mida, ja que està en un format vectorial, com <code>image/svg+xml</code>.</li> + <li>una llista de mides separades amb espais en blanc, cadascun amb el format <span style="font-family: courier new;"><em><width in pixels></em>x<em><height in pixels></em></span> o <span style="font-family: courier new;"><em><width in pixels></em>X<em><height in pixels></em></span>. Cadascun d'aquestes mides han d'estar contingudes en el recurs</li> + </ul> + + <div class="note"><strong>Nota d'ùs: </strong> + + <ul> + <li>La majoria de format d'icones només són capaços d'emmagatzemar un sol icona; Per tant, la majoria de les vegades el {{htmlattrxref("sizes")}} conté una sola entrada. El format ICO de MS, així com ICNS d'Apple. Sent ICO el més estès, és el que teniu què utilitzar.</li> + <li>El Apple's iOS no admet aquest atribut, per tant, Apple's iPhone i iPad utilitzen <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types">valors de tipus d'enllaç</a> especials i no estàndard per definir la icona que s'utilitzarà com a element de clip Web o d'inici: <span style="font-family: courier new;">apple-touch-icon</span> and <span style="font-family: courier new;">apple-touch-startup-icon</span>.</li> + </ul> + </div> + </dd> + <dt>{{htmlattrdef("target")}}{{Non-standard_inline}}</dt> + <dd>Defineix el nom de marc o finestra que té la relació d'enllaç definida o que mostrarà la representació de qualsevol recurs vinculat.</dd> + <dt>{{htmlattrdef("title")}}</dt> + <dd>L'atribut <code>title</code> té una semàntica especial en l'element <code><link></code>. Quan s'utilitza en un <code><link rel="stylesheet"></code> defineix una <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Alternative_style_sheets">fulla d'estil preferida o alternativa</a>. Si ho utilitza incorrectament, pot fer que <a href="https://developer.mozilla.org/en-US/docs/Correctly_Using_Titles_With_External_Stylesheets">s'ignori la fulla d'estils.</a></dd> + <dt>{{htmlattrdef("type")}}</dt> + <dd>Aquest atribut s'utilitza per definir el tipus de contingut vinculat. El valor de l'atribut ha de ser un tipus MIME com ara <strong>text/html</strong>, <strong>text/css</strong>, i així successivament. L'ús comú d'aquest atribut és definir el tipus de fulla d'estils vinculada i el valor actual més comú és <strong>text/css</strong>, el que indica un format de full d'estil en cascada.</dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<h3 id="Inclusió_d'un_full_d'estil">I<span class="short_text" id="result_box" lang="ca"><span>nclusió</span> <span>d'un full</span> <span>d'estil</span></span></h3> + +<p>Per incloure un full d'estil en una pàgina, utilitzeu la següent sintaxi:</p> + +<pre class="brush: html"><link href="style.css" rel="stylesheet"> +</pre> + +<h3 id="Proporcionar_fulls_d'estil_alternatius"><span class="short_text" id="result_box" lang="ca"><span>Proporcionar</span> <span>fulls</span> <span>d'estil</span> <span>alternatius</span></span></h3> + +<p><span id="result_box" lang="ca"><span>També podeu especificar</span> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Alternative_style_sheets">fulls d'estil alternatius</a></span>.</p> + +<p>L'usuari pot triar la fulla d'estil que desitja usar seleccionant-la en el menú Veure>Estil de pàgina. Això proporciona un mètode perquè els usuaris puguin veure diverses versions d'una pàgina.</p> + +<pre class="brush: html"><link href="default.css" rel="stylesheet" title="Default Style"> +<link href="fancy.css" rel="alternate stylesheet" title="Fancy"> +<link href="basic.css" rel="alternate stylesheet" title="Basic"> +</pre> + +<h3 id="Esdeveniments_de_càrrega_de_fulls_d'estil"><span class="short_text" id="result_box" lang="ca"><span>Esdeveniments de</span> <span>càrrega</span> <span>de fulls</span> <span>d'estil</span></span></h3> + +<p>Es pot determinar quan un s'ha carregat un full d'estil en observar el disparo d'un esdeveniment <code>load</code>; De la mateixa manera, es pot detectar si s'ha produït un error en processar un full d'estil en observar un esdeveniment <code>error</code>:</p> + +<p> + </p><pre class="brush: html"><script> +function sheetLoaded() { + // Do something interesting; the sheet has been loaded +} + +function sheetError() { + alert("An error occurred loading the stylesheet!"); +} +</script> + +<link rel="stylesheet" href="mystylesheet.css" onload="sheetLoaded()" onerror="sheetError()"> +</pre> +<p></p> + +<div class="note"><strong>Nota:</strong> L'esdeveniment <code>load</code> es desencadena una vegada que el full d'estil i tot el seu contingut importat ha estat carregat i analitzat, i immediatament abans què els estils comencin a ser aplicats en els continguts.</div> + +<h2 id="Notes">Notes</h2> + +<ul> + <li>A <code><link></code> la etiqueta només pot estar en l'element head; No obstant això, no pot haver múltiples ocurrències de <code><link></code>.</li> + <li>HTML 3.2 defineix només els atributs <strong>href</strong>, <strong>rel</strong>, <strong>rev</strong> i <strong>title</strong> per a l'element link.</li> + <li>HTML 2 defineix els atributs <strong>href</strong>, <strong>methods</strong>, <strong>rel</strong>, <strong>rev</strong>, <strong>title</strong>, i <strong>urn</strong> per l'element <code><link></code>. Els atributs <strong>methods</strong> i <strong>urn</strong> posteriorment van ser eliminats de les especificacions.</li> + <li><span id="result_box" lang="ca"><span>Les</span> <span>especificacions</span> <span>d'HTML</span> <span>i XHTML</span> <span>defineixen</span> <span>controladors</span> <span>d'esdeveniments</span> <span>per a l'element</span> <code><span><</span><span>link</span><span>></span></code><span>, però no estava</span> <span>clar com</span> <span>anaven a ser</span> <span>utilitzats.</span></span></li> + <li><span id="result_box" lang="ca"><span>Sota</span> <span>XHTML</span> <span>1.0</span><span>, els</span> <span>elements</span> <span>buits,</span> <span>com</span> <span><</span><span>link</span><span>></span> <span>requereixen una</span> <span>barra</span> <span>final</span><span>:</span> </span><code><link /></code>.</li> +</ul> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('Subresource Integrity', '#htmlscriptelement', '<script>')}}</td> + <td>{{Spec2('Subresource Integrity')}}</td> + <td>Afegeix l'atribut <code>integrity</code>.</td> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', 'semantics.html#the-link-element', '<link>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> + <p><span class="short_text" id="result_box" lang="ca"><span>No hi ha canvis</span> <span>des de l'última presentació</span></span></p> + </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'document-metadata.html#the-link-element', '<link>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Afegeix els atributs <code>crossorigin </code>i <code>sizes</code> ; Els valors estesos de mitjans per a qualsevol consulta de mitjans; afegeix nombrosos nous valors per <code>rel</code>.</td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/links.html#h-12.3', '<link>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> + +<div>{{CompatibilityTable}}</div> + +<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>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>Alternative stylesheets</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoDesktop("1.9")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>disabled</code> atribut {{Non-standard_inline}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>methods</code> atribute {{Non-standard_inline}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>4.0</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td>atribut <code>sizes</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}} {{bug("441770")}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>load</code> and <code>error</code> events</td> + <td> + <p>19 (Webkit: 535.23)</p> + + <p>({{webkitbug(38995)}})</p> + </td> + <td>{{CompatGeckoDesktop("9.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>11.60</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>crossorigin</code></td> + <td>{{CompatChrome("25")}}</td> + <td>{{CompatGeckoDesktop("18.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatOpera("15")}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>integrity</code></td> + <td>{{CompatChrome(45.0)}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}<sup>[1]</sup></td> + </tr> + <tr> + <td>atribut <code>referrerpolicy</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoDesktop("50.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Característica</th> + <th>Android</th> + <th>Android Webview</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + <th>Chrome for Android</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>Alternative stylesheets</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>disabled</code> atribut {{Non-standard_inline}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>methods</code> atribut {{Non-standard_inline}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}</td> + <td>4.0</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>sizes</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}} {{bug("441770")}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>load</code> and <code>error</code> events</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("9.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>crossorigin</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("18.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>integrity</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatChrome(45.0)}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatChrome(45.0)}}</td> + </tr> + <tr> + <td>atribut <code>referrerpolicy</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("50.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td> </td> + </tr> + </tbody> +</table> +</div> + +<p>[1] {{WebKitBug(148363)}} tracks WebKit implementation of Subresource Integrity (which includes the <code>integrity</code> attribute).</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li><a href="http://pieisgood.org/test/script-link-events/">Gràfic de compatibilitat d'esdeveniments de node <script> i <link> de Ryan Grove's</a></li> +</ul> diff --git a/files/ca/web/html/element/listing/index.html b/files/ca/web/html/element/listing/index.html new file mode 100644 index 0000000000..f0606bedcb --- /dev/null +++ b/files/ca/web/html/element/listing/index.html @@ -0,0 +1,48 @@ +--- +title: <listing> +slug: Web/HTML/Element/listing +tags: + - Element + - HTML + - Obsolete + - Reference + - Web +translation_of: Web/HTML/Element/listing +--- +<div>{{Obsolete_header}}</div> + +<h2 id="Summary" name="Summary">Sumari</h2> + +<p>L'<em>Element HTML Llistat</em> (<code><listing></code>) processa el text entre les etiquetes d'inici i fi sense interpretar l'HTML entre elles i usar una font monospaced. L'estàndard HTML 2 recomana que les línies no es trenquin quan no superin els 132 caràcters.</p> + +<p> + </p><div class="note"><strong>Nota: </strong> <span class="short_text" id="result_box" lang="ca"><span>No utilitzeu</span> <span>aquest</span> <span>element</span></span> + + <ul> + <li>Està obsolet des d'HTML 3.2 i no ha estat implementat per tots els navegadors, ni de manera coherent. Més encara, està obsolet en HTML5 i pot ser representat pels agents d'usuari conformes com l'element {{HTMLElement("pre")}}, que interpretarà l'HTML intern!</li> + <li>En el seu lloc, utilitzi l'element {{HTMLElement("pre")}} o si s'adapta semànticament l'element {{HTMLElement("code")}}, eventualment escapa de l'HTML <code>'<'and'>'</code> perquè no s'interpreti.</li> + <li>Una font monoespaciada també es pot obtenir en un element simple {{HTMLElement("div")}}, aplicant un estil <a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a> adequat usant monospace com el valor de la font genèrica en una propietat {{cssxref("font-family")}}.</li> + </ul> + </div> +<p></p> + +<h2 id="Attributes" name="Attributes">Atributs</h2> + +<p><span id="result_box" lang="ca"><span>Aquest</span> <span>element no</span> <span>té altres</span> <span>atributs que els</span></span> <a class="new " href="/en-US/docs/Web/HTML/global_attributes" rel="internal" title="HTML/global attributes">atributs globals</a>, <span id="result_box" lang="ca"><span>comuns a</span> <span>tots</span> <span>els</span> <span>elements.</span></span></p> + +<h2 id="DOM_interface" name="DOM_interface">Interfície DOM</h2> + +<p><span id="result_box" lang="ca"><span>Aquest</span> <span>element</span> <span>implementa la</span></span> interfície {{domxref('HTMLElement')}}.</p> + +<div class="note"> +<p><strong>Nota d'implementació: </strong>fins Gecko 1.9.2 inclosos, Firefox implementa la interfície {{domxref('HTMLSpanElement')}} per aquest element.</p> +</div> + +<h2 id="See_also" name="See_also">Veure</h2> + +<ul> + <li>Els elements {{HTMLElement("pre")}} i {{HTMLElement("code")}} <span id="result_box" lang="ca"> <span>per a ser</span> <span>utilitzat</span> <span>al seu lloc.</span></span></li> + <li>Els elements {{HTMLElement("plaintext")}} i {{HTMLElement("xmp")}}, similars a {{HTMLElement("listing")}} també estan obsolet.</li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/main/index.html b/files/ca/web/html/element/main/index.html new file mode 100644 index 0000000000..ecab39cd8c --- /dev/null +++ b/files/ca/web/html/element/main/index.html @@ -0,0 +1,167 @@ +--- +title: <main> +slug: Web/HTML/Element/main +tags: + - Element + - HTML + - HTML grouping content + - Reference +translation_of: Web/HTML/Element/main +--- +<p>{{HTMLRef}}</p> + +<p>L'<strong>element HTML <code><main></code></strong> representa el contingut principal de el {{HTMLElement("body")}} d'un document o aplicació. L'àrea de contingut principal està constituïda per contingut directament relacionat amb el tema central d'un document o amb la funcionalitat central d'una aplicació. Aquest contingut ha de ser exclusiu del document, excloent qualsevol contingut que es repeteixi en un conjunt de documents com a barres laterals, enllaços de navegació, informació sobre drets d'autor, logotips de llocs i formularis de cerca (tret que la funció principal del document sigui un formulari de cerca).</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">Contingut dinàmic</a>, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">Contingut dinàmic</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>Cap; <span id="result_box" lang="ca"><span>tant</span> <span>les</span> <span>etiquetes</span> <span>d'inici i</span> <span>finalització</span> <span>són</span> <span>obligatoris</span></span>.</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accept <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">Contingut dinàmic.</a></td> + </tr> + <tr> + <th scope="row"> + <p>Interfície DOM</p> + </th> + <td>{{domxref("HTMLElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element només inclou els<span style="line-height: 21px;"> </span><a href="/en-US/docs/Web/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atribust globals</a><span style="line-height: 21px;">.</span></p> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush: html"><!-- other content --> + +<main> + <h1>Apples</h1> + <p>The apple is the pomaceous fruit of the apple tree.</p> + + <article> + <h2>Red Delicious</h2> + <p>These bright red apples are the most common found in many + supermarkets.</p> + <p>... </p> + <p>... </p> + </article> + + <article> + <h2>Granny Smith</h2> + <p>These juicy, green apples make a great filling for + apple pies.</p> + <p>... </p> + <p>... </p> + </article> + +</main> + +<!-- other content --></pre> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', '#the-main-element', '<main>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>S'ha eliminat la restricció sobre l'ús de <code><main></code> diverses vegades en un document, o com un descendent d'un element {{HTMLElement("article")}}.</td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', 'grouping-content.html#the-main-element', '<main>')}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td><span class="short_text" id="result_box" lang="ca"><span>Sense canvis</span> <span>des</span></span> de {{SpecName('HTML5 W3C')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-main-element', '<main>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Definició inicial.</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2> + +<p>L'element <code><main></code> és àmpliament recolzat. Per a Internet Explorer 11 i posteriors, se suggereix que s'afegeixi una funció ària de "main" a l'element <code><main></code> per garantir la seva accessibilitat (els lectors de pantalla com JAWS, usats en combinació amb versions anteriors d'Internet Explorer, podran comprendre el significat semàntic de l'element <code><main></code> una vegada que aquest atribut <code>role</code> estigui inclòs).</p> + +<pre class="brush: html"><main role="main"> + ... +</main> +</pre> + +<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 (WebKit)</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>Chrome 26</td> + <td>{{ CompatGeckoDesktop("21.0") }}</td> + <td>12</td> + <td>Opera 16</td> + <td>Safari 7</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 Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>4.4</td> + <td>{{ CompatGeckoMobile("21.0") }}</td> + <td>{{CompatNo()}}</td> + <td>{{CompatNo()}}</td> + <td>7.1</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Elements estructurals bàsics: {{HTMLElement("html")}}, {{HTMLElement("head")}}, {{HTMLElement("body")}}</li> + <li>Elements de secció relacionats : {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("footer")}}, {{HTMLElement("header")}}, or {{HTMLElement("nav")}}</li> +</ul> + +<p> </p> diff --git a/files/ca/web/html/element/map/index.html b/files/ca/web/html/element/map/index.html new file mode 100644 index 0000000000..8bf0ca7665 --- /dev/null +++ b/files/ca/web/html/element/map/index.html @@ -0,0 +1,163 @@ +--- +title: <map> +slug: Web/HTML/Element/map +tags: + - Element + - HTML + - HTML embedded content + - Multimedia + - NeedsLiveSample + - Reference + - Web +translation_of: Web/HTML/Element/map +--- +<p>L'<strong>element HTML <code><map></code></strong> s'utilitza amb elements {{HTMLElement("area")}} per definir un mapa d'imatge (un àrea d'enllaç que es pot clicar).</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td>Qualsevol element <a href="/en-US/docs/HTML/Content_categories#Transparent_content_model">transparent</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + </tr> + <tr> + <th scope="row"> + <p>Interfície DOM</p> + </th> + <td>{{domxref("HTMLMapElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("name")}}</dt> + <dd>L'atribut name li dóna al mapa un nom perquè pugui ser referenciat. L'atribut ha d'estar present i ha de tenir un valor no buit sense caràcters d'espai. El valor de l'atribut name no ha de ser una coincidència de cas de compatibilitat menor per al valor de l'atribut name d'un altre element mapa en el mateix document. Si s'especifica l'atribut id, tots dos atributs han de tenir el mateix valor.</dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<pre class="brush: html"><map name="example-map-1"> + <area shape="circle" coords="200,250,25" href="another.htm" /> + <area shape="default" /> +</map> +</pre> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'the-map-element.html#the-map-element', '<map>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#the-map-element', '<map>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/objects.html#h-13.6.1', '<map>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td>Definició inicial</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop(1.0)}}<sup>[1]</sup><br> + {{CompatGeckoDesktop(5.0)}}<sup>[2]</sup><br> + {{CompatGeckoDesktop(17.0)}}<sup>[3]</sup></td> + <td>{{CompatVersionUnknown}}</td> + <td>1.0</td> + <td>1.0</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>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatGeckoMobile(1.0)}}<sup>[1]</sup><br> + {{CompatGeckoMobile(5.0)}}<sup>[2]</sup><br> + {{CompatGeckoMobile(17.0)}}<sup>[3]</sup></td> + <td>{{CompatVersionUnknown}}</td> + <td>1.0</td> + <td>1.0</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] A partir de Gecko 5.0 {{geckoRelease ("5.0")}}, els mapes buits ja no són saltats en favor dels no buits quan coincideixen i estan en la modalitat d'interpretació. Per exemple, considereu el següent HTML:</p> + +<pre class="brush: html"><map></map> +<map> + <area shape="rect" coords="25,25,75,75" href="#fail"> +</map> +<img usemap="#a" src="image.png"> +</pre> + +<p>[2] Abans de Gecko 5.0, l'element {{HTMLElement ("img")}} hauria coincidit amb el segon mapa no buit. Ara coincideix amb el primer, encara que estigui buit.</p> + +<p>[3] A partir del Firefox 17 l'estil per defecte de l'element HTML <code><map></code> és <code>display:inline</code>; i no <code>display:block</code>;. Això coincideix amb el comportament d'altres navegadors i el cas que es donava en la modalitat d'interpretació.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>{{HTMLElement("a")}}</li> + <li>{{HTMLElement("area")}}</li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/mark/index.html b/files/ca/web/html/element/mark/index.html new file mode 100644 index 0000000000..c04d4a9401 --- /dev/null +++ b/files/ca/web/html/element/mark/index.html @@ -0,0 +1,146 @@ +--- +title: <mark> +slug: Web/HTML/Element/mark +tags: + - Element + - HTML + - HTML text-level semantics + - HTML5 + - Reference + - Web +translation_of: Web/HTML/Element/mark +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'<em>element HTML marca</em> (<code><mark></code>) representa el text ressaltat, és a dir, una extensió de text marcat per a finalitats de referència, per la seva <em>rellevància</em> en un context particular. Per exemple, pot utilitzar-se en una pàgina que mostra els resultats de cerca per ressaltar cada instància de la paraula buscada.</p> + +<div class="note"> +<p><em>Notes d'ùs: </em></p> + +<ul> + <li>En una cita o un altre bloc, el text ressaltat sol marcar el text que es fa referència fora de la cita, o marcat per a un escrutini específic encara que l'autor original no ho va considerar important.</li> + <li>En el text principal, el text ressaltat sol marcar text que pot ser d'especial rellevància per a l'activitat actual de l'usuari, com els resultats de la cerca..</li> + <li>No utilitzeu l'element <code><mark></code> per al ressaltat de sintaxi; utilitzar l'element {{HTMLElement("span")}} per a aquest fi.</li> + <li>No s'ha de confondre l'element <code><mark></code> amb l'element {{HTMLElement("strong")}}. L'element {{HTMLElement("strong")}} s'utilitza per indicar espais de text d'<em>importància</em> en el context del text, i s'utilitza l'element <code><mark></code> per designar espais de text de <em>rellevància</em> per a un context diferent.</li> +</ul> +</div> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element només inclou els<span style="line-height: 21px;"> </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> + +<h2 id="Exemples">Exemples</h2> + +<pre class="brush: html"><p>The &lt;mark&gt; element is used to <mark>highlight</mark> text</p> +</pre> + +<h3 id="Resultat">Resultat</h3> + +<p>The <mark> element is used to <mark>highlight</mark> text</p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'semantics.html#the-mark-element', '<mark>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-mark-element', '<mark>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>9.0</td> + <td>11.0</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>Suport bàsic</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Altres <a href="/en-US/docs/HTML/Text-level_semantics_elements" title="HTML/Text-level semantics elements">elements a nivell de text, semàntica</a>: {{HTMLElement("a")}}, {{HTMLElement("em")}}, {{HTMLElement("strong")}}, {{HTMLElement("cite")}}, {{HTMLElement("q")}}, {{HTMLElement("dfn")}}, {{HTMLElement("abbr")}}, {{HTMLElement("time")}}, {{HTMLElement("code")}}, {{HTMLElement("var")}}, {{HTMLElement("samp")}}, {{HTMLElement("kbd")}}, {{HTMLElement("sub")}}, {{HTMLElement("sup")}}, {{HTMLElement("i")}}, {{HTMLElement("b")}}, {{HTMLElement("mark")}}, {{HTMLElement("ruby")}}, {{HTMLElement("rp")}}, {{HTMLElement("rt")}}, {{HTMLElement("bdo")}}, {{HTMLElement("span")}}, {{HTMLElement("br")}}, {{HTMLElement("wbr")}}.</li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/marquee/index.html b/files/ca/web/html/element/marquee/index.html new file mode 100644 index 0000000000..8a7c52b823 --- /dev/null +++ b/files/ca/web/html/element/marquee/index.html @@ -0,0 +1,203 @@ +--- +title: <marquee> +slug: Web/HTML/Element/marquee +tags: + - Element + - HTML + - Obsolete + - Reference + - Web +translation_of: Web/HTML/Element/marquee +--- +<div>{{HTMLRef}}</div> + +<div>{{obsolete_header}}</div> + +<h2 id="Summary" name="Summary">Sumari</h2> + +<p>L'element HTML <code><marquee></code> s'utilitza per inserir una àrea de desplaçament de text.</p> + +<h2 id="Atributs">Atributs</h2> + +<dl> + <dt>{{htmlattrdef("behavior")}}</dt> + <dd>Estableix com el text es desplaça dins de la marquesina. Els valors possibles són <code>scroll</code>, <code>slide</code> i <code>alternate</code>. Si no s'especifica cap valor, el valor predeterminat és <code>scroll</code>.</dd> + <dt>{{htmlattrdef("bgcolor")}}</dt> + <dd><span id="result_box" lang="ca"><span>Estableix</span> <span>el color de fons</span> <span>a través del nom</span> <span>del color</span> <span>o el valor</span> <span>hexadecimal</span></span>.</dd> + <dt>{{htmlattrdef("direction")}}</dt> + <dd><span id="result_box" lang="ca"><span>Estableix</span> <span>la direcció del moviment</span> <span>en sentit</span> <span>vertical dins</span> <span>de la</span></span> marquesina. <span id="result_box" lang="ca"><span>Els</span> <span>valors</span> <span>possibles</span> <span>són</span></span> <code>left</code>, <code>right</code>, <code>up</code> i <code>down</code>. <span id="result_box" lang="ca"><span>Si</span> <span>no s'especifica</span> <span>cap valor</span><span>,</span> <span>es</span> <span>deixa el</span> <span>valor per</span> <span>defecte</span></span> <code>left</code>.</dd> + <dt>{{htmlattrdef("height")}}</dt> + <dd><span id="result_box" lang="ca"><span>Estableix</span> <span>l'alçada en</span> <span>píxels o</span> <span>en valor</span> <span>percentual</span></span> .</dd> + <dt>{{htmlattrdef("hspace")}}</dt> + <dd><span id="result_box" lang="ca"><span>Defineix el</span> <span>marge</span> <span>horitzontal</span></span>.</dd> + <dt>{{htmlattrdef("loop")}}</dt> + <dd>Estableix el nombre de vegades que la marquesina es desplaçarà. Si no s'especifica cap valor, el valor predeterminat és -1, el que significa que la marquesina es desplaçarà contínuament.</dd> + <dt>{{htmlattrdef("scrollamount")}}</dt> + <dd>Estableix la quantitat de desplaçament en cada interval en píxels. El valor per defecte és 6.</dd> + <dt>{{htmlattrdef("scrolldelay")}}</dt> + <dd>Estableix l'interval entre cada moviment de desplaçament en milisegons. El valor per defecte és 85. Tingueu en compte que qualsevol valor inferior a 60 és ignorat i el valor 60 s'utilitza en el seu lloc, llevat que s'especifiqui <code>trueSpeed</code>.</dd> + <dt>{{htmlattrdef("truespeed")}}</dt> + <dd> + <p>Per defecte, si els valors de <code>scrollDelay</code> estan per sota 60 son ignorats. Si <code>trueSpeed</code> està present, aquests valors no són ignorats.</p> + </dd> + <dt>{{htmlattrdef("vspace")}}</dt> + <dd>Defineix el marge vertical en píxels o percentatge.</dd> + <dt>{{htmlattrdef("width")}}</dt> + <dd>Estableix l'amplada en píxels o en valor percentual.</dd> +</dl> + +<h2 id="Event_handlers" name="Event_handlers">Controladors d'esdeveniments</h2> + +<dl> + <dt>{{htmlattrdef("onbounce")}}</dt> + <dd>S'activa quan la marquesina ha arribat al final de la seva posició de desplaçament. Només es pot disparar quan l'atribut de comportament està configurat en <code>alternate</code>.</dd> + <dt>{{htmlattrdef("onfinish")}}</dt> + <dd>S'activa quan la marquesina ha acabat la quantitat de desplaçament que s'estableix en l'atribut loop. Només es pot disparar quan l'atribut loop s'estableix en un nombre que és més gran que 0.</dd> + <dt>{{htmlattrdef("onstart")}}</dt> + <dd>S'activa quan la marquesina comença a desplaçar-se.</dd> +</dl> + +<h2 id="Methods" name="Methods">Mètodes</h2> + +<dl> + <dt>start</dt> + <dd><span class="short_text" id="result_box" lang="ca"><span>Inicia</span> el <span>desplaçament de la</span> <span>marquesina.</span></span></dd> + <dt>stop</dt> + <dd> <span class="short_text" id="result_box" lang="ca"><span>Atura el </span><span>desplaçament de la</span> <span>marquesina</span></span> .</dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<pre class="brush: html"><marquee>This text will scroll from right to left</marquee> + +<marquee direction="up">This text will scroll from bottom to top</marquee> + +<marquee direction="down" width="250" height="200" behavior="alternate" style="border:solid"> + <marquee behavior="alternate"> + This text will bounce + </marquee> +</marquee></pre> + +<p>{{EmbedLiveSample("Examples", 600, 450)}}</p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'obsolete.html#the-marquee-element-2', '<marquee>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Faci-ho obsolet a favor de CSS, però definiu el seu comportament esperat, per a la compatibilitat amb versions anteriors.</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'obsolete.html#the-marquee-element-0', '<marquee>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Faci-ho obsolet a favor de CSS, però definiu el seu comportament esperat, per a la compatibilitat amb versions anteriors.</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>2.0</td> + <td>7.2</td> + <td>1.2</td> + </tr> + <tr> + <td>atribut <code>truespeed</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatGeckoDesktop("1.9")}}</td> + <td>4.0</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td>atribut <code>hspace/vspace</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoDesktop("1.9")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>loop</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoDesktop("1.9")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</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>Suport bàsic</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>truespeed</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut<code>h space/vspace</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>loop</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> diff --git a/files/ca/web/html/element/menu/index.html b/files/ca/web/html/element/menu/index.html new file mode 100644 index 0000000000..e8f358df1f --- /dev/null +++ b/files/ca/web/html/element/menu/index.html @@ -0,0 +1,184 @@ +--- +title: <menu> +slug: Web/HTML/Element/menu +translation_of: Web/HTML/Element/menu +--- +<div>{{HTMLRef}}{{SeeCompatTable}}</div> + +<p>L'<strong>element</strong> <strong>HTML <code><menu></code></strong> representa un grup d'ordres que l'usuari pot realitzar o activar. Això inclou tant llistes com menús, que poden aparèixer a la part de dalt de la pantalla, com també menús de context, com les que poden aparèixer sota d'un botó després d'haver fet click.</p> + +<div class="note"><strong>Nota d'ús: </strong>Els elements {{HTMLElement("menu")}} i {{HTMLElement("ul")}} representen una llista no ordenada d'ítems. La diferència clau es que {{HTMLElement("ul")}} conté principalment ítems per mostrar, mentre que {{HTMLElement("menu")}} està destinat a elements interactius</div> + +<p class="note"><strong>Notes: </strong>This element was deprecated in HTML4, però reintroduit en l'HTML5.1 (still working draft).")}}. This document describes current Firefox implementation. Type 'list' is likely to change to 'toolbar' and 'context' to 'popup' according to HTML5.1 working draft.")}}</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>. Additionally, if in the <em>list menu</em> state, palpable content. (<em>list menu</em> is the default state, unless the parent element is a {{HTMLElement("menu")}} in the <em>context menu</em> state.)</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td>If the element is in the <em>list menu</em> state: <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">flow content</a>, or alternatively, zero or more occurrences of {{HTMLElement("li")}}, {{HTMLElement("script")}}, and {{HTMLElement("template")}}.<br> + If the element is in the <em>context menu</em> state: zero or more occurrences, in any order, of {{HTMLElement("menu")}} (<em>context menu</em> state only), {{HTMLElement("menuitem")}}, {{HTMLElement("hr")}}, {{HTMLElement("script")}}, and {{HTMLElement("template")}}.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permessos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">contingut dinàmic</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLMenuElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("label")}}</dt> + <dd>The name of the menu as shown to the user. Used within nested menus, to provide a label through which the submenu can be accessed. Must only be specified when the parent element is a {{HTMLElement("menu")}} in the <em>context menu</em> state.</dd> + <dt>{{htmlattrdef("type")}}</dt> + <dd>This attribute indicates the kind of menu being declared, and can be one of two values. + <ul> + <li><code>context</code>: The <em>context menu</em> state, which represents a group of commands activated through another element. This might be through the {{htmlattrxref("menu", "button")}} attribute of a {{HTMLElement("button")}}, or an element with a <a href="/en-US/docs/HTML/Global_attributes#attr-contextmenu"><code>contextmenu</code></a> attribute. When nesting {{HTMLElement("menu")}} elements directly within one another, this is the missing value default if the parent is already in this state.</li> + <li><code>list</code>: The <em>list menu</em> state, which represents a series of commands for user interaction. This is the missing value default, except where the parent element is a {{HTMLElement("menu")}} in the <em>context menu</em> state.</li> + </ul> + </dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<h3 id="Exemple_1">Exemple 1</h3> + +<pre class="brush: html"><!-- Un botó, que mostra un menú quan es clica --> +<button type="menu" menu="dropdown-menu"> + Dropdown +</button> + +<menu type="context" id="dropdown-menu"> + <menuitem label="Action"> + <menuitem label="Another action"> + <hr> + <menuitem label="Separated action"> +</menu> +</pre> + +<h3 id="Resultat">Resultat</h3> + +<p>{{EmbedLiveSample('Example_1', '', '', '', 'Web/HTML/Element/menu')}}</p> + +<h3 id="Exemple_2">Exemple 2</h3> + +<pre class="brush: html"><!-- un menú de context per a un simple editor, que conté dos botons de menú --> +<menu> + <li> + <button type="menu" value="File" menu="file-menu"> + <menu type="context" id="file-menu"> + <menuitem label="New..." onclick="newFile()"> + <menuitem label="Save..." onclick="saveFile()"> + </menu> + </li> + <li> + <button type="menu" value="Edit" menu="edit-menu"> + <menu type="context" id="edit-menu"> + <menuitem label="Cut..." onclick="cutEdit()"> + <menuitem label="Copy..." onclick="copyEdit()"> + <menuitem label="Paste..." onclick="pasteEdit()"> + </menu> + </li> +</menu> +</pre> + +<h3 id="Resultat_2">Resultat</h3> + +<p>{{EmbedLiveSample('Example_2', '', '', '', 'Web/HTML/Element/menu')}}</p> + +<h2 id="Especificacions">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', 'interactive-elements.html#the-menu-element', '<menu>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', 'interactive-elements.html#the-menu-element', '<menu>')}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td>Definició inicial</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>Suport bàsic</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}<sup>[1]</sup></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</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>Suport bàsic</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}<sup>[1]</sup></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] Gecko has some implementation, though it is not compatible to the specification. Vegeu <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1100749">error 1100749</a>.</p> + +<h2 id="Vegeu_també">Vegeu també</h2> + +<ul> + <li>Other list-related HTML Elements: {{HTMLElement("ol")}}, {{HTMLElement("ul")}}, {{HTMLElement("li")}} and the obsolete {{HTMLElement("dir")}}.</li> + <li>The <a href="/en-US/docs/HTML/Global_attributes#attr-contextmenu"><code>contextmenu</code></a> <a href="/en-US/docs/HTML/Global_attributes">global attribute</a> can be used on an element to refer to the <code>id</code> of a <code>menu</code> with the <code>context</code> {{htmlattrxref("type","menu")}}.</li> +</ul> diff --git a/files/ca/web/html/element/menuitem/index.html b/files/ca/web/html/element/menuitem/index.html new file mode 100644 index 0000000000..d6dae0dfb0 --- /dev/null +++ b/files/ca/web/html/element/menuitem/index.html @@ -0,0 +1,192 @@ +--- +title: <menuitem> +slug: Web/HTML/Element/menuitem +tags: + - Element + - Experimental + - HTML + - HTML interactive elements + - HTML5 + - Reference + - Web +translation_of: Web/HTML/Element/menuitem +--- +<div>{{HTMLRef}}{{SeeCompatTable}}</div> + +<h2 id="Sumari">Sumari</h2> + +<p>L'<strong>element HTML <code><menuitem></code></strong> representa un comando que un usuari és capaç d'invocar a través d'un menú emergent. Això inclou menús contextuals, així com menús que es poden adjuntar a un botó de menú.</p> + +<p>Un comando es pot definir explícitament, amb una etiqueta textual i una icona opcional per descriure el seu aspecte, o bé com un comando indirecte el comportament del qual és definit per un element separat. Els comandos també poden incloure opcionalment una casella de verificació o estar agrupats per compartir els botons d'opció. (Els elements de menú per a comandos indirectes s'obtenen de caselles de verificació o botons de radi quan es defineixen contra els elements <code><input type="checkbox"></code> i <code><input type="radio"></code>.)</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th> + <td>Cap.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td>Cap, és un {{Glossary("empty element")}}.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td><span id="result_box" lang="ca"><span>Ha de tenir una</span> <span>etiqueta d'inici</span> <span>i</span> <span>no</span><span> etiqueta</span> <span>de tancament</span></span> .</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>L'element {{HTMLElement ( "menu")}}, on aquest element està en l'<em>estat del menú emergent</em>. (Si s'especifica, l'atribut <code>type</code> de l'element {{HTMLElement ( "menu")}} ha de ser <code>popup</code>; si manca, l'element principal de el {{HTMLElement ( "menu")}} ha de ser un {{HTMLElement ( "menu")}} en l'estat del <em>menú emergent</em>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLMenuItemElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs global</a>; en particular <code>title</code> pot ser utilitzat per descriure el comando, o proporcionar suggeriments d'ús.</p> + +<dl> + <dt>{{htmlattrdef("checked")}}</dt> + <dd>Atribut booleà que indica si s'ha seleccionat el comando. Només es pot utilitzar quan l'atribut <code>type</code> és <code>checkbox</code> or <code>radio</code></dd> + <dt>{{htmlattrdef("command")}}</dt> + <dd>Especifica l'ID d'un element separat, que indica una ordre que s'invoca de manera indirecta. No es pot utilitzar dins d'un element de menú que també inclou els atributs <code>checked</code>, <code>disabled</code>, <code>icon</code>, <code>label</code>, <code>radiogroup</code> o <code>type</code>.</dd> + <dt>{{htmlattrdef("default")}}</dt> + <dd>Aquest atribut booleà indica l'ús del mateix comando que l'element menu's subjecte (tal com un <code>button</code> o <code>input</code>).</dd> + <dt>{{htmlattrdef("disabled")}}</dt> + <dd>Atribut booleà que indica que l'ordre no està disponible en l'estat actual. Recordeu que és diferent <code>disabled</code> que <code>hidden</code>; l'atribut <code>disabled</code> és apropiat en qualsevol context on un canvi en les circumstàncies podria fer que el comando fora rellevant.</dd> + <dt>{{htmlattrdef("icon")}}</dt> + <dd>URL de la imatge, que s'utilitza per proporcionar una imatge per representar el comando.</dd> + <dt>{{htmlattrdef("label")}}</dt> + <dd>El nom del comando com es mostra a l'usuari. Es requereix quan l'atribut <code>command</code> no està present.</dd> + <dt>{{htmlattrdef("radiogroup")}}</dt> + <dd>Aquest atribut especifica el nom d'un grup de comandos que s'han d'alternar com a botons d'opció quan se selecciona. Només es pot utilitzar quan l'atribut de tipus és <code>radio</code>.</dd> + <dt>{{htmlattrdef("type")}}</dt> + <dd>Aquest atribut indica el tipus de comandament, i pot tenir un dels tres valors. + <ul> + <li><code>command</code>: Un comando regular amb una acció associada. Aquest és el valor per defecte si falta.</li> + <li><code>checkbox</code>: Representa una ordre que es pot commutar entre dos estats diferents.</li> + <li><code>radio</code>: Representen una selecció d'un grup de comandes que es poden alternar com botons de radio.</li> + </ul> + </dd> +</dl> + +<h2 id="Exemple">Exemple</h2> + +<h3 id="Contingut_HTML">Contingut HTML</h3> + +<pre class="brush: html"><!-- A <div> element with a context menu --> +<div contextmenu="popup-menu"> + Right-click to see the adjusted context menu +</div> + +<menu type="context" id="popup-menu"> + <menuitem type="checkbox" onclick="toggleOption()" checked="true">Checkbox</menuitem> + <menuitem type="command" label="Command" icon="icon.png" onclick="doSomething()">Checkbox</menuitem> + <menuitem type="radio" name="group1" onclick="option()" checked="true">Radio button 1</menuitem> + <menuitem type="radio" name="group1" onclick="option()">Radio button 2</menuitem> +</menu> +</pre> + +<h3 id="Contingut_CSS">Contingut CSS</h3> + +<pre class="brush: css">div { + width: 300px; + height: 80px; + background-color: lightgreen; +} +</pre> + +<h3 id="Resultat">Resultat</h3> + +<p>{{EmbedLiveSample('Example', '300', '80')}}</p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'forms.html#the-menuitem-element', '<menuitem>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', 'interactive-elements.html#the-menuitem-element', '<menuitem>')}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td>Definició inicial</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Edge</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> + <td>{{CompatGeckoDesktop(8)}}<sup>[2]</sup></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}<sup>[3]</sup></td> + <td>{{CompatUnknown}}</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>Suport bàsic</td> + <td>{{CompatNo}}</td> + <td>{{CompatGeckoMobile(8)}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] Això s'implementa darrere de les <em>característiques de la plataforma web experimental</em> de preferència i només és compatible amb <code>type="comand"</code>.</p> + +<p>[2] Només funciona per <menuitems> definit dins d'un element {{HTMLElement("menu")}} assignat a un element per mitjà de l'<a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes#attr-contextmenu">atribut contextmenu</a>. A més, l'element requereix una etiqueta de tancament.</p> + +<p>[3] Això s'implementa darrere de les <em>característiques habilitades de la plataforma web experimental</em> de preferència<span lang="ca"><span> i</span> <span>només</span> <span>és compatible</span> <span>amb</span> </span><code>type="comand"</code>.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li><a href="https://hacks.mozilla.org/2011/11/html5-context-menus-in-firefox-screencast-and-code/">Menús de context HTML5 en Firefox (Screencast i Codi)</a></li> +</ul> diff --git a/files/ca/web/html/element/meta/index.html b/files/ca/web/html/element/meta/index.html new file mode 100644 index 0000000000..f455e6f77d --- /dev/null +++ b/files/ca/web/html/element/meta/index.html @@ -0,0 +1,481 @@ +--- +title: <meta> +slug: Web/HTML/Element/meta +tags: + - Document + - Element + - HTML + - HTML document metadata + - Reference + - Web + - metadata +translation_of: Web/HTML/Element/meta +--- +<div>{{HTMLRef}}</div> + +<p>L'<strong>element HTML <code><meta></code></strong> representa qualsevol informació de metadades que no pot ser representat per un dels altres elements meta-relacionats amb l'HTML ({{HTMLElement("base")}}, {{HTMLElement("link")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}} or {{HTMLElement("title")}}).</p> + +<p><span id="result_box" lang="ca"><span>Depenent del</span> <span>conjunt</span> <span>d'atributs</span><span>, el tipus</span> <span>de metadades</span> <span>pot</span> <span>ser un dels</span> <span>següents</span><span>:</span></span></p> + +<ul> + <li>Si {{htmlattrxref("name", "meta")}} està establert, es tracta de <em>metadades a nivell de document</em>, s'aplica a tota la pàgina.</li> + <li>Si {{htmlattrxref("http-equiv", "meta")}} està establert, és una directiva pragma, és a dir, informació normalment proporcionada pel servidor web sobre com s'ha de publicar la pàgina web.</li> + <li>Si {{htmlattrxref ("charset", "meta")}} està establert, és una declaració de conjunt de caràcters (charset), és a dir, el conjunt de caràcters utilitzat per a la forma serializada de la pàgina web..</li> + <li>Si s'estableix {{htmlattrxref("itemprop", "meta")}} , són metadades definides per l'usuari, transparent per a l'usuari-agent, ja que la semàntica de les metadades és específica de l'usuari. {{experimental_inline}}</li> +</ul> + +<table class="properties"> + <tbody> + <tr> + <th><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th> + <td>Contingut metadata. S l'atribut {{htmlattrxref("itemprop", "meta")}} és present: <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">contingut dinàmic</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>.</td> + </tr> + <tr> + <th>Contingut permès</th> + <td>Cap, és un {{Glossary("empty element")}}.</td> + </tr> + <tr> + <th>Omissió de l'etiqueta</th> + <td><span id="result_box" lang="ca"><span>Ja</span> <span>que és un</span> <span>element</span> <span>buit,</span> <span>l'etiqueta</span> <span>d'inici</span> <span>ha d'estar present</span> <span>i</span> <span>l'etiqueta</span> <span>final</span> <span>no ha d'estar</span> <span>present</span></span></td> + </tr> + <tr> + <th>Elements pares permesos</th> + <td><code><meta charset></code>, <code><meta http-equiv></code>: un element {{HTMLElement("head")}}.Si {{htmlattrxref ("http-equiv", "meta")}} no és una declaració de codificació, també pot ser dins d'un element {{HTMLElement("noscript")}}, en si dins d'un element {{HTMLElement("head")}}.</td> + </tr> + <tr> + <th>Interfície DOM</th> + <td>{{domxref("HTMLMetaElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p> + +<p>Recordeu que el {{htmlattrxref("name", "meta")}} global té una semàntica específica en l'element {{HTMLElement("meta")}} i que la {{htmlattrxref("itemprop", "meta")}} no s'ha d'establir quan una dels {{htmlattrxref("name", "meta")}}, {{htmlattrxref("http-equiv", "meta")}} o {{htmlattrxref("charset", "meta")}} ja s'utilitza.</p> + +<dl> + <dt>{{htmlattrdef("charset")}}</dt> + <dd>Aquest atribut declara la codificació de caràcters utilitzada de la pàgina. Pot ser reemplaçat de forma local mitjançant l'atribut <strong>lang</strong> en qualsevol element. Aquest atribut és una cadena literal i ha de ser un dels <em>noms MIME preferits</em> per a una codificació de caràcters <a href="http://www.iana.org/assignments/character-sets">definits per la IANA</a>. Tot i que la norma no sol·licita una codificació de caràcters específica, dóna algunes recomanacions: + <ul> + <li><span class="short_text" id="result_box" lang="ca"><span>S'anima els</span> <span>autors</span> <span>a utilitzar</span> <span>UTF</span><span>-8.</span></span></li> + <li>Els autors no han d'utilitzar codificacions ASCII incompatibles (és a dir, aquelles que no assignen els punts de codi de 8 bits 0x20 a 0x7I als punts de codi Unicode 0x0020 a 0x007I), ja que representen un risc per a la seguretat: els navegadors que no els suporten poden interpretar contingut benigne com a Elements HTML. Aquest és el cas d'almenys els següents conjunts de caràcters: JIS_C6226-1983, JIS_X0212-1990, HZ-GB-2312, JOHAB , la família de normes ISO-2022, i la família EBCDIC.</li> + <li>Els autors no han d'utilitzar CESU-8, UTF-7, BOCU-1 i SCSU, també pertanyents a aquesta categoria i no destinats a ser utilitzats a la web. S'han documentat atacs creuats amb algunes d'aquestes codificacions</li> + <li>Els autors no han d'utilitzar UTF-32 perquè no tots els algoritmes de codificació HTML5 poden distingir-ho d'UTF-16.</li> + </ul> + + <div class="note"><strong>Notes:</strong> + + <ul> + <li>El conjunt de caràcters declarat ha de coincidir amb el de la pàgina. No hi ha cap raó vàlida per declarar un conjunt de caràcters incorrecte.</li> + <li>Aquest element {{HTMLElement("meta")}} ha d'estar dins de l'element {{HTMLElement("head")}} i <strong>dins dels 1024 primers bytes</strong> de la pàgina, ja que alguns navegadors només tenen en compte aquests primers bytes abans d'escollir un caràcter fix de la pàgina.</li> + <li>Aquest element {{HTMLElement("meta")}} és només una part de <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/parsing.html#encoding-sniffing-algorithm">l'algoritme per determinar el conjunt de caràcters</a> d'una pàgina que s'apliquen els navegadors. La capçalera HTTP Content-Type i qualsevol element BOM tenen prioritat sobre aquest element.</li> + <li>És una bona pràctica, i molt recomanable, definir el joc de caràcters que utilitza aquest atribut. Si no hi ha cap joc de caràcters definit per a una pàgina, diverses tècniques de scripts creuats poden ser capaços de perjudicar la pàgina d'usuari, com ara <a href="http://code.google.com/p/doctype-mirror/wiki/ArticleUtf7">la tècnica de reutilització de scripts creuats</a> en UTF-7. Establir sempre aquesta meta protegirà contra aquests riscos.</li> + <li>Aquest element {{HTMLElement("meta")}} és un sinònim de la pre-HTML5 <code><meta http-equiv="Content-Type" content="text/html; charset=<em>IANAcharset</em>"> </code>on <em><code>IANAcharset</code> </em>correspon al valor de l'atribut equivalent {{htmlattrxref("charset", "meta")}}. Aquesta sintaxi es segueix permetent, tot i que obsoleta i ja no es recomana.</li> + </ul> + </div> + </dd> + <dt>{{htmlattrdef("content")}}</dt> + <dd>Aquest atribut proporciona el valor associat a l'atribut {{htmlattrxref("http-equiv", "meta")}} o {{htmlattrxref("name", "meta")}}, depenent del context..</dd> + <dt>{{htmlattrdef("http-equiv")}}</dt> + <dd>Aquest atribut enumerat defineix el pragma que pot alterar comportament els servidors i agents d'usuari . El valor de pragma es defineix utilitzant la {{htmlattrxref("content", "meta")}} i pot ser un dels següents: + <dl> + <dt><code>"content-language"</code> {{obsolete_inline}}</dt> + <dd>Aquest pragma defineix l'idioma per defecte de la pàgina. + <div class="note">No utilitzeu aquest pragma, ja que és obsolet. Utilitzeu l'atribut global <code>lang</code> sobre l'element {{HTMLElement("html")}} al seu lloc.</div> + </dd> + <dt><code>"Content-Security-Policy"</code></dt> + <dd>Aquest valor permet als administradors de llocs web definir polítiques de contingut per als recursos que es proporcionen. Amb unes poques excepcions, les polítiques impliquen principalment especificar els orígens de servidors i punts finals de script. Això ajuda a protegir els atacs de scripts entre llocs.</dd> + <dt><code>"content-type"</code> {{obsolete_inline}}</dt> + <dd>Aquest atribut defineix el <a href="https://developer.mozilla.org/en-US/docs/MIME">tipus MIME</a> del document, amb el temps, seguit del seu joc de caràcters. Segueix la mateixa sintaxi que el camp d'encapçalat d'entitat HTTP <code>content-type</code> però com és l'interior d'un element HTML, la majoria dels valors no són possibles. Per tant, la sintaxi vàlida per al seu contingut literal és la cadena '<code>text/html</code>' seguit eventualment d'un conjunt de caràcters amb la següent sintaxi:'<code>; charset=</code><em><code>IANAcharset</code></em>' on <code>IANAcharset</code> es el <em>nom MIME preferit</em> per a un conjunt de caràcters <a href="http://www.iana.org/assignments/character-sets">definit per la IANA</a>. + <div class="note"><strong>Nota d'ùs:</strong> + <ul> + <li>No utilitzeu aquest pragma ja què és obsolet. Utilitzar l'atribut {{htmlattrxref("charset", "meta")}} en l'element {{HTMLElement("meta")}} al seu lloc.</li> + <li>Com el {{HTMLElement("meta")}} no pot ser utilitzat per canviar el tipus d'un document en un document XHTML, o en un document HTML 5 seguint la sintaxi XHTML, mai posar un tipus MIME a un tipus XHTML MIME d'aquesta manera. Seria incorrecte.</li> + <li>Només un document HTML pot utilitzar el tipus de contingut, per la qual cosa la majoria d'ells és redundant: per això ha quedat obsolet i reemplaçat per l'atribut {{htmlattrxref("charset", "meta")}}.</li> + </ul> + </div> + </dd> + <dt><code>"default-style"</code></dt> + <dd>Aquest pragma especifica el full d'estil preferit per a ser usat en la pàgina. L'atribut {{htmlattrxref("content", "meta")}} ha de contenir el títol d'un element {{HTMLElement ("link")}} que el seu atribut {{htmlattrxref ("href", "link")}} enllaçi a un full d'estil CSS, o el títol d'un element {{HTMLElement("style")}} que conté un full d'estil <a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a>.</dd> + <dt><code>"refresh"</code></dt> + <dd>Aquest pragma especifica: + <ul> + <li>el nombre de segons fins que la pàgina pugui ser recarregada, si l'atribut {{htmlattrxref("content", "meta")}} conté només un nombre enter positiu;</li> + <li>el nombre de segons fins que la pàgina sigui redirigida a un altre, si l'atribut {{htmlattrxref("content", "meta")}} conté un nombre enter positiu seguit de la cadena '<code>;url=</code>' i una adreça URL vàlida.</li> + </ul> + </dd> + <dt><code>"set-cookie"</code> {{obsolete_inline}}</dt> + <dd>Aquest pragma defineix una <a href="https://developer.mozilla.org/en-US/docs/cookie">cookie</a> per a la pàgina. El seu contingut ha de seguir la sintaxi definida en l'<a href="http://tools.ietf.org/html/draft-ietf-httpstate-cookie-14">especificació de cookie HTTP IETF</a>. + <div class="note"><strong>Nota:</strong> No utilitzeu aquest pragma ja qués és obsolet. Utilitzeu la capçalera HTTP set-cookie al seu lloc.</div> + </dd> + </dl> + </dd> + <dt>{{htmlattrdef("name")}}</dt> + <dd>Aquest atribut defineix el nom de metadades a nivell de document. No s'ha d'establir si un dels atributs {{htmlattrxref("itemprop", "meta")}}, {{htmlattrxref("http-equiv", "meta")}} o {{htmlattrxref("charset", "meta")}} també està establert.<br> + Aquest nom de metadades a nivell de document s'associa amb un valor, contingut per l'atribut {{htmlattrxref("content", "meta")}}. Els valors possibles per a l'element name són, amb el seu valor associat, emmagatzemat a través de l'atribut {{htmlattrxref("content", "meta")}}: + <ul> + <li><code>application-name</code>, defineix el nom de l'aplicació web que s'executa a la pàgina web; + <div class="note"><strong>Note:</strong> + <ul> + <li>Els navegadors ho poden usar per identificar l'aplicació. És diferent de l'element {{HTMLElement("title")}}, que en general consisteix en el nom de l'aplicació, però també pot contenir informació específica com el nom del document o un estat;</li> + <li>Les pàgines web senzilles no han de definir la meta del nom de l'aplicació.</li> + </ul> + </div> + </li> + <li><code>author</code>, defineix, en un format lliure, el nom de l'autor del document;</li> + <li><code>description</code>, conté un resum breu i precís del contingut de la pàgina. Diversos navegadors, entre ells Firefox i Opera, utilitzen aquesta meta com la descripció per defecte de la pàgina quan estan marcats;</li> + <li><code>generator</code>, conté, en un format lliure, l'identificador per al programari que genera la pàgina;</li> + <li><code>keywords</code>, conté, cadenes separades per comes, les paraules rellevants associades amb el contingut de la pàgina;</li> + <li><code>referrer</code> {{experimental_inline}} controlar el contingut de la capçalera HTTP <code>referer</code> HTTP unit a qualsevol sol·licitud enviada des d'aquest document: + <table class="standard-table"> + <caption>Els valors per a l'atribut content de <meta name="referrer"></caption> + <thead> + </thead> + <tbody> + <tr> + <td><code>no-referrer</code></td> + <td>No envia una capçalera HTTP <code>Referer</code>.</td> + </tr> + <tr> + <td><code>origin</code></td> + <td>Enviar l'<a href="/en-US/docs/Glossary/Origin">origin</a> del document.</td> + </tr> + <tr> + <td><code>no-referrer-when-downgrade</code></td> + <td>Envia l'<a href="/en-US/docs/Glossary/Origin">origin</a> com a referència a una destinació prioritària com a-molt-segur (https->https), però no envia una referència a una destinació menys segura (https->http). <span id="result_box" lang="ca"><span>Aquest</span> <span>és el comportament</span> <span>per</span> <span>defecte</span></span>.</td> + </tr> + <tr> + <td><code>origin-when-crossorigin</code></td> + <td>Envia un URL sencera (despullada de paràmetres) quan es realitza una sol·licitud del mateix origen, però només enviar l'origen del document per a altres casos.</td> + </tr> + <tr> + <td><code>unsafe-URL</code></td> + <td>Envia un URL sencera (despullada de paràmetres) en realitzar una sol·licitud del mateix origen o d'origen creuat.</td> + </tr> + </tbody> + </table> + + <div class="note"> + <p><strong>Nota: </strong>Alguns navegadors soportan paraules clau per defecte, i mai per referència. Aquests valors estan obsolets. </p> + </div> + + <div class="note"> + <div class="notes"><strong>Nota:</strong> Inserir dinàmicament <code><meta name="referrer"></code> (per document.write o appendChild) crea un no determinisme quan es tracta d'enviar les referéncies o no. Recordeu també que quan es defineixen una sèrie de polítiques en conflicte, s'aplica la política de no-referrer.</div> + </div> + </li> + </ul> + + <p>L'atribut pot tenir també un valor pres de la llista ampliada definida a la pàgina <a href="http://wiki.whatwg.org/wiki/MetaExtensions">WHATWG Wiki MetaExtensions</a>. Tot i que cap ha estat formalment acceptada però, alguns noms d'ús comú són algunes de les propostes:</p> + + <ul> + <li><code>creator</code>, defineix, en un format lliure, el nom de l'autor del document. Recordeu que pot ser el nom de la institució. Si hi ha més d'un, s'han d'utilitzar diversos elements {{HTMLElement ("meta")}};</li> + <li><code>googlebot</code>, és un sinònim de robots, però només és seguit pel robot de Google, el rastrejador d'indexació de Google;</li> + <li><code>publisher</code>, defineix, en un format lliure, el nom de l'editor del document. Recordeu que pot ser el nom de la institució;</li> + <li><code>robots</code>, defineix el comportament que els rastrejadors de cooperació han de tenir amb la pàgina. És una llista separada per comes dels valors de la següent llista: + <table class="standard-table"> + <caption>Els valors per content de <meta name="robots"></caption> + <thead> + <tr> + <th scope="col">Valor</th> + <th scope="col">Descripció</th> + <th scope="col">Utilizat per</th> + </tr> + </thead> + <tbody> + <tr> + <td><code>index</code></td> + <td>Permet al robot indexar la pàgina</td> + <td>Tot</td> + </tr> + <tr> + <td><code>noindex</code></td> + <td><span class="short_text" id="result_box" lang="ca"><span>Evita que</span> <span>el robot</span> <span>indexi</span> <span>la pàgina</span></span></td> + <td>Tot</td> + </tr> + <tr> + <td><code>follow</code></td> + <td><span id="result_box" lang="ca"><span>Permet</span> <span>que el robot</span> <span>segueixi els</span> <span>enllaços de la pàgina</span></span></td> + <td>Tot</td> + </tr> + <tr> + <td><code>nofollow</code></td> + <td>Evita que el robot segueixi els enllaços de la pàgina</td> + <td>Tot</td> + </tr> + <tr> + <td><code>noodp</code></td> + <td>Evita l'ús del <a href="http://www.dmoz.org/">Open Directory Project</a>, si escau, com la descripció de la pàgina en la pàgina de resultats del motor de cerca</td> + <td> + <p><a class="external" href="http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=79812" title="http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=79812">Google</a>, <a class="external" href="http://help.yahoo.com/l/us/yahoo/search/indexing/indexing-11.html;_ylt=Arh3LHnisvRMPJKzQqmJ97JYqCN4" title="http://help.yahoo.com/l/us/yahoo/search/indexing/indexing-11.html;_ylt=Arh3LHnisvRMPJKzQqmJ97JYqCN4">Yahoo</a>, <a class="external" href="http://www.bing.com/toolbox/blogs/webmaster/archive/2008/06/03/robots-exclusion-protocol-joining-together-to-provide-better-documentation.aspx" title="http://www.bing.com/toolbox/blogs/webmaster/archive/2008/06/03/robots-exclusion-protocol-joining-together-to-provide-better-documentation.aspx">Bing</a></p> + </td> + </tr> + <tr> + <td><code>noarchive</code></td> + <td>Evita que el motor de cerca emmagatzemi en caché el contingut de la pàgina</td> + <td><a class="external" href="http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=79812" title="http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=79812">Google</a>, <a class="external" href="http://help.yahoo.com/l/us/yahoo/search/indexing/basics-10.html;_ylt=Aszma_Ly8TfhL7mn_LGWn5RYqCN4" title="http://help.yahoo.com/l/us/yahoo/search/indexing/basics-10.html;_ylt=Aszma_Ly8TfhL7mn_LGWn5RYqCN4">Yahoo</a></td> + </tr> + <tr> + <td><code>nosnippet</code></td> + <td>Evita la visualització de qualsevol descripció de la pàgina a la pàgina de resultats del motor de cerca</td> + <td><a class="external" href="http://www.google.com/support/webmasters/bin/answer.py?answer=35304" title="http://www.google.com/support/webmasters/bin/answer.py?answer=35304">Google</a></td> + </tr> + <tr> + <td><code>noimageindex</code></td> + <td>Evita que aquesta pàgina aparegui com la pàgina de referència d'una imatge indexada</td> + <td><a class="external" href="http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=79812" title="http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=79812">Google</a></td> + </tr> + <tr> + <td><code>nocache</code></td> + <td>Sinònim de <code>noarchive</code></td> + <td><a class="external" href="http://www.bing.com/toolbox/blogs/webmaster/archive/2008/06/03/robots-exclusion-protocol-joining-together-to-provide-better-documentation.aspx" title="http://www.bing.com/toolbox/blogs/webmaster/archive/2008/06/03/robots-exclusion-protocol-joining-together-to-provide-better-documentation.aspx">Bing</a></td> + </tr> + </tbody> + </table> + + <div class="note"><strong>Notes:</strong> + + <ul> + <li>Només robots cooperatius seguiran les regles definides pel nom dels robots. No cal esperar per mantenir les recol·lectores de correu electrònic a ratlla amb això.</li> + <li>El robot encara ha d'accedir a la pàgina per tal de llegir el valor meta. Si vol mantenir a ratlla, per exemple, per prevenir el consum d'ample de banda, utilitzeu un fitxer robots.txt en el seu lloc (o en el complement).</li> + <li>Si voleu treure la pàgina d'un índex, canviant de meta a noindex funcionarà, però només quan el robot visiti la pàgina de nou. Estigueu segurs de no impedir aquest tipus de visites, a través de l'arxiu robots.txt per exemple. Alguns motors de cerca tenen eines de desenvolupadors, el que permet una eliminació ràpida d'alguna pàgina..</li> + <li>Alguns valors possibles són mútuament excloents, com l'ús d'<code>index</code> i <code>noindex</code>, o <code>follow</code> i <code>nofollow</code>, al mateix temps. En aquests casos el comportament del robot no està definit, i pot variar d'un a un altre. Per tant evitar aquests casos.</li> + <li>Alguns robots rastrejadors de motors de cerca, com els de Google, Yahoo Search o Bing, admeten els mateixos valors en una directiva HTTP, <code>X-Robot-Tags</code>: això els permet utilitzar aquests pragma en documents no HTML, com imatges.</li> + </ul> + </div> + </li> + <li><code>slurp</code>, és un sinònim de robots, però només és seguit per Slurp, el rastrejador d'indexació per Yahoo Search;</li> + </ul> + + <p><span id="result_box" lang="ca"><span>Finalment alguns</span> <span>noms</span> <span>són</span> <span>d'ús comú</span><span>, encara que no</span> <span>en el procés</span> <span>de normalització</span><span>:</span></span></p> + + <ul> + <li><code>viewport</code>, dóna pistes sobre la mida de la mida inicial de {{glossary("viewport")}}. Aquest pragma és utilitzat només per diversos dispositius mòbils. + + <table class="fullwidth-table"> + <caption>Els valors per content de <code><meta name="viewport"></code></caption> + <thead> + <tr> + <th scope="col">Valor</th> + <th scope="col">Possibles valors</th> + <th scope="col">Descripció</th> + </tr> + </thead> + <tbody> + <tr> + <td><code>width</code></td> + <td>un nombre enter positiu o el literal <code>device-width</code></td> + <td><span id="result_box" lang="ca"><span>defineix</span> <span>l'amplada</span><span>,</span> <span>en píxels</span><span>, de la finestra</span> <span>gràfica</span></span></td> + </tr> + <tr> + <td><code>height</code></td> + <td>un nombre enter positiu o el literal <code>device-height</code></td> + <td><span id="result_box" lang="ca"><span>defineix</span> <span>l'alçada</span><span>,</span> <span>en píxels</span><span>, de la finestra</span> <span>gràfica</span></span></td> + </tr> + <tr> + <td><code>initial-scale</code></td> + <td>un nombre positiu entre <code>0.0</code> i <code>10.0</code></td> + <td>defineix la relació entre l'amplada del dispositiu (<code>device-width</code> en mode retrat <code>device-height</code> en mode horitzontal) i la mida de la finestra gràfica.</td> + </tr> + <tr> + <td><code>maximum-scale</code></td> + <td>un nombre positiu entre <code>0.0</code> i <code>10.0</code></td> + <td>defineix el valor màxim del zoom; que ha de ser major o igual que el <code>minimum-scale</code> o el comportament és indeterminat.</td> + </tr> + <tr> + <td><code>minimum-scale</code></td> + <td>un nombre positiu entre <code>0.0</code> i <code>10.0</code></td> + <td> + <p>defineix el valor mínim del zoom; que ha de ser menor o igual que el<code> maximum-scale</code> o el comportament és indeterminat.</p> + </td> + </tr> + <tr> + <td><code>user-scalable</code></td> + <td>un valor booleà (<code>yes</code> o <code>no</code>)</td> + <td>Si s'estableix a <code>no</code>, l'usuari no pot ampliar la pàgina web. El valor per defecte és <code>yes</code>.</td> + </tr> + </tbody> + </table> + + <table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('CSS3 Device', '#viewport-meta', '<meta name="viewport">')}}</td> + <td>{{Spec2('CSS3 Device')}}</td> + <td>No normativament descriu l'element META de la finestra gràfica</td> + </tr> + </tbody> + </table> + + <div>Veure: {{cssxref("@viewport")}}</div> + + <div class="note"><strong>Notes:</strong> + + <ul> + <li>Encara que no estandarditzat, aquest atribut és utilitzat per diferents navegadors mòbils com Safari Mobile, Firefox for Mobile o Opera Mobile.</li> + <li><span id="result_box" lang="ca"><span>Els</span> <span>valors per defecte</span> <span>poden</span> <span>canviar d'un</span> <span>dispositiu</span><span>,</span> <span>i el navegador</span><span>, a un altre</span><span>.</span></span></li> + <li>Per aprendre sobre aquest pragma a for Mobile, consulta <a href="https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag">aquest article</a>.</li> + </ul> + </div> + </li> + </ul> + </dd> + <dt>{{htmlattrdef("scheme")}} {{obsolete_inline}}</dt> + <dd>Aquest atribut defineix l'esquema en el qual es descriu les metadades. Un esquema és un context que porta a les interpretacions correctes del valor {{htmlattrxref("content", "meta")}}, com un format. + <div class="note"><strong>Nota:</strong> No utilitzeu aquest atribut, ja que és obsolet. No hi ha reemplaçament per a ell ja que no hi havia cap ús real per a això. Ometre completament.</div> + </dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<pre class="brush: html"><!-- In HTML5 --> +<meta charset="utf-8"> + +<!-- Defining the charset in HTML4 --> +<!-- Note: This is invalid in HTML5 --> +<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + +<!-- Redirect page after 3 seconds --> +<meta http-equiv="refresh" content="3;url=http://www.mozilla.org/"> + +</pre> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('Referrer Policy', '#referrer-policy-delivery-meta', '<meta name="referrer">')}}</td> + <td>{{Spec2('Referrer Policy')}}</td> + <td>Defineix valors i semantiques de <code><meta name="referrer"></code>.</td> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', 'semantics.html#the-meta-element', '<meta>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Afegeis l'atribut <code>itemprop</code></td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'document-metadata.html#the-meta-element', '<meta>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Afegeis l'atribut <code>charset</code></td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/global.html#h-7.4.4.2', '<meta>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td><code>name="referrer"</code></td> + <td>{{CompatChrome("17")}}</td> + <td>{{CompatGeckoDesktop("36.0")}} [1]</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>Constrained to values listed under referrer (as specified in the spec.)</td> + <td>{{CompatChrome("46.0")}}</td> + <td> </td> + <td> </td> + <td> </td> + <td> </td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Característica</th> + <th>Android</th> + <th>Android Webview</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + <th>Chrome for Android</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td><code>name="referrer"</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("36.0")}} [1]</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>Constrained to values listed under referrer (as specified in the spec.)</td> + <td>{{CompatNo}}</td> + <td>{{CompatChrome("46.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatChrome("46.0")}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] El valor <code>referrer</code> no es va tenir en compte quan la navegació estava succeint a través d'un menú contextual o botó central fins Firefox 39.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li><span class="short_text" id="result_box" lang="ca"><span>Els</span> <span>altres</span> <span>elements</span> <span>que contenen</span> <span>metadades</span></span> : {{HTMLElement("base")}}, {{HTMLElement("head")}}, {{HTMLElement("link")}}, {{HTMLElement("style")}},{{HTMLElement("title")}}.</li> +</ul> diff --git a/files/ca/web/html/element/meter/index.html b/files/ca/web/html/element/meter/index.html new file mode 100644 index 0000000000..2b55b9910a --- /dev/null +++ b/files/ca/web/html/element/meter/index.html @@ -0,0 +1,189 @@ +--- +title: <meter> +slug: Web/HTML/Element/meter +tags: + - Element + - HTML + - HTML forms + - HTML5 + - Reference + - Web +translation_of: Web/HTML/Element/meter +--- +<div>{{HTMLRef}}</div> + +<h2 id="Sumari">Sumari</h2> + +<p>L'<strong>Element HTML <code><meter></code></strong> representa un valor escalar dins d'un rang conegut o un valor fraccionari.</p> + +<div class="note">Llevat que l'atribut <code>value</code> està entre <code>0</code> i <code>1</code> (inclosos), els atributs <code>min</code> i <code>max</code> haurien de definir el rang de manera que el valor de l'atribut <code>value</code> estigui dins d'ell.</div> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>, contingut etiquetable, content, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content">Phrasing content</a>, però no ha d'haver cap element <code><meter></code> entre els seus descendents.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + </tr> + <tr> + <th scope="row"> + <p>Interfície DOM</p> + + <p> </p> + </th> + <td>{{domxref("HTMLMeterElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("value")}}</dt> + <dd>El valor numèric actual. Això ha d'estar entre els valors màxim i mínim (atribut <code>min</code> i atribut <code>max</code>) si s'especifiquen. Si no s'especificat o és incorrecte, el valor és 0. Si s'especifica, però no dins del rang donat per l'atribut <code>min</code> i l'atribut <code>max</code>, el valor és igual a l'extrem més proper del rang.</dd> + <dt>{{htmlattrdef("min")}}</dt> + <dd>El límit numèric inferior del rang mesurat. Aquest ha de ser menor que el valor màxim (atribut <code>max</code>), si s'especifica. Si no s'especifica, el valor mínim és 0.</dd> + <dt>{{htmlattrdef("max")}}</dt> + <dd>El límit numèric superior del rang mesurat. Aquest ha de ser major que el valor mínim (atribut <code>min</code>), si s'especifica. Si no s'especifica, el valor mínim és 1.</dd> + <dt>{{htmlattrdef("low")}}</dt> + <dd>El límit numèric superior de l'extrem inferior del rang de mesurat. Aquest ha de ser més gran que el valor mínim (atribut <code>min</code>), i també ha de ser menor que el valor alt i valor màxim (l'atribut <code>high</code> i l'atribut <code>max</code>, respectivament), si s'especifica algun. Si no s'especifica, o si és menor que el valor mínim, el valor <code>low</code> és igual al valor mínim.</dd> + <dt>{{htmlattrdef("high")}}</dt> + <dd>El límit numèric inferior de l'extrem superior del rang de mesurat. Aquest ha de ser més petit que el valor màxim (atribut <code>max</code>), i també ha de ser més gran que el valor baix i valor mínim (l'atribut <code>low</code> i l'atribut <code>min</code>, respectivament), si s'especifica algun. Si no s'especifica, o si és més gran que el valor màxim, el valor <code>high</code> és igual al valor màxim.</dd> + <dt>{{htmlattrdef("optimum")}}</dt> + <dd>Aquest atribut indica el valor numèric òptim. Ha d'estar dins del rang (definit per l'atribut <code>min</code> i l'atribut <code>max</code>). Quan s'usa amb l'atribut <code>low</code> i l'atribut <code>high</code>, es dóna una indicació d'on al llarg del rang es considera preferible. Per exemple, si està entre l'atribut <code>min</code> i l'atribut <code>low</code>, llavors el rang inferior es considera preferit.</dd> + <dt>{{htmlattrdef("form")}}</dt> + <dd>Aquest atribut associa l'element amb un element <code>form</code> que té la propietat de l'element <code>meter</code>. Per exemple, un <code>meter</code> podria estar mostrant un rang corresponent a un element <code>input</code> de <code>type</code> <em>numèric</em>. Aquest atribut s'utilitza únicament si l'element <code>meter</code> està sent utilitzat com un element de formulari associat; fins i tot llavors, pot ser omès si l'element apareix com un descendent d'un element <code>form</code>.</dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<h3 id="Exemple_senzill"><span class="short_text" id="result_box" lang="ca"><span>Exemple</span> <span>senzill</span></span></h3> + +<h4 id="Contingut_HTML">Contingut HTML</h4> + +<pre class="brush: html"><p>Heat the oven to <meter min="200" max="500" value="350">350 degrees</meter>.</p> +</pre> + +<h4 id="Sortida">Sortida</h4> + +<p>{{EmbedLiveSample("Simple_example", 300, 60)}}</p> + +<p> <span id="result_box" lang="ca"><span>A Google</span> <span>Chrome</span><span>, el mesurador</span> <span>resultant</span> <span>s'assembla a</span> <span>això</span><span>:</span></span></p> + +<p><img alt="meter1.png" class="default internal" src="/@api/deki/files/4940/=meter1.png"></p> + +<h3 id="Exemple_de_rang_High_i_Low">Exemple de rang High i Low</h3> + +<p><span id="result_box" lang="ca"><span>Tingueu</span> <span>en compte que en</span> <span>aquest exemple</span> <span>no s'inclou l'atribut</span> <strong><span>min</span></strong><span>;</span> <span>això està</span> <span>permès,</span> <span>ja que el valor</span> <span>de</span> <span>0</span></span></p> + +<h4 id="Contingut_HTML_2">Contingut HTML</h4> + +<pre class="brush: html"><p>He got a <meter low="69" high="80" max="100" value="84">B</meter> on the exam.</p> +</pre> + +<h4 id="Sortida_2">Sortida</h4> + +<p>{{EmbedLiveSample("High_and_Low_range_example", 300, 60)}}</p> + +<p><span id="result_box" lang="ca"><span>A Google</span> <span>Chrome</span><span>, el mesurador</span> <span>resultant</span> <span>s'assembla a</span> <span>això</span><span>:</span></span></p> + +<p><img alt="meter2.png" class="default internal" src="/@api/deki/files/4941/=meter2.png"></p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'the-button-element.html#the-meter-element', '<meter>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'forms.html#the-meter-element', '<meter>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Definició inicial</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Edge</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>6.0</td> + <td>{{CompatGeckoDesktop("16.0")}}</td> + <td>{{CompatNo}}</td> + <td>20<sup>[1]</sup></td> + <td>11.0</td> + <td>5.2</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>Edge Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatNo}}</td> + <td>{{CompatGeckoMobile("16.0")}}</td> + <td>{{CompatNo}}</td> + <td>20<sup>[1]</sup></td> + <td>11.0</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] Veure la <a href="https://developer.microsoft.com/en-us/microsoft-edge/platform/status/meterelement">Pàgina Estat de la Plataforma de Microsoft Edge</a>.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>{{HTMLElement("progress")}}</li> +</ul> diff --git a/files/ca/web/html/element/multicol/index.html b/files/ca/web/html/element/multicol/index.html new file mode 100644 index 0000000000..2f09a6e122 --- /dev/null +++ b/files/ca/web/html/element/multicol/index.html @@ -0,0 +1,21 @@ +--- +title: <multicol> +slug: Web/HTML/Element/multicol +tags: + - Deprecated + - Experimental + - HTML + - Non-standard +translation_of: Web/HTML/Element/multicol +--- +<div>{{non-standard_header}}</div> + +<h2 id="Sumari">Sumari</h2> + +<p>L'element HTML <code><multicol></code> era un element experimental dissenyat per permetre dissenys de diverses columnes. Mai va arribar a tenir un tiratge significatiu i no s'implementa en els navegadors més importants.</p> + +<div class="note"> +<p><strong>No utilitzeu aquest!</strong> Per tal d'implementar un disseny de diverses columnes, s'ha de fer ús dels elements HTML regulars, com {{HTMLElement("div")}} en conjunció amb la característica <a href="/en-US/docs/Web/Guide/CSS/Using_multi-column_layouts" title="/en-US/docs/Web/CSS/columns">CSS Column</a>.</p> +</div> + +<p>Recordeu que fins Firefox 22, encara que no suportat, un element <code><multicol></code> es va associar amb un {{domxref ("HTMLSpanElement")}}. A continuació, va ser fixat i ara es associat amb un {{domxref("HTMLUnknownElement")}} d'acord al demanat per l'especificació.</p> diff --git a/files/ca/web/html/element/nav/index.html b/files/ca/web/html/element/nav/index.html new file mode 100644 index 0000000000..c78bfe8cb3 --- /dev/null +++ b/files/ca/web/html/element/nav/index.html @@ -0,0 +1,124 @@ +--- +title: <nav> +slug: Web/HTML/Element/nav +translation_of: Web/HTML/Element/nav +--- +<h2 id="Resum">Resum</h2> + +<p>L'<em>element HTML Navigation (</em><code><nav></code>) representa una secció de la pàgina que enllaça a altres pàgines o parts dins la pàgina: una secció amb enllaços de navegació.</p> + +<div class="note"> +<p><em>Notes d'ús:</em></p> + +<ul> + <li>No tots els enllaços d'un document han de ser dins l'element <code><nav></code>, el qual està destinat només per als principals blocs d'enllaços de navegació; Normalment, l'element {{HTMLElement("footer")}} sovint té un llistat d'enllaços que no necessiten ésser dins l'element {{HTMLElement("nav")}}.</li> + <li>Un document pot tenir varis elements {{HTMLElement("nav")}}, per exemple, un per navegar pel web i un alltre per navegar per dins la pàgina.</li> + <li>Els agents d'usuari, com ara els lectors de pantalla destinats a usuaris discapacitats, poden utilitzar aquest element per determinar si ometre la prestació inicial d'aquest contingut.</li> +</ul> +</div> + +<ul class="htmlelt"> + <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">Flow content</a>, <a href="/en-US/docs/HTML/Content_categories#Sectioning_content" title="HTML/Content categories#Sectioning_content">sectioning content</a>, contingut palpable.</li> + <li><dfn>Contingut permès</dfn> <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Flow content</a>.</li> + <li><dfn>Omissió d'etiqueta</dfn> {{no_tag_omission}}</li> + <li><dfn>Elements pares permesos</dfn> Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">flow content</a>.</li> + <li><dfn>Interfície DOM</dfn> {{domxref("HTMLElement")}}</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> + +<h2 id="Exemples">Exemples</h2> + +<pre class="brush:xml"><nav> + <ul> + <li><a href="#">Home</a></li> + <li><a href="#">About</a></li> + <li><a href="#">Contact</a></li> + </ul> +</nav> +</pre> + +<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', 'sections.html#the-nav-element', '<nav>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'sections.html#the-nav-element', '<nav>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</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>Feature</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>5</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>9.0</td> + <td>11.10</td> + <td>4.1</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</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>2.2</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>9.0</td> + <td>11.0</td> + <td>5.0 (iOS 4.2)</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Vegeu_també">Vegeu també</h2> + +<ul> + <li>Altres elements de secció relacionats: {{HTMLElement("body")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}};</li> + <li class="last"><a class="deki-ns current" href="/en-US/docs/Sections_and_Outlines_of_an_HTML5_document" title="Sections and Outlines of an HTML5 document">Seccions i contorns d'un document HTML5</a>.</li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/nextid/index.html b/files/ca/web/html/element/nextid/index.html new file mode 100644 index 0000000000..430aa00da7 --- /dev/null +++ b/files/ca/web/html/element/nextid/index.html @@ -0,0 +1,138 @@ +--- +title: nextid +slug: Web/HTML/Element/nextid +tags: + - Deprecated + - Element + - HTML + - Obsolete + - Reference + - Web +translation_of: Web/HTML/Element/nextid +--- +<div>{{Deprecated_header}}</div> + +<h2 id="Sumari">Sumari</h2> + +<p>L'element HTML <strong><code><nextid></code></strong> és obsolet, que va servir per habilitar l'eina de disseny web NeXT per generar etiquetes NAME automàtiques per als seus ancoratges. Va ser generat per aquesta eina d'edició web automàticament i no s'havia d'ajustar o introduir manualment. Aquest element té la distinció de ser el primer element en convertir-se en una de les "etiquetes perdudes" en ser eliminat de les DTD oficials de les versions HTML. També és probablement un dels menys entesos de tots els elements HTML primerenque</p> + +<dl> + <dt>HTML "0.a" - des del principi fins el 10 de Gener de 1991</dt> + <dd><span id="result_box" lang="ca"><span>Aquesta</span> <span>etiqueta</span> <span>no s'havia</span> <span>inventat</span> <span>encara,</span> <span>per la qual cosa</span> <span>no es troben</span> <span>exemples</span> <span>d'aquest</span> <span>període.</span></span></dd> + <dt>HTML "0.c" - des del 23 Gener 1991 fins el 23 Novembre de 1992</dt> + <dd>Aquesta primera versió d'HTML es va introduir <code><NEXTID></code> en un format no compatible amb SGML utilitzant simplement el valor numèric com un "atribut".</dd> + <dt>HTML "0.d" - des del 26 Novembre de 1992 fins el 24 Maih de 1993</dt> + <dd>Durant aquest lapse, NeXT i el DTD supervivent més antic, mostren <code><NEXTID></code> per prendre només un nombre per el valor del seu atribut N novament introduït.</dd> + <dt>HTML "1.k" - <span class="short_text" id="result_box" lang="ca"><span>Versió</span> <span>1 (</span><span>primera versió</span><span>)</span></span></dt> + <dd>En aquest primer esborrany publicat d'HTML, <code><NEXTID></code> és el mateix que tindria en HTML 2, permetent finalment l'ús d'un nom en lloc de només un nombre per al valor del seu atribut.</dd> + <dt>HTML "1.m" - <span class="short_text" id="result_box" lang="ca"><span>Versió</span> <span>1 (</span><span>segona versió</span><span>)</span></span></dt> + <dd>En el següent esborrany publicat d'HTML, <code><NEXTID> <NEXTID></code> pot desplegar-se individualment per a la seva visualització amb un simple comando SGML.</dd> + <dt>HTML <span class="short_text" id="result_box" lang="ca"><span>Versió</span></span> 2 Nivell 1</dt> + <dd>És com el nivell 2 per defecte però exclou tots els elements de formularis, i. e. <code><FORM></code>, <code><INPUT></code>, <code><TEXTAREA></code>, <code><SELECT></code> i <code><OPTION></code></dd> + <dt>HTML <span class="short_text" id="result_box" lang="ca"><span>Versió</span></span> 2 Estricta Nivell 1</dt> + <dd>És com el Nivell 1 regular però també exclou aquests elements depreciats, juntament amb construccions com niar un encapçalat (element <code><H*></code>) dins d'un d'enllaç (element <code><A></code>).</dd> + <dt>HTML <span class="short_text" id="result_box" lang="ca"><span>Versió</span></span> 2 Nivell 2</dt> + <dd>Aquest és el valor per defecte, inclou i permet totes les funcions, elements i atributs de Nivell 2 HTML.</dd> + <dt>HTML <span class="short_text" id="result_box" lang="ca"><span>Versió</span></span> 2 Estricta Nivell 2</dt> + <dd>Exclou aquests elements depreciats i també prohibeix construccions com niar una capçalera (element <code><H*></code>) dins d'un enllaç (element <code><A></code>), o tenir un element <code><INPUT></code> de formualri que no està dins d'un element de nivell de bloc com <code><P></code>.</dd> + <dt>HTML <span class="short_text" id="result_box" lang="ca"><span>Versió</span></span> 3.2</dt> + <dd><code><NEXTID></code> <span lang="ca"> <span>ha desaparegut del tot</span><span>, mai</span> <span>es va saber</span> <span>d'ell.</span></span></dd> +</dl> + +<h2 id="Atributs">Atributs</h2> + +<p><span id="result_box" lang="ca"><span>Igual</span> <span>que tots els altres</span> <span>elements</span> <span>HTML</span><span>, aquest element</span> <span>accepta</span> <span>els</span></span> <a href="/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("n")}}</dt> + <dd>Reference to anchor.</dd> +</dl> + +<h2 id="Exemple">Exemple</h2> + +<p>Diguem, per exemple, que l'usuari introdueix quatre encapçalaments de secció en la Taula de Continguts (i presumiblement també escriu material de paràgraf dins de les seccions). A les capçaleres de cadascuna de les quatre seccions se li assignaria els valors NAME "z0", "z1", "z2" i "z3" . La primera d'elles produiria una entrada a la taula de contingut com aquesta: <code><A NAME="z0" HREF="#z4">FIRST SECTION NAME</A></code> i la capçalera de secció en la pròpia secció estaria marcada com això : <code><H2><A NAME="z4">FIRST SECTION NAME</A></H2></code>. Això continua per a les següents tres seccions, denominades z5, z6 i z7 (i les entrades de la Taula de contingut denominades z1, z2 i z3), i cadascuna d'elles rep automàticament ancores amb aquests noms. Llavors decideix guardar i tancar el document.NeXT agregaria llavors dins de l'encapçalat del document HTML una etiqueta especial, <code><NEXTID N="z8"></code> per informar-se on ha de continuar la seva convenció de nomenclatura per la propera vegada que obri el document. Per tant, imageneu que l'autor de la web obre el document per a la seva posterior edició. Vol afegir un parell de noves seccions després de la seva segona secció i annexar quatre seccions més al final. Així que obre el document, i l'editor de NeXT troba i llegeix aquesta etiqueta <code><NEXTID N="z8"></code> i donant la primera d'aquesta nova secció el nom Z8 afegint-la a la taula de contingut i z14 en el cos del seu contingut. El que té ara, una vegada que es fa de nou i tanca el document podria tenir aquest aspecte:</p> + +<pre class="brush: html"><HTML> + <HEAD> + <TITLE> ... whatever ... </TITLE> + <LINK, META, BASE, etc. as applicable for the head of this document> + <NEXTID N="z20"> + </HEAD> + + <BODY> + <A NAME="z0" HREF="#z4">FIRST SECTION HEADING</A> + <A NAME="z1" HREF="#z5">SECOND SECTION HEADING</A> + <A NAME="z8" HREF="#z14">NEWLY INSERTED THIRD SECTION HEADING</A> + <A NAME="z9" HREF="#z15">NEWLY INSERTED FOURTH SECTION HEADING</A> + <A NAME="z2" HREF="#z6">ORIGINAL THIRD (NOW FIFTH) SECTION HEADING</A> + <A NAME="z3" HREF="#z7">ORIGINAL FOURTH (NOW SIXTH) SECTION HEADING</A> + <A NAME="z10" HREF="#z16">SEVENTH SECTION HEADING</A> + <A NAME="z11" HREF="#z17">EIGHTH SECTION HEADING</A> + <A NAME="z12" HREF="#z18">NINTH SECTION HEADING</A> + <A NAME="z13" HREF="#z19">TENTH SECTION HEADING</A> + <H2><A NAME="z4">FIRST SECTION HEADING</A></H1><P> ... whatever ... </P> + <H2><A NAME="z5">SECOND SECTION HEADING</A></H1><P> ... whatever ... </P> + <H2><A NAME="z14">NEWLY INSERTED THIRD SECTION HEADING</A></H1><P> ... whatever ... </P> + <H2><A NAME="z15">NEWLY INSERTED FOURTH SECTION HEADING</A></H1><P> ... whatever ... </P> + <H2><A NAME="z6">ORIGINAL THIRD (NOW FIFTH) SECTION HEADING</A></H1><P> ... whatever ... </P> + <H2><A NAME="z7">ORIGINAL FOURTH (NOW SIXTH) SECTION HEADING</A></H1><P> ... whatever ... </P> + <H2><A NAME="z16">SEVENTH SECTION HEADING</A></H1><P> ... whatever ... </P> + <H2><A NAME="z17">EIGHTH SECTION HEADING</A></H1><P> ... whatever ... </P> + <H2><A NAME="z18">NINTH SECTION HEADING</A></H1><P> ... whatever ... </P> + <H2><A NAME="z19">TENTH SECTION HEADING</A></H1><P> ... whatever ... </P> + </BODY> +</HTML> +</pre> + +<p>Després s'envia una còpia d'aquest document al seu amic que també té un editor NeXT, i suprimeix les seccions z7 i z19 i afegeix deu més, des de z20 fins z29, a continuació elimina els paràgrafs z24 i z29. Per tant, el valor NEXTID és z30 quan ho retorna modificat a l'autor original, es veu d'aquesta manera:</p> + +<pre class="brush: html"><HTML> + <HEAD> + <TITLE> ... whatever ... </TITLE> + <LINK, META, BASE, etc. as applicable for the head of this document> + <NEXTID N="z30"> + </HEAD> + + <BODY> + <A NAME="z0" HREF="#z4">FIRST SECTION HEADING</A> + <A NAME="z1" HREF="#z5">SECOND SECTION HEADING</A> + <A NAME="z8" HREF="#z14">NEWLY INSERTED THIRD SECTION HEADING</A> + <A NAME="z9" HREF="#z15">NEWLY INSERTED FOURTH SECTION HEADING</A> + <A NAME="z2" HREF="#z6">ORIGINAL THIRD (NOW FIFTH) SECTION HEADING</A> + <A NAME="z10" HREF="#z16">SEVENTH (NOW SIXTH) SECTION HEADING</A> + <A NAME="z11" HREF="#z17">EIGHTH (NOW SEVENTH) SECTION HEADING</A> + <A NAME="z12" HREF="#z18">NINTH (NOW EIGHTH) SECTION HEADING</A> + <A NAME="z20" HREF="#z25">NEW NINTH SECTION HEADING</A> + <A NAME="z21" HREF="#z26">NEW TENTH SECTION HEADING</A> + <A NAME="z22" HREF="#z27">NEW ELEVENTH SECTION HEADING</A> + <A NAME="e23" HREF="#z28">NEW TWELFTH SECTION HEADING</A> + <H2><A NAME="z4">FIRST SECTION HEADING</A></H1><P> ... whatever ... </P> + <H2><A NAME="z5">SECOND SECTION HEADING</A></H1><P> ... whatever ... </P> + <H2><A NAME="z14">NEWLY INSERTED THIRD SECTION HEADING</A></H1><P> ... whatever ... </P> + <H2><A NAME="z15">NEWLY INSERTED FOURTH SECTION HEADING</A></H1><P> ... whatever ... </P> + <H2><A NAME="z6">ORIGINAL THIRD (NOW FIFTH) SECTION HEADING</A></H1><P> ... whatever ... </P> + <H2><A NAME="z16">SEVENTH (NOW SIXTH) SECTION HEADING</A></H1><P> ... whatever ... </P> + <H2><A NAME="z17">EIGHTH (NOW SEVENTH) SECTION HEADING</A></H1><P> ... whatever ... </P> + <H2><A NAME="z18">NINTH (NOW EIGHTH) SECTION HEADING</A></H1><P> ... whatever ... </P> + <H2><A NAME="z25">NEW NINTH SECTION HEADING</A></H1><P> ... whatever ... </P> + <H2><A NAME="z26">NEW TENTH SECTION HEADING</A></H1><P> ... whatever ... </P> + <H2><A NAME="z27">NEW ELENENTH SECTION HEADING</A></H1><P> ... whatever ... </P> + <H2><A NAME="z28">NEW TWELFTH SECTION HEADING</A></H1><P> ... whatever ... </P> + </BODY> +</HTML> +</pre> + +<h2 id="Referència_HTML">Referència HTML</h2> + +<ul> + <li><a class="external text" href="http://www.the-pope.com/nextid.html" rel="nofollow">Exemple de treball de l'element de la etiqueta NEXTID</a></li> + <li><a class="external text" href="https://tools.ietf.org/html/rfc1866#section-5.2.6" rel="nofollow">5.2.6. Next Id: NEXTID</a></li> +</ul> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>{{HTMLElement("isindex")}}</li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/nobr/index.html b/files/ca/web/html/element/nobr/index.html new file mode 100644 index 0000000000..d9cd58bd03 --- /dev/null +++ b/files/ca/web/html/element/nobr/index.html @@ -0,0 +1,30 @@ +--- +title: <nobr> +slug: Web/HTML/Element/nobr +tags: + - Element + - HTML + - NeedsCompatTable + - Non-standard + - Reference + - Web +translation_of: Web/HTML/Element/nobr +--- +<div>{{non-standard_header}}</div> + +<h2 id="Summary" name="Summary">Sumari</h2> + +<p>L'element HTML <code><nobr></code> impedeix que un text es trenqui automàticament en una nova línia, per la qual cosa es mostra en una línia llarga i pot ser necessari desplaçar-se. Aquesta etiqueta no és HTML estàndard i no ha d'utilitzar-se. En el seu lloc, utilitzi la propietat CSS {{Cssxref("white-space")}} de la següent manera:</p> + +<p> + </p><pre class="brush:css"><span style="white-space: nowrap">Long line with no breaks</span></pre> +<p></p> + +<h2 id="See_also" name="See_also">Veure</h2> + +<ul> + <li>{{Cssxref("white-space")}}</li> + <li>{{Cssxref("overflow")}}</li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/noembed/index.html b/files/ca/web/html/element/noembed/index.html new file mode 100644 index 0000000000..b2d420043d --- /dev/null +++ b/files/ca/web/html/element/noembed/index.html @@ -0,0 +1,35 @@ +--- +title: <noembed> +slug: Web/HTML/Element/noembed +tags: + - Deprecated + - HTML + - NeedsCompatTable + - Non-standard + - Reference +translation_of: Web/HTML/Element/noembed +--- +<div>{{HTMLRef}}{{Non-standard_header}}{{deprecated_header}}</div> + +<p>L'element <code><noembed></code> és una forma obsoleta i no estàndard per proporcionar contingut alternatiu o de "reserva" per als navegadors que no suporten l'element {{HTMLElement("embed")}} o no són compatibles amb <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Embedded_content">contingut incrustat</a> (<a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Embedded_content">embedded content</a>) que un autor desitji usar. Aquest element va ser desaprovat en HTML 4.01 i anteriorment en favor de {{HTMLElement("object")}}. El contingut de reserva ha de ser inserit entre les etiquetes d'obertura i tancament de {{HTMLElement("object")}}.</p> + +<div class="note"> +<p>Si bé aquest element actualment encara funciona en molts navegadors, s'ha quedat obsolet i no ha de ser utilitzat. Utilitza {{HTMLElement("object")}} al seu lloc.</p> +</div> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', '#noembed', '<noembed>')}}</td> + <td>{{ Spec2('HTML WHATWG') }}</td> + <td>Característica no conforme.</td> + </tr> + </tbody> +</table> diff --git a/files/ca/web/html/element/noframes/index.html b/files/ca/web/html/element/noframes/index.html new file mode 100644 index 0000000000..492727308a --- /dev/null +++ b/files/ca/web/html/element/noframes/index.html @@ -0,0 +1,38 @@ +--- +title: <noframes> +slug: Web/HTML/Element/noframes +tags: + - Element + - HTML + - Reference + - Web +translation_of: Web/HTML/Element/noframes +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'element HTML <code><noframes></code> s'utilitza per donar suport als navegadors que no són capaços de suportar elements {{HTMLElement("frame")}} o està configurats per a fer-ho.</p> + +<p>Es pot utilitzar qualsevol element HTML dins de <code><noframes></code> que s'espera que sigui vist dins de l'element {{HTMLElement("body")}} , excepte els elements {{HTMLElement("frameset")}} i {{HTMLElement("frame")}}.</p> + +<div class="note"><strong>Nota:</strong> El fet de que els principals navegadors suportin marcs, l'ús d'aquest element no és necessari en casos generals. Sent totalment obsolet en HTML5, s'ha d'evitar per ajustar-se a la norma.</div> + +<h2 id="Atributs">Atributs</h2> + +<p><span id="result_box" lang="ca"><span>Igual</span> <span>que tots els altres</span> <span>elements</span> <span>HTML</span><span>, aquest element</span> <span>és compatible</span> <span>amb</span> <span>els</span> </span><a href="/en-US/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush:html"><frameset cols="50%,50%"> + <frame src="https://developer.mozilla.org/en/HTML/Element/frameset" /> + <frame src="https://developer.mozilla.org/en/HTML/Element/frame" /> + <noframes><p>It seems your browser does not support frames or configured to does not so.</p></noframes> +</frameset></pre> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>{{HTMLElement("frameset")}}</li> + <li>{{HTMLElement("frame")}}</li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/noscript/index.html b/files/ca/web/html/element/noscript/index.html new file mode 100644 index 0000000000..de222ce457 --- /dev/null +++ b/files/ca/web/html/element/noscript/index.html @@ -0,0 +1,145 @@ +--- +title: <noscript> +slug: Web/HTML/Element/noscript +tags: + - Element + - HTML + - HTML scripting + - Reference + - Web +translation_of: Web/HTML/Element/noscript +--- +<div>{{HTMLRef}}</div> + +<h2 id="Sumari">Sumari</h2> + +<p>L'<strong>Element HTML <code><noscript></code></strong> defineix una secció d'HTML per inserir si un tipus de script a la pàgina no és compatible o si scripting està actualment desactivat en el navegador.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Metadata_content" title="HTML/Content_categories#Metadata_content">Contingut Metadata</a>, <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td>Quan scripting està desactivat i quan és un descendent de l'element {{HTMLElement("head")}} en qualsevol ordre, zero o més elements {{HTMLElement("link")}}, zero o més elements {{HTMLElement("style")}} i zero o més elements {{HTMLElement("meta")}}.<br> + Quan scripting està desactivat i quan no és un descendent de l'element {{HTMLElement("head")}}: qualsevol contingut transparent, però sense l'element <code><noscript></code> ha d'estar entre els seus descendents.<br> + Altrament: contingut dinàmic o phrasing content.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>, si no hi ha un element ancestre <code><noscript></code>, o en un element {{HTMLElement("head")}} (però només per un document HTML), aquí de nou si no hi ha un element ancestre <code><noscript></code>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element només inclou els<span style="line-height: 21px;"> </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> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush: html"><noscript> + <!-- anchor linking to external file --> + <a href="http://www.mozilla.com/">External Link</a> +</noscript> +<p>Rocks!</p> +</pre> + +<h3 id="Resultat_amb_scripting_activat">Resultat amb scripting activat</h3> + +<p>Rocks!</p> + +<h3 id="Resultat_amb_scripting_desactivat">Resultat amb scripting desactivat</h3> + +<p><a class="external" href="http://www.mozilla.com/">External Link</a></p> + +<p>Rocks!</p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'scripting-1.html#the-noscript-element', '<noscript>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'scripting-1.html#the-noscript-element', '<noscript>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'interact/scripts.html#h-18.3.1', '<noscript>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> diff --git a/files/ca/web/html/element/object/index.html b/files/ca/web/html/element/object/index.html new file mode 100644 index 0000000000..2651a14c6b --- /dev/null +++ b/files/ca/web/html/element/object/index.html @@ -0,0 +1,196 @@ +--- +title: <object> +slug: Web/HTML/Element/object +tags: + - Element + - HTML + - HTML embedded content + - Reference + - Web +translation_of: Web/HTML/Element/object +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'<em>Element HTML objecte incrustat</em> (<strong><object></strong>) representa un recurs extern, que pot ser entès com una imatge, un context de navegació niada, o un recurs per ser manejat per un complement.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Content categories</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>; <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>; <a href="/en-US/docs/HTML/Content_categories#Embedded_content" title="HTML/Content categories#Embedded content">contingut incrustat</a>, contingut palpable; si l'element té un atribut <strong>usemap</strong>, <a href="/en-US/docs/HTML/Content_categories#Interactive_content" title="HTML/Content categories#Interactive content">contingut interactiu</a>; <a href="/en-US/docs/HTML/Content_categories#Form_listed" title="HTML/Content categories#Form listed">enumerat</a>, element <a href="/en-US/docs/HTML/Content_categories#Form_submittable" title="HTML/Content categories#Form submittable">enviable</a> <a href="/en-US/docs/HTML/Content_categories#Form-associated_content" title="HTML/Content categories#Form-associated content">associat a un formulari</a>.</td> + </tr> + <tr> + <td>Contingut permès</td> + <td>zero o més elements {{HTMLElement("deviceId")}}, llavors <a href="/en-US/docs/HTML/Content_categories#Transparent_content_model" title="HTML/Content_categories#Transparent_content_model">transparent</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Embedded_content" title="HTML/Content categories#Embedded content">contingut incrustat</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLObjectElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els<span style="line-height: 21px;"> </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> + +<dl> + <dt>{{htmlattrdef("archive")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt> + <dd><span id="result_box" lang="ca"><span>Una</span> <span>llista</span> <span>separada per</span> <span>espais dels</span> <span>URI</span>s <span>d'arxius de</span> <span>recursos</span> <span>per a l'objecte</span><span>.</span></span></dd> + <dt>{{htmlattrdef("border")}} {{deprecatedGeneric('inline','HTML4.01')}}; {{obsoleteGeneric('inline','HTML5')}}</dt> + <dd><span id="result_box" lang="ca"><span>L'ample</span> <span>d'una vora</span> <span>al voltant</span> <span>del control,</span> <span>en píxels</span><span>.</span></span></dd> + <dt>{{htmlattrdef("classid")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt> + <dd>L'URI de la implementació de l'objecte. Es pot utilitzar juntament amb, o en lloc de, l'atribut <strong>data</strong></dd> + <dt>{{htmlattrdef("codebase")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt> + <dd>La ruta base utilitzada per resoldre URIs relatius especificats per <strong>classid</strong>, <strong>data</strong> o <strong>archive</strong>. Si no s'especifica, el valor predeterminat és l'URI base del document actual.</dd> + <dt>{{htmlattrdef("codetype")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt> + <dd><span id="result_box" lang="ca"><span>El tipus</span> <span>de contingut</span> <span>de les dades especificades</span> <span>per</span> <strong><span>classid</span></strong><span>.</span></span></dd> + <dt>{{htmlattrdef("data")}}</dt> + <dd>La direcció del recurs com un URL vàlida. Com a mínim s'han de definir un <strong>data</strong> i <strong>type</strong>.</dd> + <dt>{{htmlattrdef("declare")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt> + <dd>La presència d'aquest atribut booleà fa que aquest element només sigui una declaració. L'objecte ha de ser instanciat per un element <code><object></code> subsegüent. En HTML5, repetir tot l'element <code><object></code> per cada recurs que es torna a utilitzar.</dd> + <dt>{{htmlattrdef("form")}} {{HTMLVersionInline(5)}}</dt> + <dd>L'element formulari, si existeix, amb el qual està associat l'element object (el seu <em>propietari del formulari</em>). El valor de l'atribut ha de ser un ID d'un element {{HTMLElement("form")}} en el mateix document.</dd> + <dt>{{htmlattrdef("height")}}</dt> + <dd>L'alçada del recurs visualitzat, en píxels CSS.</dd> + <dt>{{htmlattrdef("name")}}</dt> + <dd>El nom del context de navegació vàlid (HTML5), o el nom del control (HTML 4).</dd> + <dt>{{htmlattrdef("standby")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt> + <dd>Un missatge que el navegador pot mostrar durant la càrrega de la implementació dels objectes i dades.</dd> + <dt>{{htmlattrdef("tabindex")}} {{HTMLVersionInline(4)}} only; {{obsoleteGeneric('inline','HTML5')}}</dt> + <dd>La posició de l'element en l'ordre de navegació de pestanyes del document actual.</dd> + <dt>{{htmlattrdef("type")}}</dt> + <dd> + <p>El <a href="https://developer.mozilla.org/en-US/docs/Glossary/Content_type">tipus de contingut (content type)</a> del recurs especificat per les dades. Com a mínim ha de ser definit un data i type.</p> + </dd> + <dt>{{htmlattrdef("typemustmatch")}} {{HTMLVersionInline(5)}}</dt> + <dd>Aquest atribut booleà indica si han de coincidir el <strong>type</strong> i el recurs de <a href="https://developer.mozilla.org/en-US/docs/Glossary/Content_type">tipus de contingut (content type)</a> real per ordre d'aquest per ser utilitzat.</dd> + <dt>{{htmlattrdef("usemap")}}</dt> + <dd>Una referència a un hash-name a un element {{HTMLElement("map")}}; que és un "#" seguit pel valor d'un {{htmlattrxref("name", "map")}} d'un element map.</dd> + <dt>{{htmlattrdef("width")}}</dt> + <dd>L'amplada del recurs visualitzat, en píxels CSS</dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<h3 id="Incrusta_una_pel·lícula_flash"><span class="short_text" id="result_box" lang="ca"><span>Incrusta</span> <span>una pel·lícula</span> <span>flash</span></span></h3> + +<pre class="brush: html"><!-- Embed a flash movie --> +<object data="movie.swf" type="application/x-shockwave-flash"></object> + +<!-- Embed a flash movie with parameters --> +<object data="movie.swf" type="application/x-shockwave-flash"> + <param name="foo" value="bar"> +</object> +</pre> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'embedded-content.html#the-object-element', '<object>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#the-object-element', '<object>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/objects.html#h-13.3', '<object>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td><code>typemustmatch</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoDesktop("27")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td><code>typemustmatch</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("27")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>{{HTMLElement("param")}}</li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/ol/index.html b/files/ca/web/html/element/ol/index.html new file mode 100644 index 0000000000..3d4893e40c --- /dev/null +++ b/files/ca/web/html/element/ol/index.html @@ -0,0 +1,277 @@ +--- +title: <ol> +slug: Web/HTML/Element/ol +tags: + - Element + - HTML + - HTML grouping content + - 'HTML:Flow content' + - Reference +translation_of: Web/HTML/Element/ol +--- +<p>{{HTMLRef}}</p> + +<p>L'<strong>Element HTML <code><ol></code></strong> (o <em>llista ordenada d'elements HTML</em>) representa una llista ordenada d'elements. En general, els elements de la llista ordenada es mostren amb una numeració anterior, que pot ser de qualsevol forma, com números, lletres o números romans o fins i tot bales simples. Aquest estil numerat no està definit en la descripció HTML de la pàgina, sinó en la seva CSS associat, mitjançant la propietat {{cssxref("list-style-type")}}.</p> + +<p>No hi ha cap limitació a la profunditat i la superposició de les llistes definides amb els elements {{HTMLElement("ol")}} i {{HTMLElement("ul")}}.</p> + +<div class="note"><strong>Nota d'ùs: </strong> El {{HTMLElement("ol")}} i {{HTMLElement("ul")}} tots dos representen una llista d'elements. Es diferencien en la forma en què, amb l'element {{HTMLElement("ol")}} l'ordre és significatiu. Com a regla general per determinar quin d'ells utilitzar, tracteu de canviar l'ordre dels elements de la llista; si canvia el significat, l'element {{HTMLElement("ol")}} s'ha d'utilitzar, en cas contrari el {{HTMLElement("ul")}} és l'adequat.</div> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Phrasing_content">Contingut dinàmic</a>, i si els fills de l'element <code><ol></code> inclouen almenys un element {{HTMLElement("li")}}, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td>Zero o més elements {{HTMLElement("li")}}</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Phrasing_content">Contingut dinàmic</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLOListElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els<span style="line-height: 21px;"> </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> + +<dl> + <dt>{{htmlattrdef("compact")}}{{ Deprecated_inline() }}</dt> + <dd>Aquest atribut booleà indica que la llista s'ha de representar en un estil compacte. La interpretació d'aquest atribut depèn de l'agent d'usuari i no funciona en tots els navegadors. {{noteStart}} No utilitzeu aquest atribut, ja que ha quedat obsolet: l'element {{HTMLElement("ol")}} se li ha d'aplicar els estils amb <a href="https://developer.mozilla.org/en-US/docs/CSS">CSS</a>. Per donar un efecte similar a l'atribut compacte, la propietat <a href="https://developer.mozilla.org/en-US/docs/CSS">CSS</a> {{cssxref("line-height")}} es pot usar amb un valor de <code>80%</code>. {{noteEnd}}</dd> + <dt>{{htmlattrdef("reversed")}} {{HTMLVersionInline(5)}}</dt> + <dd>Aquest atribut booleà especifica que els elements de l'element s'especifiquen en l'ordre invers, és a dir, que el menys important apareix en primer lloc.</dd> + <dt>{{htmlattrdef("start")}}{{HTMLVersionInline(5)}}</dt> + <dd>Aquest atribut enter especifica el valor inicial per a la numeració dels elements individuals de la llista. Tot i que el tipus d'ordre dels elements de la llista podria ser nombres romans, com XXXI, o lletres, el valor inicial sempre és representat com un nombre. Per començar a numerar els elements de la lletra "C", utilitzeu <code><ol start = "3"></code>. + <div class="note"><strong>Nota</strong>: Aquest atribut està desaprovat en HTML 4, però es va tornar a introduir en HTML5.</div> + </dd> + <dt>{{htmlattrdef("type")}}</dt> + <dd><span id="result_box" lang="ca"><span>Indica</span> <span>el tipus</span> <span>de numeració</span><span>:</span></span> + <ul> + <li><code>'a'</code> indica que les lletres són minúscules,</li> + <li><code>'A'</code> indica que les lletres són majúscules,</li> + <li><code>'i'</code> indica els nombres romans en minúscula,</li> + <li><code>'I'</code> indica els nombres romans en majúscules,</li> + <li>i <code>'1'</code> indica els números (per defecte).</li> + </ul> + + <p>El conjunt de tipus s'utilitza per a la llista completa a menys que un atribut {{htmlattrxref("type", "li")}} diferent s'utilitzi dins d'un element {{HTMLElement ("li")}} tancat.</p> + + <div class="note"><strong>Nota: </strong>Aquest atribut està desaprovat en HTML 4, però es va tornar a introduir en HTML5.Tret que el valor del nombre de llista importi (per exemple, en documents legals o tècnics en els quals els elements han de referenciar-se pel seu nombre / lletra), hauria d'usar-se la propietat CSS {{cssxref ("list-style-type")}} al seu lloc.</div> + </dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<h3 id="Simple_example" name="Simple_example">Exemple senzill</h3> + +<pre class="brush: html"><ol> + <li>first item</li> + <li>second item</li> + <li>third item</li> +</ol> +</pre> + +<p>Sortida del codi HTML anterior:</p> + +<ol> + <li>first item</li> + <li>second item</li> + <li>third item</li> +</ol> + +<h3 id="Usant_l'atribut_start"><span id="result_box" lang="ca"><span>Usant</span> <span>l'atribut</span> </span><span style="font-family: courier new;"><code>start</code></span></h3> + +<pre class="brush: html"><ol start="7"> + <li>first item</li> + <li>second item</li> + <li>third item</li> +</ol> +</pre> + +<p>Sortida del codi HTML anterior:</p> + +<ol start="7"> + <li>first item</li> + <li>second item</li> + <li>third item</li> +</ol> + +<h3 id="Llistes_niades">Llistes niades</h3> + +<pre class="brush: html"><ol> + <li>first item</li> + <li>second item <!-- Look, the closing </li> tag is not placed here! --> + <ol> + <li>second item first subitem</li> + <li>second item second subitem</li> + <li>second item third subitem</li> + </ol> + </li> <!-- Here is the closing </li> tag --> + <li>third item</li> +</ol> +</pre> + +<p>Sortida del codi HTML anterior:</p> + +<ol> + <li>first item</li> + <li>second item + <ol> + <li>second item first subitem</li> + <li>second item second subitem</li> + <li>second item third subitem</li> + </ol> + </li> + <li>third item</li> +</ol> + +<h3 id="Niar_<ol>_i_<ul>">Niar <ol> i <ul></h3> + +<pre class="brush: html"><ol> + <li>first item</li> + <li>second item <!-- Look, the closing </li> tag is not placed here! --> + <ul> + <li>second item first subitem</li> + <li>second item second subitem</li> + <li>second item third subitem</li> + </ul> + </li> <!-- Here is the closing </li> tag --> + <li>third item</li> +</ol> +</pre> + +<p>Sortida del codi HTML anterior:</p> + +<ol> + <li>first item</li> + <li>second item + <ul> + <li style="list-style-type: square;">second item first subitem</li> + <li style="list-style-type: square;">second item second subitem</li> + <li style="list-style-type: square;">second item third subitem</li> + </ul> + </li> + <li>third item</li> +</ol> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'grouping-content.html#the-ol-element', '<ol>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Sense canvis des de l'última presentació en W3C, {{SpecName('HTML5 W3C')}}.</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', "grouping-content.html#the-ol-element", "HTMLOListElement")}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Afegeix els atributs <code>reversed</code> i <code>start</code>; desaprovat <code>type</code></td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/lists.html#h-10.2', '<ol>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td>Desaprovat <code>compact</code> i <code>type</code>.</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>1.0</td> + <td>1.0</td> + <td>1.0</td> + </tr> + <tr> + <td>atribut <code>reversed</code></td> + <td>18</td> + <td>{{CompatGeckoDesktop("18.0")}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>5.2</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>reversed</code></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("18.0")}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Altres Elements HTM relacionats amb Llistes : {{HTMLElement("ul")}}, {{HTMLElement("li")}}, {{HTMLElement("menu")}} i el obsolet {{HTMLElement("dir")}};</li> + <li><span id="result_box" lang="ca"><span>Propietats CSS</span> <span>que poden ser</span> <span>especialment</span> <span>útils</span> <span>per a l'estil</span> <span>de l'element</span> <code><span><</span><span>ol></span></code><span>:</span></span> + <ul> + <li>la propietat {{cssxref("list-style")}}, útil per triar la forma de visualització del ordinal,</li> + <li><a href="/en-US/docs/CSS_Counters" title="CSS_Counters">CSS counters</a>, útil per gestionar llistes niades complexes,</li> + <li>la propietat {{cssxref("line-height")}}, útil per simular l'atribut {{htmlattrxref("compact", "ol")}} que està obselet,</li> + <li>la propietat {{cssxref("margin")}}, útil per controlar la sagnia de la llista.</li> + </ul> + </li> +</ul> + +<div> </div> diff --git a/files/ca/web/html/element/optgroup/index.html b/files/ca/web/html/element/optgroup/index.html new file mode 100644 index 0000000000..e7d0f7a4fe --- /dev/null +++ b/files/ca/web/html/element/optgroup/index.html @@ -0,0 +1,162 @@ +--- +title: <optgroup> +slug: Web/HTML/Element/optgroup +tags: + - Element + - Forms + - HTML + - HTML forms + - Reference + - Web +translation_of: Web/HTML/Element/optgroup +--- +<h2 id="Sumari">Sumari</h2> + +<p>En un formulari web, l'<strong>element HTML <code><optgroup></code></strong> crea una agrupació d'opcions dins d'un element {{HTMLElement ("select")}}.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td>Cap.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td>Zero o més elements {{HTMLElement("option")}} .</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td><span id="result_box" lang="ca"><span>L'etiqueta</span> <span>d'inici és</span> <span>obligatòria.</span> <span>L'etiqueta</span> <span>de tancament</span> <span>és</span> <span>opcional si</span> <span>aquest</span> <span>element</span> <span>és seguit</span> <span>immediatament</span> <span>per un altre</span> <span>element</span> <code><span><</span><span>optgroup</span><span>></span></code><span>,</span> <span>o</span> <span>si l'element</span> <span>pare no</span> <span>té</span> <span>més</span> <span>contingut.</span></span></td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Un element {{HTMLElement("select")}}.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLOptGroupElement")}}</td> + </tr> + </tbody> +</table> + +<p>{{Note("Optgroup elements may not be nested.")}}</p> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els<span style="line-height: 21px;"> </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> + +<dl> + <dt>{{htmlattrdef("disabled")}}</dt> + <dd>Si aquest atribut booleà està establert, cap dels elements en aquest grup d'opcions es pot seleccionar. Sovint, els navegadors no habiliten aquest control i no reben cap esdeveniment de navegació, com clics del ratolí o els relacionats amb l'enfocament.</dd> + <dt>{{htmlattrdef("label")}}</dt> + <dd>El nom del grup d'opcions, que el navegador pot utilitzar en etiquetar les opcions de la interfície d'usuari. Aquest atribut és obligatori si s'utilitza aquest element.</dd> +</dl> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush: html"><select> + <optgroup label="Group 1"> + <option>Option 1.1</option> + </optgroup> + <optgroup label="Group 2"> + <option>Option 2.1</option> + <option>Option 2.2</option> + </optgroup> + <optgroup label="Group 3" disabled> + <option>Option 3.1</option> + <option>Option 3.2</option> + <option>Option 3.3</option> + </optgroup> +</select> +</pre> + +<h3 id="Resultat">Resultat</h3> + +<p>{{EmbedLiveSample("Example")}}</p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'the-button-element.html#the-optgroup-element', '<optgroup>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'forms.html#the-optgroup-element', '<optgroup>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'interact/forms.html#h-17.6', '<optgroup>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</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 (WebKit)</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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 Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Altres elements relacionats amb formularis: {{HTMLElement("form")}}, {{HTMLElement("legend")}}, {{HTMLElement("label")}}, {{HTMLElement("button")}}, {{HTMLElement("select")}}, {{HTMLElement("datalist")}}, {{HTMLElement("option")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("textarea")}}, {{HTMLElement("keygen")}}, {{HTMLElement("input")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}} and {{HTMLElement("meter")}}.</li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/option/index.html b/files/ca/web/html/element/option/index.html new file mode 100644 index 0000000000..70beea7368 --- /dev/null +++ b/files/ca/web/html/element/option/index.html @@ -0,0 +1,150 @@ +--- +title: <option> +slug: Web/HTML/Element/option +tags: + - Element + - Forms + - HTML + - HTML forms + - Reference + - Web +translation_of: Web/HTML/Element/option +--- +<div>{{HTMLRef}}</div> + +<p>En un formulari web, l'element HTML <option> s'utilitza per crear un control que representa un element dins d'un {{HTMLElement("select")}}, un {{HTMLElement("optgroup")}} o un element d'HTML5 {{HTMLElement("datalist")}}.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Content categories</a></th> + <td>Cap.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td>Text amb caràcters escapats provisionals (això és <code>&eacute;</code>).</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td><span id="result_box" lang="ca"><span>L'etiqueta</span> <span>d'inici és</span> <span>obligatòria.</span> <span>L'etiqueta</span> <span>de tancament</span> <span>és</span> <span>opcional si</span> <span>aquest</span> <span>element</span> <span>és seguit</span> <span>immediatament</span> <span>per un altre</span> <span>element</span> <code><span><</span><span>option</span><span>></span></code> <span>o</span> <span>{</span><span>{</span><span>HTMLElement</span> <span>(</span><span>"</span><span>optgroup</span><span>"</span><span>)</span><span>}</span><span>}</span><span>,</span> <span>o</span> <span>si l'element</span> <span>pare no</span> <span>té</span> <span>més</span> <span>contingut.</span></span></td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Un {{HTMLElement("select")}}, un {{HTMLElement("optgroup")}} o un element {{HTMLElement("datalist")}}.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLOptionElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("disabled")}}</dt> + <dd>Si aquest atribut booleà s'estableix, aquesta opció no és comprovable.<br> + Sovint, els navegadors no habiliten aquest control i no reben cap esdeveniment de navegació, com clics del ratolí o els relacionats amb l'enfocament. Si aquest atribut no està establert, l'element encara es pot desactivar si un dels seus ancestres és un element {{HTMLElement("optgroup")}} deshabilitat.</dd> + <dt>{{htmlattrdef("label")}}</dt> + <dd>Aquest atribut és el text de l'etiqueta que indica el significat de l'opció. Si no es defineix l'atribut <code>label</code>, el seu valor és la del contingut del text de l'element.</dd> + <dt>{{htmlattrdef("selected")}}</dt> + <dd>Si és present, aquest atribut booleà indica que l'opció està seleccionada inicialment. Si l'element <code><option></code> és el descendent d'un element {{HTMLElement ("select")}} en que el seu atribut {{htmlattrxref("multiple", "select")}} no està establert, només una sola <code><option></code> d'aquest element {{HTMLElement("select")}} té l'atribut <code>selected</code>.</dd> + <dt>{{htmlattrdef("value")}}</dt> + <dd>El contingut d'aquest atribut representa el valor que s'ha de presentar amb el formulari, si està seleccionada aquesta opció. Si s'omet aquest atribut, el valor es pren del contingut de text de l'element option.</dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<p>Veure exemples de {{HTMLElement("select")}}.</p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'the-button-element.html#the-option-element', '<option>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'forms.html#the-option-element', '<option>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'interact/forms.html#h-17.6', '<option>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td>Definció incial</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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 (WebKit)</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.0")}}<sup>[1][2]</sup></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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 Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}<sup>[1]</sup></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] Gecko no mostra el valor de l'atribut <code>label</code> com a text d'opció si el contingut de l'element està buit. Veure {{bug("1205213")}}.</p> + +<p>[2] Històricament, Firefox ha permès que els esdeveniments de teclat i ratolí és generin des de l'element <code><option></code> al element pare {{HTMLElement("select")}}. Això no succeeix en Chrome, encara que aquest comportament és incoherent en molts navegadors.Per a una millor compatibilitat web (i per raons tècniques), quan Firefox està en modalitat multi-procés l'element <code><select></code> es mostra com una llista desplegable. El comportament no té canvis si <select> es presenta en línia i té l'atribut <code>multiple</code> definit o un atribut <code>size</code> ajustat a més de 1.<br> + En lloc d'observar elements <code><option></code> per a esdeveniments, heu d'estar atents els esdeveniments {event("change")}} en {{HTMLElement("select")}}. Veure {{bug(1090602)}} per a més informació.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Altres elements relacionats amb formualris: {{HTMLElement("form")}}, {{HTMLElement("legend")}}, {{HTMLElement("label")}}, {{HTMLElement("button")}}, {{HTMLElement("select")}}, {{HTMLElement("datalist")}}, {{HTMLElement("optgroup")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("textarea")}}, {{HTMLElement("keygen")}}, {{HTMLElement("input")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}} and {{HTMLElement("meter")}}.</li> +</ul> diff --git a/files/ca/web/html/element/output/index.html b/files/ca/web/html/element/output/index.html new file mode 100644 index 0000000000..c6397d2fd4 --- /dev/null +++ b/files/ca/web/html/element/output/index.html @@ -0,0 +1,150 @@ +--- +title: <output> +slug: Web/HTML/Element/output +tags: + - Element + - HTML + - HTML forms + - HTML5 + - 'HTML:Flow content' + - NeedsMobileBrowserCompatibility + - Reference + - Web +translation_of: Web/HTML/Element/output +--- +<h2 id="Summary" name="Summary">Sumari</h2> + +<p>L'<strong>element HTML <code><output></code></strong> representa el resultat d'una acció de càlcul o d'usuari.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, <a href="/en-US/docs/HTML/Content_categories#Form_listed" title="HTML/Content categories#Form listed">enumerat</a>, <a href="/en-US/docs/HTML/Content_categories#Form_labelable" title="HTML/Content categories#Form labelable">etiquetable</a><a href="/en-US/docs/HTML/Content_categories#Form_resettable" title="HTML/Content categories#Form resettable">, reiniciable</a> <a href="/en-US/docs/HTML/Content_categories#Form-associated_content" title="HTML/Content categories#Form-associated content">element associat a formulari </a>, contingut palpable .</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">Phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLOutputElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Attributes" name="Attributes">Atributs</h2> + +<p>Aquest element inclou els<span style="line-height: 21px;"> </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> + +<dl> + <dt>{{htmlattrdef("for")}}</dt> + <dd>Una llista IDs d'altres elements, indicant que aquests elements van aportar valors d'entrada al càlcul (o afectat d'una altra manera).</dd> + <dt>{{htmlattrdef("form")}}</dt> + <dd>L'element form al que està associat aquest element (el seu "propietari de formulari"). El valor de l'atribut ha de ser un ID d'un element formulari en el mateix document. Si no s'especifica aquest atribut, l'element de sortida ha de ser un descendent d'un element formulari. Aquest atribut li permet dipositar elements de sortida en qualsevol lloc dins d'un document, no només com descendents dels seus elements formulari.</dd> + <dt>{{htmlattrdef("name")}}</dt> + <dd>El nom de l'element.</dd> +</dl> + +<h2 id="Example" name="Example">Exemple</h2> + +<pre class="brush: html"><form oninput="result.value=parseInt(a.value)+parseInt(b.value)"> + <input type="range" name="b" value="50" /> + + <input type="number" name="a" value="10" /> = + <output name="result">60</output> +</form> +</pre> + +<p>{{ EmbedLiveSample('Example')}}</p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'the-button-element.html#the-output-element', '<output>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'forms.html#the-output-element', '<output>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</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>Suport bàsic</td> + <td>10</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>{{ CompatNo() }}</td> + <td>11</td> + <td>7</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>Suport bàsic</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>7</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="See_also" name="See_also">Veure</h2> + +<ul> + <li>Altres elements relacionats amb formualris: {{HTMLElement("form")}}, {{HTMLElement("input")}}, {{HTMLElement("button")}}, {{HTMLElement("datalist")}}, {{HTMLElement("legend")}}, {{HTMLElement("label")}}, {{HTMLElement("select")}}, {{HTMLElement("optgroup")}}, {{HTMLElement("option")}}, {{HTMLElement("textarea")}}, {{HTMLElement("keygen")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("progress")}} and {{HTMLElement("meter")}}.</li> +</ul> + +<div>{{HTMLRef}}</div> + +<p> </p> diff --git a/files/ca/web/html/element/p/index.html b/files/ca/web/html/element/p/index.html new file mode 100644 index 0000000000..a70e51f84c --- /dev/null +++ b/files/ca/web/html/element/p/index.html @@ -0,0 +1,148 @@ +--- +title: <p> +slug: Web/HTML/Element/p +tags: + - Element + - HTML + - HTML grouping content + - Reference + - Web +translation_of: Web/HTML/Element/p +--- +<div>{{HTMLRef}}</div> + +<p>L'<strong>element HTML <code><p></code></strong> (o <em>element HTML Paràgraf</em> ) representa un paràgraf de text. Els paràgrafs solen estar representats en els mitjans visuals com a blocs de text que estan separats dels blocs adjacents per un espai en blanc vertical i/o una sagnia de primera línia. El paràgraf ha d'estar tancat al final del text utilitzant el format <strong>"<p> text </ p>"</strong> per col·locar el text entre el paràgraf. Els paràgrafs són <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements">elements de bloc</a>.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>L'etiqueta d'inici és obligatòria. L'etiqueta final es pot ometre si l'element {{HTMLElement("p")}} és seguit immediatament per un {{HTMLElement("address")}}, {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("blockquote")}}, {{HTMLElement("div")}}, {{HTMLElement("dl")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("footer")}}, {{HTMLElement("form")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("header")}}, {{HTMLElement("hr")}}, {{HTMLElement("menu")}}, {{HTMLElement("nav")}}, {{HTMLElement("ol")}}, {{HTMLElement("pre")}}, {{HTMLElement("section")}}, {{HTMLElement("table")}}, {{HTMLElement("ul")}} o una altra element {{HTMLElement("p")}}, o si no hi ha més contingut en l'element primari i l'element pare no és un element {{HTMLElement("a")}}.</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">contingut dinàmic</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLParagraphElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p> + +<p>L'atribut <code>align</code> a <p> és obsolet. No el feu servir.</p> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush: html"><p>This is the first paragraph of text. This is the first paragraph of text. + This is the first paragraph of text. This is the first paragraph of text.</p> + +<p>This is second paragraph of text. This is second paragraph of text. + This is second paragraph of text. This is second paragraph of text.</p> +</pre> + +<p>Això genera:</p> + +<p>{{EmbedLiveSample('Example')}}</p> + +<h2 id="Notes">Notes</h2> + +<p>Per canviar els espais entre els paràgrafs, utilitzar la propietat <a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a> {{cssxref("margin")}}. <strong>No introduir</strong> elements paràgrafs buits o {{HTMLElement("br")}} entre ells.</p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'grouping-content.html#the-p-element', '<p>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Cap canvi des de l'última presentació W3C {{SpecName("HTML5 W3C")}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-p-element', '<p>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>l'atribut <code>align</code> està obsolet</td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.3.1', '<p>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td>Definció inicial</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> + +<div>{{CompatibilityTable}}</div> + +<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 (WebKit)</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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 Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>{{HTMLElement("hr")}}</li> + <li>{{HTMLElement("br")}}</li> +</ul> diff --git a/files/ca/web/html/element/param/index.html b/files/ca/web/html/element/param/index.html new file mode 100644 index 0000000000..5c8f96c4ea --- /dev/null +++ b/files/ca/web/html/element/param/index.html @@ -0,0 +1,151 @@ +--- +title: <param> +slug: Web/HTML/Element/param +tags: + - Element + - HTML + - HTML embedded content + - Reference + - Web +translation_of: Web/HTML/Element/param +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'<strong>element HTML <code><param></code></strong> (o element HTML de paràmetre ) defineix paràmetres per {{ HTMLElement("object") }}.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td>Cap.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td>Cap, és un {{Glossary("empty element")}}.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td><span id="result_box" lang="ca"><span>Ja</span> <span>que és un</span> <span>element</span> <span>buit,</span> <span>l'etiqueta</span> <span>d'inici</span> <span>ha d'estar present</span> <span>i</span> <span>l'etiqueta</span> <span>final</span> <span>no ha d'estar</span> <span>present.</span></span></td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Un {{ HTMLElement("object") }} <span class="short_text" id="result_box" lang="ca"><span>abans</span> <span>de qualsevol</span></span> <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="en-US/docs/HTML/Content_categories#Flow_content">contingut dinàmic</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLParamElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els<span style="line-height: 21px;"> </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> + +<dl> + <dt>{{ htmlattrdef("name") }}</dt> + <dd>Nom del paràmetre .</dd> + <dt>{{ htmlattrdef("type") }} {{ obsolete_inline() }}</dt> + <dd><span id="result_box" lang="ca"><span>Només s'utilitza</span> <span>si el</span> <code><span>valuetype</span> </code><span>està</span> <span>ajustat a</span> <span>"</span><span>ref</span><span>"</span><span>.</span> <span>Especifica</span> <span>el tipus</span> <span>MIME</span> <span>dels</span> <span>valors</span> <span>trobats en</span> <span>l'URI</span> <span>especificat</span> <span>pel valor.</span></span></dd> + <dt>{{ htmlattrdef("value") }}</dt> + <dd><span id="result_box" lang="ca"><span>Especifica</span> <span>el valor del paràmetre</span></span>.</dd> + <dt>{{ htmlattrdef("valuetype") }} {{ obsolete_inline() }}</dt> + <dd>Especifica el tipus de l'atribut <code>value</code>. Els valors possibles són: + <ul> + <li>data: El valor per defecte. El valor es passa a la implementació de l'objecte com una cadena.</li> + <li>ref: El valor és una URI a un recurs on s'emmagatzemen els valors de temps d'execució.</li> + <li>object: Un ID d'una altra {{ HTMLElement("object") }} en el mateix document.</li> + </ul> + </dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<p>Si us plau, veure la pàgina {{ HTMLElement("object") }} per exemples de <param>.</p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'the-iframe-element.html#the-param-element', '<param>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#the-param-element', '<param>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/objects.html#h-13.3.2', '<param>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</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 (WebKit)</th> + </tr> + <tr> + <td>Suport bàsict</td> + <td>1.0</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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 Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>{{ HTMLElement("object") }}</li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/picture/index.html b/files/ca/web/html/element/picture/index.html new file mode 100644 index 0000000000..540ee5bb7b --- /dev/null +++ b/files/ca/web/html/element/picture/index.html @@ -0,0 +1,141 @@ +--- +title: <picture> +slug: Web/HTML/Element/picture +tags: + - Element + - Experimental + - HTML + - Reference + - Web + - picture +translation_of: Web/HTML/Element/picture +--- +<div>{{HTMLRef}}{{SeeCompatTable}}</div> + +<p>L'<strong>element HTML <code><picture></code></strong> és un contenidor utilitzat per especificar diversos elements {{HTMLElement("source")}} per a una determinada {{HTMLElement("img")}} continguda en el mateix. El navegador triarà la font més adequada d'acord amb el disseny actual de la pàgina (les restriccions del quadre en el qual apareixerà la imatge) i el dispositiu en el qual es mostrarà (per exemple, un dispositiu normal o HiDPI).</p> + +<h2 id="Context_d'ús">Context <span class="short_text" id="result_box" lang="ca"><span>d'ús</span></span></h2> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, phrasing content, contingut incrustat</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td>Zero or més elements {{HTMLElement("source")}}, seguits per un element {{HTMLElement("img")}}, <span id="result_box" lang="ca"><span>opcionalment</span> <span>barrejats</span> <span>amb</span> <span>elements</span> <span>amb </span><span>suport script</span></span></td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti contingut incrustat.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLPictureElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element només inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p> + +<h2 id="Exemple_1_Usant_l'atribut_media">Exemple 1: <span class="short_text" id="result_box" lang="ca"><span>Usant</span> <span>l'atribut</span> </span> <code>media</code></h2> + +<p>L'atribut <code>media</code> li permet especificar una consulta de medis que l'agent d'usuari avaluarà per a seleccionar un element {{HTMLElement("source")}}. Si la consulta de medis s'avalua com a <code>false</code> , l'element {{HTMLElement("source")}} s'omet.</p> + +<pre class="brush: html"><picture> + <source srcset="mdn-logo-wide.png" media="(min-width: 600px)"> + <img src="mdn-logo-narrow.png" alt="MDN"> +</picture> +</pre> + +<h2 id="Exemple_2_Usant_l'atribut_type">Exemple 2: <span class="short_text" id="result_box" lang="ca"><span>Usant</span> <span>l'atribut</span></span> <code>type</code></h2> + +<p>L'atribut <code>type</code> li permet especificar un tipus MIME per als recursos que es proporcionen en l'atribut <code>srcset</code> de l'element {{HTMLElement ( "source")}}. Si l'agent d'usuari no admet el tipus donat, l'element {{HTMLElement("source")}} s'omet.</p> + +<pre class="brush: html"><picture> + <source srcset="mdn-logo.svg" type="image/svg+xml"> + <img src="mdn-logo.png" alt="MDN"> +</picture> +</pre> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'embedded-content.html#the-picture-element', '<picture>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Definició incial</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>38</td> + <td>{{CompatGeckoDesktop("38")}}</td> + <td>Edge 13</td> + <td>25</td> + <td>9.1</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>Suport bàsic</td> + <td>38</td> + <td>{{CompatGeckoMobile("38")}}</td> + <td>{{CompatNo}}</td> + <td>25</td> + <td>iOS 9.3</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>L'element {{HTMLElement("img")}}</li> +</ul> diff --git a/files/ca/web/html/element/plaintext/index.html b/files/ca/web/html/element/plaintext/index.html new file mode 100644 index 0000000000..31da9c5784 --- /dev/null +++ b/files/ca/web/html/element/plaintext/index.html @@ -0,0 +1,48 @@ +--- +title: <plaintext> +slug: Web/HTML/Element/plaintext +tags: + - Element + - HTML + - NeedsCompatTable + - Obsolete + - Reference + - Web +translation_of: Web/HTML/Element/plaintext +--- +<div>{{Obsolete_header}}</div> + +<h2 id="Sumari">Sumari</h2> + +<p>L'<em>element HTML text sense format </em>(<code><plaintext></code>) fa que tot el que ve després de l'etiqueta inicial sigui text sense format, sense interpretar res d'HTML. No té etiqueta de tancament, ja que tot el que ve després es considera text sense format.</p> + +<div class="note"><strong>Nota: </strong> <span class="short_text" id="result_box" lang="ca"><span>No utilitzeu</span> <span>aquest</span> <span>element</span></span>. + +<ul> + <li>Aquest element està desaprovat des d'HTML 2 i mai va ser implementat per tots els navegadors; fins i tot aquells que ho van implementar no ho van fer de forma coherent. A més, ha quedat obsolet en HTML 5; navegadors que encara ho accepten podem tractar-lo simplement com un element {{HTMLElement ("pre")}}, que encara interpreta dins HTML, tot i que això no és el que probablement és vulgui.</li> + <li>Si l'element {{HTMLElement("plaintext")}} és el primer element de la pàgina (a més de qualsevol element no mostrat), no utilitzeu HTML en absolut. Configura el servidor per enviar la seva pàgina amb el <code>text/plain</code> <a href="https://developer.mozilla.org/en-US/docs/Properly_Configuring_Server_MIME_Types">MIME-type</a>.</li> + <li>En lloc d'utilitzar aquest element, s'ha d'utilitzar l'element {{HTMLElement("pre")}} o, si semànticament és adequat, l'element {{HTMLElement("code")}}. Assegurar-vos d'obviar els caràcters "<", ">" i "&", per evitar interpretar distretament el contingut com HTML.</li> + <li>Una font de pas fix també es pot aplicar a un element {{HTMLElement ("div")}} mitjançant l'aplicació d'un estil <a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a> adequat usant espai senzill com el valor d'una font genèrica en una propietat {{cssxref("font-family")}}.</li> +</ul> +</div> + +<h2 id="Atributs">Atributs</h2> + +<p><span id="result_box" lang="ca"><span>Aquest</span> <span>element no</span> <span>té altres</span> <span>atributs que els</span></span> <a href="/en-US/docs/Web/HTML/Global_attributes" rel="internal" title="HTML/global attributes">global attributes</a>, <span id="result_box" lang="ca"><span>comuns a</span> <span>tots</span> <span>els</span> <span>elements.</span></span></p> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element implementa la interfície {{domxref('HTMLElement')}} .</p> + +<div class="note"> +<p><strong>Nota d'implementació: </strong> <span id="result_box" lang="ca"><span>Fins</span> <span>Gecko</span> <span>1.9.2</span> <span>inclosos,</span> <span>Firefox</span> <span>implementa</span> <span>la interfície</span></span> {{domxref('HTMLSpanElement')}} <span id="result_box" lang="ca"><span>per a aquest</span> <span>element.</span></span></p> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Els elements {{HTMLElement("pre")}} i {{HTMLElement("code")}} es poden utilitzar al seu lloc.</li> + <li>Els elements {{HTMLElement("listing")}} i {{HTMLElement("xmp")}}, similars a {{HTMLElement("plaintext")}} són també obsolets.</li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/pre/index.html b/files/ca/web/html/element/pre/index.html new file mode 100644 index 0000000000..f3ed7ecb27 --- /dev/null +++ b/files/ca/web/html/element/pre/index.html @@ -0,0 +1,211 @@ +--- +title: <pre> +slug: Web/HTML/Element/pre +tags: + - Element + - HTML + - HTML grouping content + - 'HTML:Flow content' + - Reference + - Web +translation_of: Web/HTML/Element/pre +--- +<div>{{HTMLRef}}</div> + +<p>L'<strong>element HTML <code><pre></code></strong> (o <em>text preformatat HTML</em>) Representa el text amb format previ. El text dins d'aquest element en general es mostra en una font no proporcional ("<a href="https://developer.mozilla.org/en-US/docs/XUL/Style/monospace">espai senzill (monoespace)</a>") tal com es presenta a l'arxiu. Els espais en blanc dins d'aquest element es mostran tal com s'han escrit.</p> + +<div class="note"> +<p><strong>Nota:</strong> haureu d'evitar qualsevol contingut '<code><</code>' caràcters com '<code>& lt;</code>' per assegurar-vos que el codi tancat no s'interpreti com marcat.</p> +</div> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/Guide/HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/Web/Guide/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/Web/Guide/HTML/Content_categories#Flow_content">contingut dinàmic</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLPreElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element només inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("cols")}} {{non-standard_inline}}{{obsolete_inline}}</dt> + <dd>Conté el nombre de caràcters <em>preferit</em> que una línia hauria de tenir. Era un sinònim no estàndard de {{htmlattrxref("width", "pre")}}. Per aconseguir aquest efecte, utilitzar al seu lloc CSS {{Cssxref("width")}}.</dd> + <dt>{{htmlattrdef("width")}} {{obsolete_inline}}</dt> + <dd>Conté el nombre de caràcters <em>preferit</em> que una línia hauria de tenir. <span id="result_box" lang="ca"><span class="alt-edited">Encara que tècnicament segueix vigent, aquest atribut no té cap efecte visual</span></span>; per aconseguir aquest efecte, utilitzar al seu lloc CSS {{Cssxref("width")}}.</dd> + <dt>{{htmlattrdef("wrap")}} {{non-standard_inline}}</dt> + <dd>És una <em>pista</em> que indica com ha de succeir el desbordament. En el navegador modern aquest suggeriment és ignorat i no hi ha resultats dels efectes visuals en l'actualitat; per aconseguir aquest efecte, utilitzar al seu lloc CSS {{Cssxref("white-space")}}.</dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<pre class="brush: html"><!-- Some example CSS code --> +<pre> +body { + color:red; +} +</pre> +</pre> + +<h3 id="Resultat">Resultat</h3> + +<pre>body { + color:red; +} +</pre> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'grouping-content.html#the-pre-element', '<pre>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td><span class="short_text" id="result_box" lang="ca"><span>Cap canvi</span> <span>significatiu</span> <span>des</span></span> de {{SpecName("HTML WHATWG")}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-pre-element', '<pre>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td><span class="short_text" id="result_box" lang="ca"><span>Cap canvi</span> <span>significatiu</span> <span>des</span></span> de {{SpecName("HTML4.01")}}</td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.3.4', '<dl>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td>Desaprovat l'atribut <code>cols</code></td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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 (WebKit)</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td><code>width</code></td> + <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> + <td>{{CompatGeckoDesktop("1.0")}}<br> + {{CompatGeckoDesktop("29.0")}}<sup>[1]</sup></td> + <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> + <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> + <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> + </tr> + <tr> + <td><code>cols</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatGeckoDesktop("1.0")}}<br> + {{CompatNo}} {{CompatGeckoDesktop("29.0")}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>wrap</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</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 Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td><code>width</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}{{CompatGeckoMobile("29.0")}}<sup>[1]</sup></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>cols</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>wrap</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] Especificar l'atribut <code>width</code> no té cap efecte en el disseny.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>CSS: {{Cssxref('white-space')}}, {{Cssxref('word-break')}}</li> +</ul> diff --git a/files/ca/web/html/element/progress/index.html b/files/ca/web/html/element/progress/index.html new file mode 100644 index 0000000000..a25f3ae93b --- /dev/null +++ b/files/ca/web/html/element/progress/index.html @@ -0,0 +1,173 @@ +--- +title: <progress> +slug: Web/HTML/Element/progress +tags: + - Element + - HTML + - HTML forms + - HTML5 + - Reference + - Web +translation_of: Web/HTML/Element/progress +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'<strong>Element HTML <code><progress></code></strong> s'utilitza per veure l'avenç de realització d'una tasca. Encara que els detalls de com es visualitza es deixa en mans del desenvolupador del navegador, normalment es mostra com una barra de progrés. Es pot utilitzar Javascript per manipular el valor de la barra de progrés.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, contingut etiquetable, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>, <span id="result_box" lang="ca"><span>però</span> <span>no ha d'haver</span> <span>cap element</span></span> <code><progress></code> <span id="result_box" lang="ca"><span>entre els seus</span> <span>descendents.</span></span></td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLProgressElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="/en-US/docs/Web/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p> + +<dl> + <dt>{{ htmlattrdef("max") }}</dt> + <dd>Aquest atribut descriu la quantitat de treball que requereix la tasca indicada per l'element <code>progress</code>. L'atribut <code>max</code>, si està present, ha de tenir un valor més gran que zero i ser un nombre de coma flotant vàli</dd> + <dt>{{ htmlattrdef("value") }}</dt> + <dd>Aquest atribut especifica quina part de la tasca s'ha completat. Ha de ser un nombre de coma flotant vàlid entre 0 i <code>max</code>, o entre 0 i 1 si s'omet <code>max</code>. Si no hi ha cap atribut <code>value</code>, la barra de progrés és indeterminada; això indica que una activitat està en curs sense cap indicació de quant temps s'espera que prengui.</dd> +</dl> + +<p>Es pot utilitzar la propietat {{ cssxref("-moz-orient") }} per especificar si la barra de progrés es presentarà horitzontalment (per defecte) o verticalment. La pseudo-classe {{ cssxref(":indeterminate") }} es pot utilitzar per a que coincideixi amb barres de progrés indeterminades.</p> + +<dl> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<pre class="brush: html"><progress value="70" max="100">70 %</progress> +</pre> + +<h3 id="Resultat">Resultat</h3> + +<p>{{ EmbedLiveSample("Examples", 200, 50) }}</p> + +<p>A Mac OS X, <span id="result_box" lang="ca"><span>el resultat del </span></span><span lang="ca"><span>progress</span> <span>s'assembla a</span> <span>això</span><span>:</span></span></p> + +<p><img alt="The progress bar seen in OS X Mavericks" class="default internal" src="https://mdn.mozillademos.org/files/6863/Screenshot%202014-01-30%2011.14.30.png" style="height: 24px; width: 167px;"></p> + +<p><span id="result_box" lang="ca"><span>A Windows 7, el resultat del </span></span><span lang="ca"><span>progress</span> <span>s'assembla a</span> <span>això</span><span>:</span></span></p> + +<p><img alt="progress-firefox.JPG" class="default internal" src="/@api/deki/files/6031/=progress-firefox.JPG"></p> + +<h3 id="Exemples_addicionals">E<span class="short_text" id="result_box" lang="ca"><span>xemples</span> <span>addicionals</span></span></h3> + +<p>Veure {{ cssxref("-moz-orient") }}.</p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'the-button-element.html#the-progress-element', '<progress>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'forms.html#the-progress-element', '<progress>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Definició inicial</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>6.0</td> + <td>{{ CompatGeckoMobile("6.0") }} [1] [2]<br> + {{ CompatGeckoMobile("14.0")}} [2]</td> + <td>10</td> + <td>11.0</td> + <td>5.2</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>Suport bàsic</td> + <td>{{ CompatVersionUnknown }}</td> + <td>{{ CompatGeckoMobile("6.0") }} [1] [2]<br> + {{ CompatGeckoMobile("14.0")}} [2]</td> + <td>{{ CompatNo() }}</td> + <td>11.0</td> + <td>7 [3]</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] Abans de Gecko 14,0 {{geckoRelease ("14.0")}}, l'element <progrés> va ser classificat erròniament com un element de formulari, i per tant tenia una atribut <code>form</code>. Això s'ha solucionat.</p> + +<p>[2] Gecko proporciona el pseudo-element {{ cssxref("::-moz-progress-bar") }}, que permet que l'estil de la part interior de la barra de progrés representi la quantitat de treball realitzat fins al moment.</p> + +<p>[3] Safari en iOS no és compatible amb les barres de progrés indeterminades (es representen com barres de progrés completades en 0%).</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>{{ cssxref(":indeterminate") }}</li> + <li>{{ cssxref("-moz-orient") }}</li> + <li>{{ cssxref("::-moz-progress-bar") }}</li> + <li>{{ cssxref("::-ms-fill") }}</li> + <li>{{ cssxref("::-webkit-progress-bar") }}</li> + <li>{{ cssxref("::-webkit-progress-value") }}</li> + <li>{{ cssxref("::-webkit-progress-inner-element") }}</li> +</ul> + +<p>{{ HTMLRef }}</p> diff --git a/files/ca/web/html/element/q/index.html b/files/ca/web/html/element/q/index.html new file mode 100644 index 0000000000..7759a3e5dd --- /dev/null +++ b/files/ca/web/html/element/q/index.html @@ -0,0 +1,111 @@ +--- +title: <q> +slug: Web/HTML/Element/q +tags: + - Element + - HTML + - HTML text-level semantics + - Reference + - Web +translation_of: Web/HTML/Element/q +--- +<div>{{HTMLRef}}</div> + +<p>L'<em>Element HTML Cita (Quote)</em> (<strong><q></strong>) indica que el text adjunt és una breu cita en línia. Aquest element està dissenyat per a cites curtes que no requereixen salts de paràgraf; per a cites llargues s'utilitza l'element {{HTMLElement("blockquote")}}.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLQuoteElement")}}</td> + </tr> + </tbody> +</table> + +<p>{{NoteStart}}La majoria dels navegadors que compleixen amb els estàndards moderns, com Mozilla Firefox, Opera i Safari, han d'agregar cometes al voltant del text inclòs dins de l'element <code><q></code>.Alguns navegadors, com Internet Explorer, no poden fer qualsevol tipus de canvi d'estil per a les cites, però és possible aplicar una regla d'estil.{{NoteEnd}}</p> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("cite")}}</dt> + <dd>El valor d'aquest atribut és una adreça URL que designa un document d'origen o un missatge per a la informació citada. Aquest atribut està destinat a assenyalar informació que expliqui el context o la referència de la citació.</dd> +</dl> + +<h2 id="Example" name="Example">Exemple</h2> + +<h3 id="Contingut_HTML">Contingut HTML</h3> + +<pre class="brush: html"><p>Everytime Kenny is killed, Stan will announce + <q cite="http://en.wikipedia.org/wiki/Kenny_McCormick#Cultural_impact"> + Oh my God, you/they killed Kenny! + </q>. +</p> +</pre> + +<p>{{ EmbedLiveSample('Example') }}</p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-q-element', '<q>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-q-element', '<q>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.2.2', '<q>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td>Definició inicial</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> + +<p> </p> + +<div> + + +<p>{{Compat("html.elements.q")}}</p> +</div> + +<p> </p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>L'element {{HTMLElement("blockquote")}} per a cites llargues.</li> + <li>L'element {{HTMLElement("cite")}} per cites originals.</li> +</ul> diff --git a/files/ca/web/html/element/rp/index.html b/files/ca/web/html/element/rp/index.html new file mode 100644 index 0000000000..9cfcdd0184 --- /dev/null +++ b/files/ca/web/html/element/rp/index.html @@ -0,0 +1,133 @@ +--- +title: <rp> +slug: Web/HTML/Element/rp +tags: + - Element + - HTML + - HTML text-level semantics + - Reference + - Web +translation_of: Web/HTML/Element/rp +--- +<h2 id="Summary" name="Summary">Sumari</h2> + +<p>L'<strong>element HTML <code><rp></code></strong> s'utilitza per proporcionar un parèntesis alternatiu als navegadors que no suporten les notacions de ruby. Les notacions ruby estan per mostrar la pronunciació dels caràcters de l'Àsia oriental, com l'ús de furigana japonès o els caràcters Taiwainese bopomofo. L'element <code><rp></code> s'utilitza en el cas de manca de suport de l'element {{ HTMLElement("ruby") }} el seu contingut té el que s'ha de mostrar per tal d'indicar la presència d'una notació de ruby, generalment entre parèntesis.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td>Cap.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Un element {{HTMLElement("ruby")}}. <code><rp></code> s'ha de col·locar immediatament abans o després d'un element {{HTMLElement("rt")}}.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Attributes" name="Attributes">Atributs</h2> + +<p>Aquest element només inclou els<span style="line-height: 21px;"> </span><a href="/en-US/docs/Web/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p> + +<h2 id="Example" name="Example">Exemple</h2> + +<pre class="brush: html"><ruby> + 漢 <rp>(</rp><rt>Kan</rt><rp>)</rp> + 字 <rp>(</rp><rt>ji</rt><rp>)</rp> +</ruby></pre> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-rp-element', '<rp>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-rp-element', '<rp>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>5.0</td> + <td>{{CompatGeckoDesktop(38)}}</td> + <td>5.0</td> + <td>{{CompatNo}}</td> + <td>5.0</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile(38)}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="See_also" name="See_also">Veure</h2> + +<ul> + <li>{{HTMLElement("ruby")}}</li> + <li>{{HTMLElement("rt")}}</li> +</ul> + +<p>{{ HTMLRef }}</p> diff --git a/files/ca/web/html/element/rt/index.html b/files/ca/web/html/element/rt/index.html new file mode 100644 index 0000000000..8bf4e919d6 --- /dev/null +++ b/files/ca/web/html/element/rt/index.html @@ -0,0 +1,134 @@ +--- +title: <rt> +slug: Web/HTML/Element/rt +tags: + - Element + - HTML + - HTML text-level semantics + - Reference + - Web +translation_of: Web/HTML/Element/rt +--- +<h2 id="Summary" name="Summary">Sumari</h2> + +<p>L'<strong>Element HTML <code><rt></code></strong> abasta la pronunciació dels caràcters presentats en notacions ruby, que s'utilitzen per descriure la pronunciació dels caràcters de l'est asiàtic. Aquest element s'utilitza sempre dins d'un element {{ HTMLElement("ruby") }}.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td>Cap.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>L'etiqueta final es pot ometre si l'element {{HTMLElement("rt")}} és seguit immediatament per un element {{HTMLElement("rt")}} o {{HTMLElement("rp")}} o si hi ha més contingut en l'element pare</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Un element {{HTMLElement("ruby")}}.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Attributes" name="Attributes">Atributs</h2> + +<p>Aquest element només inclou els<span style="line-height: 21px;"> </span><a href="/en-US/docs/Web/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p> + +<h2 id="Example" name="Example">Exemple</h2> + +<pre class="brush: html"><ruby> + 漢 <rt>Kan</rt> + 字 <rt>ji</rt> +</ruby> +</pre> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-rt-element', '<rt>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-rt-element', '<rt>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>5.0</td> + <td>{{CompatGeckoDesktop(38)}}</td> + <td>5.0</td> + <td>{{CompatNo}}</td> + <td>5.0</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile(38)}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="See_also" name="See_also">Veure</h2> + +<ul> + <li>{{HTMLElement("ruby")}}</li> + <li>{{HTMLElement("rp")}}</li> +</ul> + +<p>{{ HTMLRef }}</p> diff --git a/files/ca/web/html/element/rtc/index.html b/files/ca/web/html/element/rtc/index.html new file mode 100644 index 0000000000..ad250ba8ca --- /dev/null +++ b/files/ca/web/html/element/rtc/index.html @@ -0,0 +1,134 @@ +--- +title: <rtc> +slug: Web/HTML/Element/rtc +tags: + - Element + - HTML + - HTML text-level semantics + - Reference + - Web +translation_of: Web/HTML/Element/rtc +--- +<h2 id="Summary" name="Summary">Sumari</h2> + +<p>L'<strong>Element HTML <code><rtc></code></strong> abasta notacions semàntiques dels caràcters presentats en un ruby d'elements {{HTMLElement("rb")}} utilitzats a l'interior de l'element {{HTMLElement ("ruby")}}. Els elements {{HTMLElement ("rb")}} poden tenir tant la pronunciació ({{HTMLElement("rt")}}) com notacions semàntiques ({{HTMLElement("rtc")}}) .</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td>Cap.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a> or elements {{HTMLElement("rt")}} .</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>L'etiqueta de tancament es pot ometre si és seguit immediatament per una etiqueta d'obertura de l'element {{HTMLElement("rb")}}, {{HTMLElement("rtc")}} o {{HTMLElement("rt")}} o per la seva etiqueta de tancament dels pares.</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Un element {{HTMLElement("ruby")}}.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Attributes" name="Attributes">Atributs</h2> + +<p>Aquest element només inclou els<span style="line-height: 21px;"> </span><a href="/en-US/docs/Web/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p> + +<h2 id="Example" name="Example">Exemple</h2> + +<pre class="brush: html"><ruby> + <rb>旧</rb> + <rb>金</rb> + <rb>山</rb> + <rt>jiù</rt> + <rt>jīn</rt> + <rt>shān</rt> + <rtc>San Francisco</rtc> +</ruby> +</pre> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML5 W3C', 'the-rtc-element.html#the-rtc-element', '<rtc>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Definició inicial.</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatNo}}</td> + <td>{{CompatGeckoDesktop(33)}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</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>Suport bàsic</td> + <td>{{CompatNo}}</td> + <td>{{CompatGeckoMobile(33)}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="See_also" name="See_also">Veure</h2> + +<ul> + <li>{{HTMLElement("ruby")}}</li> + <li>{{HTMLElement("rp")}}</li> +</ul> + +<p>{{ HTMLRef }}</p> diff --git a/files/ca/web/html/element/ruby/index.html b/files/ca/web/html/element/ruby/index.html new file mode 100644 index 0000000000..58dd5b703f --- /dev/null +++ b/files/ca/web/html/element/ruby/index.html @@ -0,0 +1,120 @@ +--- +title: <ruby> +slug: Web/HTML/Element/ruby +translation_of: Web/HTML/Element/ruby +--- +<h2 id="Summary" name="Summary">Resum</h2> + +<p>L'<strong>Element</strong> <strong>HTML <code><ruby></code> </strong> representa una notació ruby. Les notacions Ruby s'utilitzen per mostrar la pronunciació de caràcters asiàtics.</p> + +<ul class="htmlelt"> + <li><dfn><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></dfn> <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Phrasing_content">Flow content</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>, contingut palpable.</li> + <li><dfn>Contingut permès</dfn> <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</li> + <li><dfn>Omissió d'etiquetes</dfn> {{no_tag_omission}}</li> + <li><dfn>Elements pares permessos</dfn> See prose</li> + <li><dfn>Interfície DOM </dfn> {{domxref("HTMLElement")}}</li> +</ul> + +<h2 id="Attributes" name="Attributes">Atributs</h2> + +<p>Aquest element només inclou els <a href="/en-US/docs/Web/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p> + +<h2 id="Examples" name="Examples">Exemples</h2> + +<h3 id="Exemple_1_Caràcter">Exemple 1: Caràcter</h3> + +<pre class="brush:html"><ruby> + 漢 <rp>(</rp><rt>Kan</rt><rp>)</rp> + 字 <rp>(</rp><rt>ji</rt><rp>)</rp> +</ruby></pre> + +<h3 id="Exemple_2_Word">Exemple 2: Word</h3> + +<pre class="brush:html"><ruby> + 明日 <rp>(</rp><rt>Ashita</rt><rp>)</rp> +</ruby></pre> + +<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-ruby-element', '<ruby>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-ruby-element', '<ruby>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Compatiblitat_amb_navegadors">Compatiblitat amb navegadors</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</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>5.0</td> + <td>{{CompatGeckoDesktop(38)}}</td> + <td>5.0</td> + <td>{{CompatNo}}</td> + <td>5.0</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Chrome per 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>{{CompatGeckoMobile(38)}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="See_also" name="See_also">Vegeu també</h2> + +<ul> + <li>{{HTMLElement("rt")}}</li> + <li>{{HTMLElement("rp")}}</li> +</ul> + +<p>{{ HTMLRef }}</p> diff --git a/files/ca/web/html/element/s/index.html b/files/ca/web/html/element/s/index.html new file mode 100644 index 0000000000..4d11be3c1b --- /dev/null +++ b/files/ca/web/html/element/s/index.html @@ -0,0 +1,71 @@ +--- +title: <s> +slug: Web/HTML/Element/s +tags: + - Element + - HTML + - HTML text-level semantics + - NeedsNewBrowserCompatTable + - Reference + - Web + - text-decoration +translation_of: Web/HTML/Element/s +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'<em>Element HTML ratllat</em> (<code><s></code>) processa el text amb un ratllat, o una línia a través d'ell. Utilitzeu l'element <code><s></code> per representar coses que ja no són pertinents o no són exactes. No obstant això, <code><s></code> no és adequat per indicar edicions de documents; per això, utilitzar els elements {{ HTMLElement("del") }} i {{ HTMLElement("ins") }}, segons el cas.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de categories</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">Phrasing content</a> o <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element només inclou els<span style="line-height: 21px;"> </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> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element implementa la interfície <code><a href="/en-US/docs/DOM/element" title="DOM/element">HTMLElement</a></code>.</p> + +<div class="note"><strong><span id="result_box" lang="ca"><span>Nota</span> <span>d'implementació</span></span>: </strong> <span id="result_box" lang="ca"><span>Fins</span> <span>Gecko</span> <span>1.9.2</span> <span>inclos,</span> <span>Firefox</span> <span>implementa</span> <span>la interfície</span> <span>HTMLSpanElement</span> <span>per a aquest</span> <span>element</span></span></div> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush:xml"><s>Today's Special: Salmon</s> SOLD OUT<br> +<span style="text-decoration:line-through;">Today's Special: Salmon</span> SOLD OUT</pre> + +<h3 id="Resultat">Resultat</h3> + +<p><s>Today's Special: Salmon</s> SOLD OUT<br> + <s style="text-decoration: line-through;">Today's Special: Salmon</s> SOLD OUT</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>L'element {{ HTMLElement("strike") }}, alter ego de l'element {{ HTMLElement("s") }} és obsolet i no s'ha d'utilitzar en els llocs web.</li> + <li>L'element {{ HTMLElement("del") }} s'utilitzarà en el seu lloc si les dades s'han <em>eliminat (deleted)</em>.</li> + <li>La propietat CSS {{ cssxref("text-decoration") }}-line-through es va utilitzar per aconseguir el primer aspecte visual de l'element {{HTMLElement ("s")}}.</li> +</ul> + +<div>{{ HTMLRef }}</div> diff --git a/files/ca/web/html/element/samp/index.html b/files/ca/web/html/element/samp/index.html new file mode 100644 index 0000000000..4d13bf29ed --- /dev/null +++ b/files/ca/web/html/element/samp/index.html @@ -0,0 +1,101 @@ +--- +title: <samp> +slug: Web/HTML/Element/samp +tags: + - Element + - HTML + - HTML text-level semantics + - Reference + - Web +translation_of: Web/HTML/Element/samp +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'element HTML <code><samp></code> és un element destinat a identificar la sortida de mostra d'un programa informàtic. Normalment es mostra en la font monotip predeterminada del navegador (com a Lucida Console).</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en/HTML/Content_categories#Flow_content" style="line-height: 22px;" title="en/HTML/Content categories#Flow content">Contingut dinàmic</a><span style="line-height: 22px;">, </span><a href="/en/HTML/Content_categories#Phrasing_content" style="line-height: 22px;" title="en/HTML/Content categories#Phrasing content">phrasing content</a>, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en/HTML/Content_categories#Phrasing_content" style="line-height: 22px;" title="en/HTML/Content categories#Phrasing content">Phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element només inclou els<span style="line-height: 21px;"> </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> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element implementa la interfície <code><a href="/en/DOM/element" title="en/DOM/element">HTMLElement</a></code>.</p> + +<div class="note"> +<p><strong><span id="result_box" lang="ca"><span>Nota</span> <span>d'implementació</span></span>: </strong>fins Gecko 1.9.2 inclosos, Firefox implementa la interfície <a href="/en/DOM/span" title="en/DOM/span"><span style="font-family: courier new;">HTMLSpanElement</span></a> per a aquest element.</p> +</div> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush: html"><p>Regular text. <samp>This is sample text.</samp> Regular text.</p> +</pre> + +<h3 id="Resultat">Resultat</h3> + +<p>Regular text. <samp>This is sample text.</samp> Regular text.</p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-samp-element', '<samp>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-samp-element', '<samp>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.2.1', '<samp>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Nota">Nota</h2> + +<p>Es pot definir una regla CSS perquè el selector <code>samp</code> substitueixi el tipus de font predeterminat del navegador. Les preferències establertes per l'usuari poden tenir prioritat sobre la CSS especificat.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li><a href="/en/HTML/Element/code" title="en/HTML/Element/code">HTML Code Element</a></li> +</ul> + +<div>{{ HTMLRef }}</div> diff --git a/files/ca/web/html/element/script/index.html b/files/ca/web/html/element/script/index.html new file mode 100644 index 0000000000..44d8b22278 --- /dev/null +++ b/files/ca/web/html/element/script/index.html @@ -0,0 +1,255 @@ +--- +title: <script> +slug: Web/HTML/Element/script +tags: + - Element + - HTML + - HTML scripting + - Reference + - Web +translation_of: Web/HTML/Element/script +--- +<p>L'element <code><strong><script></strong></code> (o <em>element HTML script "Seqüència de comandaments"</em> ) s'utilitza per inserir o fer referència a un script executable dins d'un document <abbr title="Hypertext Markup Language">HTML</abbr> or <abbr title="Extensible Hypertext Markup Language">XHTML</abbr>.</p> + +<p>Els scripts sense atributs <code>async</code> o <code>defer</code>, així com els scripts en línia, es capten i s'executen immediatament, abans que el navegador segueixi analitzant la pàgina.</p> + +<p>El script ha de ser servit amb el tipus <code>text/javascript</code> MIME, però els navegadors són indulgents i només bloquejan si el script es serveix amb un tipus d'imatge (<code>image/*</code>), de vídeo (<code>video/*</code>), arxiu d'àudio (<code>audio/*</code>), o <code>text/csv</code>. Si el script és bloquejat, un {{event("error")}} s'envia a l'element, sinó s'envia un esdeveniment {{event("success")}}.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Metadata_content" title="HTML/Content_categories#Metadata_content">Contingut Metadata</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td>Script dinàmic com <code>text/javascript</code>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Metadata_content" title="HTML/Content_categories#Metadata_content">contingut Metadata</a>, o qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLScriptElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("async")}} {{HTMLVersionInline(5)}}</dt> + <dd>Establir aquest atribut booleà per indicar que el navegador hauria, si és possible, executar l'script de manera asincrònica. No té cap efecte sobre els scripts en línia (és a dir, scripts que no tenen l'atribut <strong>src</strong>).</dd> + <dd>Veure {{anch("Browser compatibility")}} <span id="result_box" lang="ca"><span>notes</span> <span>sobre el suport del</span> <span>navegador.</span></span> Veure <a href="/en-US/docs/Games/Techniques/Async_scripts">Async scripts per asm.js</a>.</dd> + <dt>{{htmlattrdef("integrity")}}</dt> + <dd>Conté metadades en línia que un agent d'usuari pot utilitzar per verificar que un recurs recuperat ha estat lliurat sense manipulació inesperada. Veure <a href="/en-US/docs/Web/Security/Subresource_Integrity">Integritat de subrecursos</a>.</dd> + <dt>{{htmlattrdef("src")}}</dt> + <dd>Aquest atribut especifica l'URI d'un script extern; això es pot utilitzar com una alternativa per a la incorporació d'un script directament dins d'un document. Si un element de script té un atribut <code>src</code> especificat, no ha de tenir un script incrustat dins les seves etiquetes.</dd> + <dt>{{htmlattrdef("type")}}</dt> + <dd>Aquest atribut identifica el llenguatge de script de codi incrustat dins d'un element de script o referenciat a través de l'atribut src de l'element. Això s'especifica com un tipus MIME; exemples dels tipus MIME suportats inclouen <code>text/javascript</code>, <code>text/ecmascript</code>, <code>application/javascript</code>, i <code>application/ecmascript</code>. Si aquest atribut està absent, el script és tractat com JavaScript.</dd> + <dd>Si el tipus <abbr title="Multi-purpose Internet Mail Extensions">MIME</abbr> especificat no és un tipus JavaScript escriviu el contingut incrustat dins les seves etiquetes, es tracta com un bloc de dades que no serà processada pel navegador.</dd> + <dd>Si el tipus especificat és mòdul el codi es tracta com un mòdul de JavaScript {{experimental_inline}}. Veure <a class="external external-icon" href="https://hacks.mozilla.org/2015/08/es6-in-depth-modules/">ES6 en Profunditat: Mòduls</a><br> + <br> + Recordeu que Firefox pot utilitzar les funcions avançades com ara deixar que les declaracions i altres característiques en les versions posteriors JS, mitjançant l'ús <code>type=application/javascript;version=1.8</code> {{Non-standard_inline}}. Aneu amb compte, però, que aquesta és una característica no estàndard, això farà que probablement s'interrompi el suport per a altres navegadors, en particular els navegadors basats en Chromium.</dd> + <dd><span id="result_box" lang="ca"><span>Per</span> <span>la manera d'incloure</span> <span>els</span> <em><span>llenguatges</span> <span>de programació</span> <span>exòtics</span></em><span>, llegir</span> <span>sobre</span></span> <a href="/en-US/Add-ons/Code_snippets/Rosetta">Rosetta</a>.</dd> + <dt>{{htmlattrdef("text")}}</dt> + <dd>Igual que l'atribut <code>textContent</code>, aquest atribut estableix el contingut de text de l'element. A diferència de l'atribut <code>textContent</code>, aquest atribut s'avalua com a codi executable després que el node s'insereix en el DOM.</dd> + <dt>{{htmlattrdef("language")}} {{Deprecated_inline}}</dt> + <dd>Igual que l'atribut <code>type</code>, aquest atribut identifica el llenguatge de script en ús. A diferència de l'atribut <code>type</code>, els possibles valors d'aquest atribut mai van ser estandarditzats. L'atribut <code>type</code> s'ha d'utilitzar al seu lloc</dd> + <dt>{{htmlattrdef("defer")}}</dt> + <dd>Aquest atribut booleà s'estableix per indicar a un navegador que el script està destinat a ser executat després que el document s'ha analitzat, però abans de activar {{event("DOMContentLoaded")}}. L'atribut <code>defer</code> no ha de ser utilitzat en els scripts que no tenen l'atribut <code>src</code>.</dd> + <dt>{{htmlattrdef("crossorigin")}}</dt> + <dd>Elements normals dels scripts passen un mínim d'informació a {{domxref('GlobalEventHandlers.onerror', 'window.onerror')}} pels scripts que no passen els controls estàndard <a href="/en-US/docs/HTTP_access_control">CORS</a> Per permetre el registre d'errors per als llocs que utilitzen un domini separat per als medis estàtics, utilitzeu aquest atribut.</dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<pre class="brush: html"><!-- HTML4 and (x)HTML --> +<script type="text/javascript" src="javascript.js"></script> + +<!-- HTML5 --> +<script src="javascript.js"></script> +</pre> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', "scripting.html#the-script-element", "<script>")}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Afegeix el mòdul type</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'scripting-1.html#script', '<script>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'interact/scripts.html#h-18.2.1', '<script>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('Subresource Integrity', '#htmlscriptelement', '<script>')}}</td> + <td>{{Spec2('Subresource Integrity')}}</td> + <td>Afegeix l'atribut integrity.</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> + +<div>{{CompatibilityTable}}</div> + +<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>Suport bàsic</td> + <td>{{CompatChrome(1.0)}}</td> + <td>{{CompatGeckoDesktop("1.0")}}<sup>[2]</sup></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut async</td> + <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> + <td>{{CompatGeckoDesktop("1.9.2")}}<sup>[1]</sup></td> + <td>10<sup>[1]</sup></td> + <td>15<sup>[1]</sup></td> + <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> + </tr> + <tr> + <td>atribut defer</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("1.9.1")}}<sup>[6]</sup></td> + <td> + <p>4<sup>[3]</sup><br> + 10</p> + </td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut crossorigin</td> + <td>{{CompatChrome(30.0)}}</td> + <td>{{CompatGeckoDesktop("13")}}</td> + <td>{{CompatNo}}</td> + <td>12.50</td> + <td>{{CompatVersionUnknown}}<sup>[4]</sup></td> + </tr> + <tr> + <td>atribut integrity</td> + <td>{{CompatChrome(45.0)}}</td> + <td>{{CompatGeckoDesktop("43")}}</td> + <td> </td> + <td> </td> + <td>{{CompatNo}}<sup>[5]</sup></td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Característica</th> + <th>Android</th> + <th>Android Webview</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + <th>Chrome for Android</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}<sup>[2]</sup></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut async</td> + <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> + <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> + <td>{{CompatGeckoMobile("1.0")}}<sup>[1]</sup></td> + <td>{{CompatNo}}<sup>[1]</sup></td> + <td>{{CompatUnknown}}<sup>[1]</sup></td> + <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> + <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> + </tr> + <tr> + <td>atribut defer</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut integrity</td> + <td>{{CompatNo}}</td> + <td>{{CompatChrome(45.0)}}</td> + <td>{{CompatGeckoDesktop("43")}}</td> + <td> </td> + <td> </td> + <td> </td> + <td>{{CompatChrome(45.0)}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] En navegadors antics que no suporten l'atribut <code>async</code>, els scripts inserits en l'analitzador bloquegen l'analitzador; en scripts inserits s'executen els scripts de forma asncrònica en IE i WebKit, però de forma sincrònica a Opera i Firefox pre-4.0. En Firefox 4.0, la propietat DOM <code>async</code> es converteix per defecte en <code>true</code> pels scripts creats per script, per la qual cosa el comportament predeterminat coincideix amb el comportament de IE i WebKit.. En la sol·licitud d'inserció de scripts externs, els scripts s'executaran en l'ordre d'inserció en els navegadors on <code>document.createElement("script").async</code> estigui avaluat a <code>true</code> (com Firefox 4.0), establir <code>.async=false</code> en els scripts que desitjeu mantenir l'ordre. Mai crideu a <code>document.write()</code> des d'un script <code>async</code>. En Gecko 1.9.2, cridar a <code>document.write()</code> té un efecte impredictible. En Gecko 2.0, cridar a <code>document.write()</code> des d'un script <code>async</code> no té cap efecte (que no sigui la impressió d'un advertiment a la consola d'errors).</p> + +<p>[2] A partir de Gecko 2.0 {{geckoRelease ( "2.0")}}, inserir elements de script que s'han creat en cridar a <code>document.createElement("script")</code> al DOM ja no imposa l'execució en ordre d'inserció. Aquest canvi permet a Gecko complir adequadament amb l'especificació HTML5. Perquè els scripts externs inserits en scripts s'executin en el seu ordre d'inserció, establiu <code>.async=false</code> en ells.</p> + +<p>A més, els elements {{HTMLElement ("script")}} dins d'elements {{HTMLElement ("iframe")}}, {{HTMLElement ("noembed")}} i {{HTMLElement ("noframes")}} són ara executats, per les mateixes raons.</p> + +<p>[3] En les versions anteriors a Internet Explorer 10 Trident implementava <code><script></code> per una especificació propietària. Des de la versió 10 s'ajusta a l'especificació W3C.</p> + +<p>[4] L'atribut <code>crossorigin</code> es va implementar en WebKit en {{WebKitBug(81438)}}.</p> + +<p>[5] {{WebKitBug(148363)}} seguiment de l'implementació a WebKit el Subresource Integrity (que inclou l'atribut <code>integrity</code>).</p> + +<p>[6] Des Gecko 1.9.2 {{geckoRelease ("1.9.2")}}, l'atribut <code>defer</code> és ignorat en scripts que no tenen l'atribut <code>src</code>. No obstant això, en Gecko 1.9.1 {{geckoRelease ("1.9.1")}} els scripts en línia es diferiran si s'estableix l'atribut <code>defer</code>.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>{{domxref("document.currentScript")}}</li> + <li><a href="http://pieisgood.org/test/script-link-events/">Gràfic de compatibilitat d'esdeveniments de node <script> i <link> de Ryan Grove</a></li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/section/index.html b/files/ca/web/html/element/section/index.html new file mode 100644 index 0000000000..4eb5f0021f --- /dev/null +++ b/files/ca/web/html/element/section/index.html @@ -0,0 +1,173 @@ +--- +title: <section> +slug: Web/HTML/Element/section +tags: + - Element + - HTML + - HTML sections + - Reference + - Web +translation_of: Web/HTML/Element/section +--- +<p>{{HTMLRef}}</p> + +<p>L'<strong>element HTML <code><section></code></strong> representa una secció genèrica d'un document, és a dir, una agrupació temàtica de continguts, normalment amb un capçalera. Cada <code><section></code> ha d'estar identificada, mitjançant la inclusió d'una capçalera (element {{HTMLElement('h1')}}-{{HTMLElement('h6')}}) com un fill de l'element <code><section></code>.</p> + +<div class="note"> +<p><em>Notes d'ùs :</em></p> + +<ul> + <li>Si té sentit assenyalar per separat el contingut d'un element {{HTMLElement("section")}}, utilitzeu en el seu llocun element {{HTMLElement("article")}}.</li> + <li>No utilitzeu l'element {{HTMLElement("section")}} com un contenidor genèric; per a això està {{HTMLElement ("div")}}, sobretot quan el seccionament és només per a fins d'estil. Una regla d'or és que un section hauria d'aparèixer lògicament en l'esquema d'un document.</li> +</ul> +</div> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Sectioning_content">contingut secció</a>, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>. Tingueu en compte que un element {{HTMLElement("section")}} no ha de ser un descendent d'un element {{HTMLElement("address")}}.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element només inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs global</a>.</p> + +<h2 id="Exemple_1">Exemple 1</h2> + +<h3 id="Abans">Abans</h3> + +<pre><div> + <h1>Heading</h1> + <p>Bunch of awesome content</p> +</div></pre> + +<h3 id="Després">D<span class="short_text" id="result_box" lang="ca"><span>esprés</span></span></h3> + +<pre class="brush: html"><section> + <h1>Heading</h1> + <p>Bunch of awesome content</p> +</section> +</pre> + +<h2 id="Exemple_2">Exemple 2</h2> + +<h3 id="Abans_2">Abans</h3> + +<pre class="brush: html"><div> + <h2>Heading</h2> + <img src="bird.jpg" alt="bird"> +</div> +</pre> + +<h3 id="Després_2">D<span class="short_text" id="result_box" lang="ca"><span>esprés</span></span></h3> + +<pre class="brush: html"><section> + <h2>Heading</h2> + <img src="bird.jpg" alt="bird"> +</section> +</pre> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'sections.html#the-section-element', '<section>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', 'sections.html#the-section-element', '<section>')}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'sections.html#the-section-element', '<section>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> + +<div>{{CompatibilityTable}}</div> + +<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>Suport bàsic</td> + <td>5</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>9.0</td> + <td>11.10</td> + <td>4.1</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>Suport bàsic</td> + <td>2.2</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>9.0</td> + <td>11.0</td> + <td>5.0 (iOS 4.2)</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Altres elements section relacionats : {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}};</li> + <li><a href="/en-US/docs/Sections_and_Outlines_of_an_HTML5_document">Seccions i esquemes d'un document HTML5</a>.</li> +</ul> diff --git a/files/ca/web/html/element/select/index.html b/files/ca/web/html/element/select/index.html new file mode 100644 index 0000000000..d37fbf1229 --- /dev/null +++ b/files/ca/web/html/element/select/index.html @@ -0,0 +1,196 @@ +--- +title: <select> +slug: Web/HTML/Element/select +tags: + - Element + - Forms + - HTML + - HTML forms + - Reference + - Web +translation_of: Web/HTML/Element/select +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'element HTML <em>seleccionar</em> (<code><select></code>) és un control que mostra un menú d'opcions. Les opcions del menú estan representades per elements <code>{{HTMLElement("option")}}</code>, que es poden agrupar per elements <code>{{HTMLElement("optgroup")}}</code>. Les opcions poden ser pre-seleccionades per l'usuari.</p> + +<h2 id="Contingut_d'ùs">Contingut d'ùs</h2> + +<table class="standard-table"> + <tbody> + <tr> + <td><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content categories">Categories de contingut</a></td> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, <a href="/en-US/docs/HTML/Content_categories#Interactive_content" title="HTML/Content categories#Interactive content">i contingut interactiu</a>, <a href="/en-US/docs/HTML/Content_categories#Form_listed" title="HTML/Content categories#Form listed">enumerat</a>, <a href="/en-US/docs/HTML/Content_categories#Form_labelable" title="HTML/Content categories#Form labelable">etiquetable</a>, <a href="/en-US/docs/HTML/Content_categories#Form_resettable" title="HTML/Content categories#Form resettable">reiniciable</a>, i <a href="/en-US/docs/HTML/Content_categories#Form_submittable" title="HTML/Content categories#Form submittable">enviable</a> de elements <a href="/en-US/docs/HTML/Content_categories#Form-associated_" title="HTML/Content categories#Form-associated "> asociats a formularis </a></td> + </tr> + <tr> + <td>Contingut permès</td> + <td>Zero o més elements {{HTMLElement("option")}} o {{HTMLElement("optgroup")}}.</td> + </tr> + <tr> + <td>Omissió de l'etiqueta</td> + <td>Cap, <span id="result_box" lang="ca"><span>tant</span> <span>l'etiqueta</span> <span>inicial com la</span> <span>final són</span> <span>obligatories</span></span></td> + </tr> + <tr> + <td>Elements pares permesos</td> + <td>Qualsevol element que accepti phrasing content</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="/en-US/docs/Web/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p> + +<dl> + <dt>{{htmlattrdef("autofocus")}} {{HTMLVersionInline("5")}}</dt> + <dd>Aquest atribut permet especificar que un control de formulari ha de tenir el focus d'entrada quan es carrega la pàgina, llevat que l'usuari el redefineixi, per exemple escrivint en un control diferent. Només un element de formulari en un document pot tenir l'atribut <code>autofocus</code>, el qual és un valor booleà.</dd> + <dt>{{htmlattrdef("disabled")}}</dt> + <dd>Aquest atribut booleà indica que l'usuari no pot interactuar amb el control. Si no s'especifica aquest atribut, el control hereta la seva configuració des de l'element que ho conté, per exemple <code>fieldse</code>t; si no hi ha cap element que ho conté amb l'atribut <code>disabled</code> establert, llavors el control està <code>enabled</code>.</dd> + <dt>{{htmlattrdef("form")}} {{HTMLVersionInline("5")}}</dt> + <dd>L'element formulari en el qual està associat l'element select (el seu "formulari propietari"). Si s'especifica aquest atribut, el seu valor ha de ser l'ID d'un element formulari en el mateix document. Això li permet col.locar elements select en qualsevol lloc dins d'un document, no només com descendents dels seus elements de formulari.</dd> + <dt>{{htmlattrdef("multiple")}}</dt> + <dd>Aquest atribut booleà indica que es poden fer seleccions múltiples a la llista. Si no s'especifica, llavors només una opció pot ser seleccionada alhora.</dd> + <dt>{{htmlattrdef("name")}}</dt> + <dd>El nom del control.</dd> + <dt>{{htmlattrdef("required")}} {{HTMLVersionInline("5")}}</dt> + <dd><span id="result_box" lang="ca"><span>Un atribut</span> <span>booleà que</span> <span>indica</span> <span>que una opció</span> <span>amb</span> <span>un valor</span> <span>de cadena</span> <span>no</span> <span>buida</span> <span>ha d'està</span> <span>seleccionat.</span></span></dd> + <dt>{{htmlattrdef("selected")}}</dt> + <dd>Un atribut booleà el qual indica que una opció específica es pot seleccionar inicialment.</dd> + <dt>{{htmlattrdef("size")}}</dt> + <dd>Si el control es mostra com un quadre de llista desplegable, aquest atribut representa el nombre de files en la llista que han de ser visibles alhora. Els navegadors no estan obligats a presentar un element de selecció com un quadre de llista desplegable. El valor per defecte és 0.</dd> +</dl> + +<div class="note"><strong>Nota Firefox:</strong> D'acord amb l'especificació d'HTML 5, el valor per defecte per a la mida ha de ser 1; No obstant això, en la pràctica, s'ha trobat que això trenca alguns llocs web, i cap altre navegador actualment té això, pel que Mozilla ha optat per seguir retornant 0, de moment amb Firefox.</div> + +<dl> +</dl> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element implementa la interfície <code><a href="/en-US/docs/DOM/HTMLSelectElement" title="DOM/select">HTMLSelectElement</a></code>.</p> + +<h2 id="Exemples">Exemples</h2> + +<pre class="brush: html"><!-- The second value will be selected initially --> +<select name="select"> + <option value="value1">Value 1</option> + <option value="value2" selected>Value 2</option> + <option value="value3">Value 3</option> +</select> +</pre> + +<h3 id="Resultat">Resultat</h3> + +<p><select name="select"><option value="value1">Value 1</option><option selected value="value2">Value 2</option><option value="value3">Value 3</option></select></p> + +<h3 id="Notes">Notes</h3> + +<p>El contingut d'aquest element és estàtic i no <a href="/en-US/docs/HTML/Content_Editable" title="HTML/Content_Editable">editable</a>.</p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML5 W3C', 'forms.html#the-select-element', '<select>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'interact/forms.html#h-17.6', '<select>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> + +<div>{{CompatibilityTable}}</div> + +<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>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.0")}}<sup> [3]</sup></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>required</code></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>10</td> + <td>{{CompatVersionUnknown}}</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}<sup> [1]</sup></td> + <td>{{CompatGeckoMobile("1.0")}}<sup> [2]</sup></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>required</code></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<p> </p> + +<p>[1]En l'aplicació del navegador per Android 4.1 (i possiblement versions posteriors), hi ha un error en el qual el triangle indicador de menú al costat d'un {{HTMLElement("select")}} no es mostrarà si un estil {{ cssxref("background") }}, {{ cssxref("border") }} o {{ cssxref("border-radius") }} s'aplica a {{HTMLElement("select")}}.</p> + +<p>[2] Firefox per a Android, per defecte, fixa un gradient {{ cssxref("background-image") }} en tots els elements <code><select multiple></code>. Això es pot desactivar usant <code>background-image: none</code>.</p> + +<p>[3] Històricament, Firefox ha permès que els esdeveniments del teclat i ratolí es generin des de l'element <code><opció></code> fins l'element pare {{HTMLElement ("select")}}. Això no succeeix en Chrome, encara que aquest comportament és incoherent en molts navegadors. Per a una millor compatibilitat web (i per raons tècniques), quan Firefox està en modalitat multi-procés l'element <code><select></code> es mostra com una llista desplegable. El comportament és sense canvis si <code><select></code> es mostra en línia i té l'atribut <code>multiple</code> definit o un atribut <code>size</code> ajustat a més de 1. En lloc d'observar esdeveniments en elements <code><option></code>, heu d'estar atents en els esdeveniments {{event("change")}} en {{HTMLElement("select")}}. Veure {{bug(1090602)}} per a més informació.</p> + +<p>Tant Chrome com Safari ignoren {{cssxref("border-radius")}} en elements {{HTMLElement("select")}} a menys que es reemplaci {{cssxref("-webkit-appearance")}} a un valor apropiat.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Altres elements relacionats amb formularis : {{HTMLElement("form")}}, {{HTMLElement("legend")}}, {{HTMLElement("label")}}, {{HTMLElement("button")}}, {{HTMLElement("option")}}, {{HTMLElement("datalist")}}, {{HTMLElement("optgroup")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("textarea")}}, {{HTMLElement("keygen")}}, {{HTMLElement("input")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}} and {{HTMLElement("meter")}}.</li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/shadow/index.html b/files/ca/web/html/element/shadow/index.html new file mode 100644 index 0000000000..59d02dcbf1 --- /dev/null +++ b/files/ca/web/html/element/shadow/index.html @@ -0,0 +1,164 @@ +--- +title: <shadow> +slug: Web/HTML/Element/Shadow +tags: + - Element + - HTML + - Reference + - Web Components +translation_of: Web/HTML/Element/shadow +--- +<h2 id="Summary" name="Summary">Sumari</h2> + +<p>L'element <strong><a href="/en-US/docs/Web/HTML">HTML</a> <code><shadow></code></strong> s'utilitza com una ombra DOM {{glossary("insertion point")}}. És possible utilitzar-ho si s'han creat múltiples arrels d'ombra sota una ombra d'acollida. No és útil en HTML ordinari. S'utilitza amb <a href="/en-US/docs/Web/Web_Components">Components Web (Web Components)</a>.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Transparent_content_model" title="HTML/Content_categories#Transparent_content_model">Contingut transparent</a>.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti contingut dinàmic</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLShadowElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Attributes" name="Attributes">Atributs</h2> + +<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p> + +<h2 id="Exemple">Exemple</h2> + +<p>Aquí teniu un exemple senzill de l'ús de l'element <code><shadow</code>>. És un arxiu HTML amb tot el necessari.</p> + +<div class="note"> +<p><strong>Nota:</strong> Aquesta és una tecnologia experimental. Perquè aquest codi funcioni, el navegador que ho mostri ha de ser compatible amb els components web. Veure <a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components#Enabling_Web_Components_in_Firefox">Habilitan components web en Firefox (Enabling Web Components in Firefox).</a></p> +</div> + +<pre class="brush: html"><html> + <head></head> + <body> + + <!-- This <div> will hold the shadow roots. --> + <div> + <!-- This heading will not be displayed --> + <h4>My Original Heading</h4> + </div> + + <script> + // Get the <div> above with its content + var origContent = document.querySelector('div'); + // Create the first shadow root + var shadowroot1 = origContent.createShadowRoot(); + // Create the second shadow root + var shadowroot2 = origContent.createShadowRoot(); + + // Insert something into the older shadow root + shadowroot1.innerHTML = + '<p>Older shadow root inserted by &lt;shadow&gt;</p>'; + // Insert into younger shadow root, including <shadow>. + // The previous markup will not be displayed unless + // <shadow> is used below. + shadowroot2.innerHTML = + '<shadow></shadow> <p>Younger shadow root, displayed because it is the youngest.</p>'; + </script> + + </body> +</html> +</pre> + +<p>Si visualitzes això en un navegador web ha de ser similar al següent.</p> + +<p><img alt="shadow example" src="https://mdn.mozillademos.org/files/10083/shadow-example.png" style="height: 343px; width: 641px;"></p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="spec-table standard-table"> + <tbody> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + <tr> + <td>{{SpecName('Shadow DOM', "#the-shadow-element", "shadow")}}</td> + <td>{{Spec2('Shadow DOM')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</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 (WebKit)</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>35</td> + <td>{{CompatGeckoDesktop("28")}}<sup>[1]</sup></td> + <td>{{CompatNo}}</td> + <td>26</td> + <td>{{CompatNo}}</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 Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>37</td> + <td>{{CompatGeckoMobile("28")}}<sup>[1]</sup></td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] Si Shadow DOM no està activat en Firefox, l'element <code><shadow></code> es comportarà com {{domxref("HTMLUnknownElement")}}. Shadow DOM es va implementar per primera vegada a Firefox 33 i està darrere d'una preferència, <code>dom.webcomponents.enabled</code>, que està desactivat per defecte.</p> + +<h2 id="See_also" name="See_also">Veure</h2> + +<ul> + <li><a href="/en-US/docs/Web/Web_Components">Web Components</a></li> + <li>{{HTMLElement("content")}}, {{HTMLElement("template")}}, {{HTMLElement("element")}}</li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/small/index.html b/files/ca/web/html/element/small/index.html new file mode 100644 index 0000000000..772ef2566a --- /dev/null +++ b/files/ca/web/html/element/small/index.html @@ -0,0 +1,109 @@ +--- +title: <small> +slug: Web/HTML/Element/small +tags: + - Element + - HTML + - HTML text-level semantics + - Reference + - Web + - font-size +translation_of: Web/HTML/Element/small +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'element HTML petit (<code><small></code>) fa que la mida de la font del text sigui d'una mida més petita (per exemple, de gran a mitjana o de petit a x-petit) fins a la mida mínima de la font del navegador. En HTML5, aquest element és reutilitzat per representar comentaris secundaris i lletra petita, incloent els drets d'autor i el text legal, amb independència del seu estil en la presentació.</p> + +<h2 class="editable" id="Context_d'ùs">Context d'ùs</h2> + +<table class="standard-table"> + <tbody> + <tr> + <td>Categories de contingut</td> + <td><a href="/en/HTML/Content_categories#Flow_content" title="en/HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en/HTML/Content_categories#Phrasing_content" title="en/HTML/Content categories#Phrasing content">phrasing content</a></td> + </tr> + <tr> + <td>Contingut permès</td> + <td><a href="/en/HTML/Content_categories#Phrasing_content" title="en/HTML/Content categories#Phrasing content">Phrasing content</a></td> + </tr> + <tr> + <td>Omissió de l'etiqueta</td> + <td>Cap, <span id="result_box" lang="ca"><span>ha de tenir</span> <span>tant una</span> <span>etiqueta d'inici</span> <span>i una </span><span>de tancament</span></span> .</td> + </tr> + <tr> + <td>Elements pares permesos</td> + <td>Qualsevol element que accepti <a href="/en/HTML/Content_categories#Phrasing_content" title="https://developer.mozilla.org/en/HTML/Content_categories#Phrasing_content">phrasing content</a>, o qualsevol element que accepti <a href="/en/HTML/Content_categories#Flow_content" title="en/HTML/Content categories#Flow content">contingut dinàmic</a>.</td> + </tr> + </tbody> +</table> + +<h2 class="editable" id="Atributs">Atributs</h2> + +<p>Aquest element només inclou els<span style="line-height: 21px;"> </span><a href="/en-US/docs/Web/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p> + +<h2 id="DOM_Interface" name="DOM_Interface">Interfície DOM</h2> + +<p>Aquest element implementa la interfície {{domxref("HTMLElement")}}.</p> + +<div class="note"> +<p><strong>Nota d'implementació: </strong>fins Gecko 1.9.2 incloso, Firefox implementa la interfície {{domxref ("HTMLSpanElement")}} per a aquest element.</p> +</div> + +<h2 id="Example_1" name="Example_1">Exemples</h2> + +<h3 id="Exemple_1">Exemple 1</h3> + +<pre class="brush: html"><p>This is the first sentence. <small>This whole sentence is in small letters.</small></p> +</pre> + +<h4 id="Result" name="Result">Resultat</h4> + +<p>This is the first sentence. <small>This whole sentence is in small letters.</small></p> + +<h3 id="Example_2" name="Example_2">Exemple 2 (CSS alternatiu)</h3> + +<pre class="brush: html"><p>This is the first sentence. <span style="font-size:0.8em">This whole sentence is in small letters.</span></p> +</pre> + +<h4 id="Result_2" name="Result_2">Resultat</h4> + +<p>This is the first sentence. <span style="font-size: 0.8em;">This whole sentence is in small letters.</span></p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-small-element', '<small>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', '/present/graphics.html#edef-SMALL', '<small>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Notes" name="Notes">Notes</h2> + +<p>Encara que l'element <code><small></code>, igual que els elements <code><b></code> i <code><i></code>, poden ser percebuts en violar el principi de separació entre l'estructura i la presentació, els tres són vàlids en HTML5. S'anima els autors a utilitzar el seu judici per determinar si s'ha d'utilitzar <code><small></code> o CSS.</p> + +<h2 id="See_also" name="See_also">Veure</h2> + +<ul> + <li>{{ HTMLElement("b") }}</li> + <li>{{ HTMLElement("font") }}</li> + <li>{{ HTMLElement("style") }}</li> + <li>HTML 4.01 Specification: <a class="external" href="http://www.w3.org/TR/html4/present/graphics.html#h-15.2">Font Styles</a></li> +</ul> + +<div>{{ HTMLRef }}</div> diff --git a/files/ca/web/html/element/source/index.html b/files/ca/web/html/element/source/index.html new file mode 100644 index 0000000000..67a62ad8a1 --- /dev/null +++ b/files/ca/web/html/element/source/index.html @@ -0,0 +1,223 @@ +--- +title: <source> +slug: Web/HTML/Element/source +tags: + - Element + - HTML + - HTML embedded content + - Media + - Reference + - Web +translation_of: Web/HTML/Element/source +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'<strong>element HTML <code><source></code></strong> especifica múltiples recursos multimèdia, ja sigui per l'element {{HTMLElement("picture")}}, {{HTMLElement("audio")}} o {{HTMLElement("video")}}. És un element buit. S'utilitza comunament per servir el mateix contingut multimèdia en<a href="https://developer.mozilla.org/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements"> múltiples formats suportats pels diferents navegadors</a>.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"> + <p>Contexte d'ùs</p> + </th> + <td>Un element multimèdia {{HTMLElement("audio")}} o {{HTMLelement("video")}}, s'ha de col·locar abans de qualsevol <a href="/en-US/docs/HTML/Content_categories#Flow_content">contingut dinàmic</a> o element {{HTMLElement("track")}}.</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Un element {{HTMLElement("picture")}}, s'ha de col·locar abans que l'element {{HTMLElement ("img")}}.</td> + </tr> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th> + <td>Cap.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td>Cap, és un {{Glossary("empty element")}}.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td><span id="result_box" lang="ca"><span>Ha de tenir</span> <span>una etiqueta</span> <span>d'inici,</span> <span>però</span> <span>no ha de tenir</span> <span>una etiqueta</span> <span>de tancament.</span></span></td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLSourceElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("sizes")}} {{experimental_inline}}</dt> + <dd>És una llista de mides de font que descriu l'ample final donat de la imatge representada per l'origen. Cada mida de font consisteix en una llista separada per comes de parells de condició-longitud del medi. Aquesta informació és utilitzada pel navegador per determinar, abans de col·locar la pàgina, quina imatge es defineix en {{htmlattrxref ( "srcset", "source")}} per usar. L'atribut <code>sizes</code> només té efecte quan l'element {{HTMLElement("source")}} és el fill directe d'un element {{HTMLElement("picture")}}.</dd> + <dt>{{htmlattrdef("src")}}</dt> + <dd>Obligatori per {{HTMLElement("audio")}} i {{HTMLElement("video")}}, l'adreça del recurs de medi. El valor d'aquest atribut s'ignora quan l'element <code><source></code> es col·loca dins d'un element {{HTMLElement("picture")}}.</dd> + <dt>{{htmlattrdef("srcset")}} {{experimental_inline}}</dt> + <dd>Una llista d'una o més cadenes separades per comes que indiquen un conjunt de possibles imatges representades per la font per a l'ús del navegador. Cada cadena es compon de: + <ol> + <li><span id="result_box" lang="ca"><span>un URL</span> <span>a</span> <span>una imatge,</span></span></li> + <li><span id="result_box" lang="ca"><span>un descriptor</span> <span>d'amplada, que</span> <span>és</span> <span>un enter</span> <span>positiu</span> <span>seguit</span> <span>directament</span> <span>per <code>'</code></span><code><span>w'</span></code><span>.</span> <span>El valor</span> <span>per defecte,</span> <span>si és que</span> <span>cal,</span> <span>és</span> <span>l'infinit.</span></span></li> + <li>un descriptor de densitat de píxels, que és un nombre flotant positiu seguit directament per <code>'x'</code>. El valor per defecte, si és que cal, és <code>1x</code>.</li> + </ol> + + <p>Cada cadena de la llista ha de tenir almenys un descriptor d'ample o un descriptor de densitat de píxels per ser vàlida. Entre la llista, hi ha d'haver una sola cadena que contingui la mateixa tupla de descriptor d'ample i descriptor de densitat de píxels.<br> + El navegador escull la imatge més adequada per mostrar-la en un moment donat.<br> + L'atribut <code>srcset</code> només té efecte quan l'element {{HTMLElement("source")}} és el fill directe d'un element {{HTMLElement("picture")}}.</p> + </dd> + <dt>{{htmlattrdef("type")}}</dt> + <dd>El tipus MIME del recurs, opcionalment amb un paràmetre <code>codecs</code>. Veure <a class="external" href="http://tools.ietf.org/html/rfc4281">RFC 4281</a> per obtenir informació sobre com especificar els còdecs.</dd> + <dt>{{htmlattrdef("media")}} {{experimental_inline}}</dt> + <dd>Consulta de mitjans dels mitjans de comunicació previstos del recurs; això s'ha d'utilitzar només en un element {{HTMLElement("picture")}}.</dd> +</dl> + +<p>Si no s'especifica l'atribut <strong>type</strong>, el tipus del mitjà es recupera del servidor i es verifica si Gecko pot manejar-ho; Si no es pot processar, es comprova la font següent. Si s'especifica l'atribut <strong>type</strong>, es compara amb els tipus que Gecko pot reproduir i, si no es reconeix, el servidor ni tan sols el consulta; En el seu lloc, el següent element font es comprova alhora.</p> + +<h2 id="Exemples">Exemples</h2> + +<p>Aquest exemple demostra com oferir un vídeo en format Ogg per als usuaris que tinguin el navegador compatible amb el format Ogg, i un format de vídeo de QuickTime per als usuaris de navegadors que donin aquest suport. Si l'element <code>audio</code> o <code> video</code> no és compatible amb el navegador, apareixerà un avís al seu lloc. Si el navegador és compatible amb l'element, però no admet qualsevol dels formats especificats, es genera un esdeveniment d'error i els controls multimèdia per defecte (si està activat) donarà un error. Veure també la llista de <a href="https://developer.mozilla.org/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements">formats de mitjans suportats pels elements audio i video</a> en diferents navegadors.</p> + +<pre class="brush: html"><video controls> + <source src="foo.webm" type="video/webm"> + <source src="foo.ogg" type="video/ogg"> + <source src="foo.mov" type="video/quicktime"> + I'm sorry; your browser doesn't support HTML5 video. +</video> +</pre> + +<p><span class="short_text" id="result_box" lang="ca"><span>Per a més</span> <span>exemples</span><span>,</span> <span>vegeu</span></span> <a class="internal" href="/en-US/docs/Using_HTML5_audio_and_video">Utilitzant àudio i video en Firefox</a>.</p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'edits.html#the-source-element-when-used-with-the-picture-element', '<source>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Definició inicial de <code><source></code> utilitzat dins d'un element {{HTMLElement("picture")}}.</td> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', 'the-video-element.html#the-source-element', '<source>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Definició inicial de <code><source></code> utilitzat dins d'un element multimedia, {{HTMLElement("audio")}} o {{HTMLElement("video")}}.</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("1.9.1")}}</td> + <td>9.0</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>media</code></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("15.0")}}</td> + <td>9.0</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>sizes</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoDesktop(33)}}<sup>[1]</sup></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>srcset</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoDesktop(33)}}<sup>[1]</sup></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>media</code></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("15.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>sizes</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile(33)}}<sup>[1]</sup></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>srcset</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile(33)}}<sup>[1]</sup></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] <span id="result_box" lang="ca"><span>Aquesta característica</span> <span>està darrere</span> <span>de la preferència</span> <code><span>dom.image.picture.enabled</span></code><span>, per defecte</span> <span>és</span><code> <span>fals</span>e</code></span>.</p> + +<p>Actualment, només s'implementa un petit subconjunt de la funcionalitat: Gecko recull el primer element font que té un tipus que coincideixi amb <a href="https://developer.mozilla.org/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements">el tipus MIME d'un format de suport multimèdia</a>; veure {{bug(449363)}} per a més informació</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>L'element {{HTMLElement("picture")}}</li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/spacer/index.html b/files/ca/web/html/element/spacer/index.html new file mode 100644 index 0000000000..df5281bdce --- /dev/null +++ b/files/ca/web/html/element/spacer/index.html @@ -0,0 +1,46 @@ +--- +title: <spacer> +slug: Web/HTML/Element/spacer +tags: + - Element + - HTML + - Obsolete + - Reference + - Web +translation_of: Web/HTML/Element/spacer +--- +<div>{{ obsolete_header() }}</div> + +<div> </div> + +<h2 id="Summary" name="Summary">Sumari</h2> + +<p>L'element HTML<code><spacer></code> s'utilitza per a la inserció d'espais en blanc en les pàgines web. Va ser creat per Netscape per aconseguir el mateix efecte de disseny d'una imatge GIF d'un sol píxel, la qual cosa era utilitzada per els dissenyadors web per afegir espais en blanc en les pàgines web, sense arribar a utilitzar un GIF. No obstant això <code><spacer></code> no està suportat per qualsevol navegador, els mateixos efectes es poden crear amb diverses regles CSS. En aplicacions de Mozilla, el suport a aquest element es va eliminar a {{gecko ("2.0")}}. Per tant l'ús de <code><spacer></code> és innecessària.</p> + +<h2 id="Attributes" name="Attributes">Atributs</h2> + +<p><span id="result_box" lang="ca"><span>Igual</span> <span>que tots els altres</span> <span>elements</span> <span>HTML</span><span>, aquest element</span> <span>és</span> <span>compatible amb el</span></span>s <a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p> + +<dl> + <dt>{{ htmlattrdef("type") }}</dt> + <dd>Aquest atribut determina el tipus de espai. Els valors possibles són <code>horizontal</code>, <code>vertical</code> i <code>block</code>.</dd> + <dt>{{ htmlattrdef("size") }}</dt> + <dd>Aquest atribut es pot utilitzar per definir la mida de espai en píxels quan el tipus és <code>horizontal</code> o <code>vertical</code>.</dd> + <dt>{{ htmlattrdef("width") }}</dt> + <dd>Aquest atribut es pot utilitzar per definir l'amplada de espai en píxels quan el tipus és <code>block</code>.</dd> + <dt>{{ htmlattrdef("height") }}</dt> + <dd>Aquest atribut es pot utilitzar per definir l'altura de espaia en píxels quan el tipus és <code>block</code>.</dd> + <dt>{{ htmlattrdef("align") }}</dt> + <dd>Aquest atribut determina l'alineació de l'espai. Els valors possibles són <code>left</code>, <code>right</code> and <code>center</code>.</dd> + <dt> </dt> +</dl> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush:html"><span>Just a text node</span> +<spacer type="horizontal" size="10"></spacer> +<span>Just another text node</span> +<spacer type="block" width="10" height="10"></spacer> +</pre> + +<p>{{ HTMLRef }}</p> diff --git a/files/ca/web/html/element/span/index.html b/files/ca/web/html/element/span/index.html new file mode 100644 index 0000000000..4a9f13f45f --- /dev/null +++ b/files/ca/web/html/element/span/index.html @@ -0,0 +1,160 @@ +--- +title: <span> +slug: Web/HTML/Element/span +tags: + - Element + - HTML + - HTML text-level semantics + - 'HTML:Flow content' + - Reference + - Web +translation_of: Web/HTML/Element/span +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'<strong>element HTML <code><span></code></strong> és un contenidor en línia genèric per a contingut textual, que no representa res essencial. Pot ser utilitzat per agrupar elements amb fins d'estil (utilitzant els atributs <code>class</code> o <code>id</code>), o perquè comparteixen valors d'atribut, com lang. S'ha d'utilitzar només quan cap altre element semàntic sigui apropiat. <code><span></code> és molt semblant a un element {{HTMLElement ("div")}}, però {{HTMLElement ("div")}} és un <a href="https://developer.mozilla.org/en-US/docs/HTML/Block-level_elements">element a nivell de bloc</a>, mentre que un <code><span></code> és un <a href="https://developer.mozilla.org/en-US/docs/HTML/Inline_elements">element en línia</a>.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">Contingut textual</a>.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content">Contingut textual</a></td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">Contingut textual</a>, o qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content">contingut dinàmic</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLSpanElement")}} ( <span class="short_text" id="result_box" lang="ca"><span>abans</span> <span>d'HTML</span> <span>5,</span> <span>la interfície</span> <span>era</span></span> {{domxref("HTMLElement")}})</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element només inclou els <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p> + +<h2 id="Exemple_1">Exemple 1</h2> + +<pre class="brush:html;gutter:false"><p><span>Some text</span></p></pre> + +<h3 id="Resultat">Resultat</h3> + +<p><span>Some text</span></p> + +<h2 id="Exemple_2">Exemple 2</h2> + +<pre class="brush:html;gutter:false"><li><span> + <a href="portfolio.html" target="_blank">See my portfolio</a> +</span></li> +</pre> + +<h3 id="CSS">CSS:</h3> + +<div class="note"> +<p>li span {<br> + background: gold;<br> + }</p> +</div> + +<h2 id="Nota">Nota</h2> + +<div class="warning"> +<p>És il·legal col·locar un element a nivell de bloc dins d'un element en línia.</p> +</div> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-span-element', '<span>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-span-element', '<span>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td><span class="short_text" id="result_box" lang="ca"><span>La interfície</span> <span>DOM és</span> <span>ara</span></span> {{domxref("HTMLSpanElement")}}.</td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/global.html#edef-SPAN', '<span>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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 (WebKit)</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</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 Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>L'element HTML {{HTMLElement("div")}}</li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/strike/index.html b/files/ca/web/html/element/strike/index.html new file mode 100644 index 0000000000..3adaf387d4 --- /dev/null +++ b/files/ca/web/html/element/strike/index.html @@ -0,0 +1,51 @@ +--- +title: <strike> +slug: Web/HTML/Element/strike +tags: + - Element + - HTML + - Obsolete + - Reference + - Web +translation_of: Web/HTML/Element/strike +--- +<div>{{ Obsolete_header() }}</div> + +<h2 id="Sumari">Sumari</h2> + +<p>L'<em>Element HTML ratllat</em> (<code><strike></code>) representa el text amb un ratllat o una línia a través d'ell. Aquest element és obsolet en HTML5. Utilitzar el {{HTMLElement ("del")}} en el seu lloc si l'element està marcant una edició (text eliminat), altrament utilitzar l'element {{ HTMLElement("s") }}.</p> + +<div class="note"><strong>Nota d'ùs: </strong>Igual que amb tots els elements purament d'estil, {{ HTMLElement("strike") }} ha estat desaprovat en HTML 4 i XHTML 1, i ha quedat obsolet en HTML5. Si semànticament és apropiat, és a dir, si es representa contingut eliminat, utilitzeu en el seu lloc {{HTMLElement ("del")}} ; en els altres casos utilitzar l'element {{ HTMLElement("s") }}.</div> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element no té altres atributs que els <a href="/en-US/docs/HTML/global_attributes" rel="internal" title="HTML/global attributes">atributs globals</a>, comuns a tots els elements.</p> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element implementa la interfície {{domxref('HTMLElement')}}.</p> + +<div class="note"> +<p><strong>Nota d'implementació: </strong>fins Gecko 1.9.2 inclos, Firefox implementa el {{domxref('HTMLSpanElement')}} interfície per a aquest element.</p> +</div> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush:xml"><strike>Today's Special: Salmon</strike> NO LONGER AVAILABLE<br /> +<s>Today's Special: Salmon</s> SOLD OUT +</pre> + +<h3 id="Resultat">Resultat</h3> + +<p><s>Today's Special: Salmon</s> NO LONGER AVAILABLE<br> + <s style="text-decoration: line-through;">Today's Special: Salmon</s> SOLD OUT</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>L'element {{ HTMLElement("s") }}.</li> + <li>L'element {{ HTMLElement("del") }} és per ser utilitzat en el lloc on s'han <em>eliminat</em> dades.</li> + <li>La propietat CSS {{ cssxref("text-decoration") }} es va a utilitzar per aconseguir el primer aspecte visual de l'element {{ HTMLElement("strike") }}.</li> +</ul> + +<div>{{ HTMLRef }}</div> diff --git a/files/ca/web/html/element/strong/index.html b/files/ca/web/html/element/strong/index.html new file mode 100644 index 0000000000..b988397400 --- /dev/null +++ b/files/ca/web/html/element/strong/index.html @@ -0,0 +1,83 @@ +--- +title: <strong> +slug: Web/HTML/Element/strong +tags: + - Element + - HTML + - HTML text-level semantics + - Reference + - Web + - font-weight +translation_of: Web/HTML/Element/strong +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'element HTML fort (<code><strong></code>) dóna al text una gran importància, i en general es mostra en negreta.</p> + +<h2 id="Context_d'ùs">Context d'ùs</h2> + +<table class="standard-table"> + <tbody> + <tr> + <td>Contingut de categories</td> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">contingut textual</a></td> + </tr> + <tr> + <td>Contingut permès</td> + <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">contingut textual</a></td> + </tr> + <tr> + <td>Omissió de l'etiqueta</td> + <td>None, must have both a start tag and an end tag</td> + </tr> + <tr> + <td>Elements pares permesos</td> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">contingut textual</a>, o qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">contingut dinàmic</a></td> + </tr> + <tr> + <td>Normativa del document</td> + <td><a href="http://www.w3.org/TR/html5/text-level-semantics.html#the-strong-element" title="http://www.w3.org/TR/html5/text-level-semantics.html#the-strong-element">HTML5, secció 4.6.3</a>; <a href="http://www.w3.org/TR/html401/struct/text.html#edef-STRONG" title="http://www.w3.org/TR/html401/struct/text.html#edef-STRONG">HTML 4.01, secció 9.2.1</a></td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element només inclou els <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a>.</p> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element implementa la interfície <code><a href="/en-US/docs/DOM/element" title="DOM/element">HTMLElement</a></code>.</p> + +<div class="note"> +<p><strong>Nota d'implementació: </strong>fins Gecko 1.9.2 inclos, Firefox implementa la interfície <a href="/en-US/docs/DOM/span" title="DOM/span"><code>HTMLSpanElement</code></a> per aquest element.</p> +</div> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush: html"><p>When doing x it is <strong>imperative</strong> to do y before proceeding.</p> +</pre> + +<h3 id="Resultat">Resultat</h3> + +<p>When doing x it is <strong>imperative</strong> to do y before proceeding.</p> + +<h3 id="Bold_vs._Strong">Bold vs. Strong</h3> + +<p>Sovint es confús per als nous desenvolupadors de les diverses manera que hi ha d'expressar la mateixa cosa en un lloc web. Negreta i forta són potser un dels més comuns. Per què utilitzar <strong></ strong> vs <b></ b>? Teniu que escriure molt més fort i això produeix exactament el mateix resultat, oi?</p> + +<p>Potser no; fort és un estat lògic i negreta és un estat físic. El estat lògic separa la presentació del contingut, en fer-ho, permeten que s'expressi de moltes maneres diferents. Aixó pot donar lloc que en comptes de fer un text en negreta desitgeu que sigui vermell, o tingui una mida diferent, o subratllat, o el que sigui. Té més sentit el canvi de les propietats de presentació de fort que de negreta. Això es deu a que la negreta és un estat físic; no hi ha separació de presentació i contingut, fer negreta, qualsevol cosa que no sigui text en negreta seria confús i il·lògic.</p> + +<p>És important tenir en compte que <b></ b> té altres usos, quan es vol cridar l'atenció sense aumentar la importància.</p> + +<h3 id="Emphasis_vs._Strong">Emphasis vs. Strong</h3> + +<p>Mentre que en HTML 4, Strong simplement indica un major èmfasi, en HTML 5, l'element es descriu com representan "una gran importància pel seu contingut." Aquesta és una distinció important que fer. Mentre Emphasis s'utilitza per canviar el sentit d'una frase ("<em>m'encanten</em> lespastanagues" enfront de "m'encanten les <em>pastanagues</em>"), Strong s'utilitza per donar porcions de importància a una frase afegida (per exemple, el "<strong>Compte!</strong> Això és <strong>molt perillós</strong>."). Tant Strong com Emphasis es poden niar per augmentar el grau d'importància relativa o èmfasi en el estrès, respectivament.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li><a href="/en-US/docs/HTML/Element/b" title="HTML/Element/b">L'element HTML bold</a></li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/style/index.html b/files/ca/web/html/element/style/index.html new file mode 100644 index 0000000000..0b3e426e70 --- /dev/null +++ b/files/ca/web/html/element/style/index.html @@ -0,0 +1,193 @@ +--- +title: <style> +slug: Web/HTML/Element/style +tags: + - Element + - HTML + - HTML document metadata + - Reference + - Web +translation_of: Web/HTML/Element/style +--- +<p id="Summary">{{HTMLRef}}</p> + +<p>L'<strong>element HTML <code><style></code></strong> conté informació d'estil per a un document, o part d'un document. Per defecte, s'espera que les instruccions d'estil escrites a l'interior d'aquest element siguin <a href="/en-US/docs/Web/CSS">CSS</a>.</p> + +<table class="properties"> + <tbody> + <tr> + <th><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Metadata_content">Contingut metadata</a>, i si l'atribut <code>scoped</code> és present: <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">contingut dinàmic</a>.</td> + </tr> + <tr> + <th>Contingut permès</th> + <td>El contingut del text que coincideixi amb l'atribut type, que és <code>text/css</code>.</td> + </tr> + <tr> + <th>Omissió de l'etiqueta</th> + <td><span class="short_text" id="result_box" lang="ca"><span>Tampoc</span> <span>es</span> <span>pot</span> <span>ometre</span> <span>l'etiqueta</span></span>.</td> + </tr> + <tr> + <th>Elements pares permesos</th> + <td>Si l'atribut <strong>scoped</strong> <em>no</em> està present: s'espera que el contingut de metadades o un element {{HTMLElement ("noscript")}} sigui un fill de l'element {{HTMLElement("head")}}.Si l'atribut <strong>scoped</strong> està present: s'espera contingut dinàmic, però abans de qualsevol altre <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#Flow_content">contingut dinàmic</a>, que no sigui un espai en blanc entre elements i elements {{HTMLElement("style")}}, i no com el fill d'un element, el model del qual es de contingut <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#Transparent_content_model">transparent</a>.</td> + </tr> + <tr> + <th>Interfície DOM</th> + <td>{{domxref("HTMLStyleElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("type")}}</dt> + <dd>Aquest atribut defineix el llenguatge d'estil com un tipus MIME (joc de caràcters no s'ha d'especificar). Aquest atribut és opcional i per defecte és <code>text/css</code> si no es troba.</dd> + <dt>{{htmlattrdef("media")}}</dt> + <dd>Aquest atribut defineix a quin mitjà s'ha d'aplicar l'estil. El seu valor és una <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries">consulta de mitjans</a>, que per defecte és <code>all</code> si l'atribut no es trova.</dd> + <dt>{{htmlattrdef("scoped")}} {{experimental_inline}} {{deprecated_inline}}</dt> + <dd><span id="result_box" lang="ca"><span>Si aquest</span> <span>atribut</span> <span>és present,</span> <span>llavors l'estil</span> <span>s'aplica</span> <span>només al seu</span> <span>element</span> <span>pare.</span> <span>Si no n'hi ha</span><span>, l'estil</span> <span>s'aplica a tot</span> <span>el document.</span></span></dd> + <dt>{{htmlattrdef("title")}}</dt> + <dd><span class="short_text" id="result_box" lang="ca"><span>Especifica</span> <span>conjunts</span> <span>de fulls d'estil</span> <span>alternatius.</span></span></dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<h3 id="Un_full_d'estil_senzill">Un <span class="short_text" id="result_box" lang="ca"><span>full d'estil senzill</span></span></h3> + +<pre class="brush:html"><style type="text/css"> +body { + color:red; +} +</style> +</pre> + +<h3 id="Un_full_d'estil_amb_scoped">Un <span class="short_text" id="result_box" lang="ca"><span>full d'estil amb </span></span> scoped</h3> + +<p>En aquest exemple, l'atribut <code>scoped</code> s'utilitza per crear un estil que només s'aplica a un element {{HTMLElement("section")}} en la qual està contingut.</p> + +<div class="warning"> +<p>L'atribut <code>scoped</code> s'ha eliminat de l'especificació després de l'adopció només limitada i experimental per Chrome i Firefox. Heu ha d'evitar l'ús d'ell, ja que és gairebé segur que serà eliminat d'aquests navegadors aviat.</p> +</div> + +<pre class="brush:html;highlight:7"><article> + <div>The scoped attribute allows for you to include style elements mid-document. + Inside rules only apply to the parent element.</div> + <p>This text should be black. If it is red your browser does not support the scoped attribute.</p> + <section> + <style scoped> + p { color: red; } + </style> + <p>This should be red.</p> + </section> +</article> +</pre> + +<h4 id="Mostra_directa">Mostra directa</h4> + +<div>{{ EmbedLiveSample('A_scoped_stylesheet', '100%', '200') }}</div> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + <tr> + <td>{{ SpecName('HTML WHATWG', 'document-metadata.html#the-style-element', 'style') }}</td> + <td>{{ Spec2('HTML WHATWG') }}</td> + <td>Afegeix l'atribut <code>scoped</code>.</td> + </tr> + <tr> + <td>{{ SpecName('HTML5 W3C', 'document-metadata.html#the-style-element', 'style') }}</td> + <td>{{ Spec2('HTML5 W3C') }}</td> + <td>No canvia des de {{ SpecName('HTML4.01') }}.</td> + </tr> + <tr> + <td>{{ SpecName('HTML4.01', 'present/styles.html#h-14.2.3', 'style') }}</td> + <td>{{ Spec2('HTML4.01') }}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> + +<div>{{CompatibilityTable}}</div> + +<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 (WebKit)</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop(1.0)}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td><code>scoped</code></td> + <td>20<sup>[1]</sup></td> + <td>{{CompatGeckoDesktop(21.0)}}<sup>[2]</sup></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</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 Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop(1.0)}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td><code>scoped</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile(25.0)}}<sup>[2]</sup></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] Suportat en Chrome 20+ a 34 habilitant l'opció "<strong>Enable <style scoped>"</strong> o la marca <strong>"característiques experimentals WebKit"</strong> en <code>chrome://flags</code>. <a href="https://groups.google.com/a/chromium.org/forum/#!searchin/blink-dev/scoped/blink-dev/R1x18ZLS5qQ/Bjuh_cENhlQJ">Eliminat en Chrome 35+, a causa de la complexitat del codi</a>.</p> + +<p>[2] Gecko 20 i posterior implementa la pseudo-classe {{cssxref(":scope")}}, però la preferència <code>layout.css.scope-pseudo.enabled</code> han de tenir el valor <code>true</code>. Aquest és només el cas per defecte en les versions de prova en Nightly i Aurora</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>The {{HTMLElement("link")}} element allowing to use external style sheets.</li> +</ul> diff --git a/files/ca/web/html/element/sub/index.html b/files/ca/web/html/element/sub/index.html new file mode 100644 index 0000000000..ff3c7227ce --- /dev/null +++ b/files/ca/web/html/element/sub/index.html @@ -0,0 +1,80 @@ +--- +title: <sub> +slug: Web/HTML/Element/sub +tags: + - Element + - HTML + - HTML text-level semantics + - Reference + - Web +translation_of: Web/HTML/Element/sub +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'<em>Element HTML subíndex</em> (<code><sub></code>) defineix un fragment de text que s'ha de mostrar, per raons tipogràfiques, més baix, i sovint més petit, que el tram principal del text.</p> + +<div class="note"> +<p><strong>Nota d'ùs:</strong></p> + +<ul> + <li>Aquest element s'ha d'utilitzar només per raons tipogràfiques, és a dir, el canvi de la posició del text canviant el seu significat com en matemàtiques (com <var>t<sub>2</sub></var>, encara que l'ús d'una fórmula <a href="/en-US/docs/MathML" title="en-US/docs/MathML">MathML</a> ha de ser considerat) o fórmules químiques (com <span style="font-family: Courier New;">H<sub>2</sub>O</span>).</li> + <li>Aquest element no ha de ser utilitzat amb el propòsit de donar estil, com l'estil del nom del producte de Latex. En aquest cas s'ha d'utilitzar l'estil <a href="/en-US/docs/CSS" title="en-US/docs/CSS">CSS</a> de la propietat {{ cssxref("vertical-align") }}, amb el valor <code>sub</code> aconseguireu el mateix efecte.</li> +</ul> +</div> + +<h2 id="Context_d'ùs">Context d'ùs</h2> + +<table class="standard-table"> + <tbody> + <tr> + <td><a href="/en-US/docs/HTML/Content_categories" title="en-US/docs/HTML/Content categories">Categories de contingut</a></td> + <td>Contingut dinàmic i contingut textual</td> + </tr> + <tr> + <td>Contingut permès</td> + <td>Contingut textual</td> + </tr> + <tr> + <td>Omissió de l'etiqueta</td> + <td>Cap, ja que tant l'etiqueta d'inici com la final són obligatories</td> + </tr> + <tr> + <td>Elements pares permesos</td> + <td><span id="result_box" lang="ca"><span>Qualsevol</span> <span>element que</span> <span>pogui</span> <span>contenir</span> <span>contingut</span> <span>textual</span></span></td> + </tr> + <tr> + <td>Normativa del document</td> + <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-sub-and-sup-elements" rel="external nofollow" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-sub-and-sup-elements">HTML5, secció 4.6.14</a> (<a class="external" href="http://www.w3.org/TR/REC-html40/struct/text.html#h-9.2.3" title="http://www.w3.org/TR/REC-html40/struct/text.html#h-9.2.3">HTML4.01, secció 9.2.3</a>)</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element només inclou els<span style="line-height: 21px;"> </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> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element implement la interfície <code><a href="/en-US/docs/DOM/element" title="en-US/docs/DOM/element">HTMLElement</a></code>.</p> + +<div class="note"> +<p><strong>Nota d'implementació: </strong>fins Gecko 1.9.2 inclos, Firefox implementa la interfície <a href="/en-US/docs/DOM/span" title="en-US/docs/DOM/span"><span style="font-family: Courier New;">HTMLSpanElement</span></a> per aquest element.</p> +</div> + +<h2 id="Exemples">Exemples</h2> + +<pre class="brush: html"><p>The chemical formula of water is H<sub>2</sub>O</p> +</pre> + +<h4 id="Resultat">Resultat</h4> + +<p>The chemical formula of water is H<sub>2</sub>O</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>L'element HTML {{HTMLElement ("sup")}} produeix el superíndex. Recordeu que no podeu utilitzar els dos al mateix temps i és necessari utilitzar <a href="https://developer.mozilla.org/en-US/docs/MathML">MathML</a> per produir tant un superíndex com un subíndex al costat del símbol químic d'un element, que representa el seu nombre atòmic i el seu nombre nuclear.</li> + <li>Els elements MathML <a href="/en-US/docs/MathML/Element/msub" title="en-US/docs/MathML/Element/msub"><code><msub></code></a>, <a href="/en-US/docs/MathML/Element/msup" title="en-US/docs/MathML/Element/msup"><code><msup></code></a> i <a href="/en-US/docs/MathML/Element/msubsup" title="en-US/docs/MathML/Element/msubsup"><code><msubsup></code></a>.</li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/summary/index.html b/files/ca/web/html/element/summary/index.html new file mode 100644 index 0000000000..b50c7bbaf5 --- /dev/null +++ b/files/ca/web/html/element/summary/index.html @@ -0,0 +1,139 @@ +--- +title: <summary> +slug: Web/HTML/Element/summary +tags: + - Element + - HTML + - HTML interactive elements + - Reference + - Web +translation_of: Web/HTML/Element/summary +--- +<div>{{HTMLRef}}</div> + +<p>L'element HTML <strong><code><summary></code></strong> s'utilitza a manera de resum, el títol o la llegenda per al contingut d'un element {{HTMLElement("details")}}.</p> + +<div class="note"><strong>Nota:</strong> Si s'omet l'element <code><summary></code>, s'utilitzarà la capçalera "details".</div> + +<div class="note"><strong>Nota:</strong> L'estil per defecte per <code><summary></code> és <code>display:list-item</code> segons la <a href="https://html.spec.whatwg.org/multipage/rendering.html#the-details-and-summary-elements">norma HTML</a>. Si es canvia l'estil a <code>display:block</code>, el triangle de divulgació serà descartat. Veure <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1283989">Bug 1283989</a> per a més informació.</div> + +<h2 id="Context_d'ùs">Context d'ùs</h2> + +<table class="properties"> + <tbody> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content">Contingut textual</a> o un element de <a href="/en-US/docs/Web/Guide/HTML/Content_categories#Heading_content">contingut capçalera</a></td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td><span id="result_box" lang="ca"><span>Cap</span><span>, tant</span> <span>l'etiqueta</span> <span>inicial </span>com la <span>final són</span> <span>obligatories</span><span>.</span></span></td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>L'element {{HTMLElement("details")}}.</td> + </tr> + <tr> + <th scope="row">Normativa del document</th> + <td><a class="external" href="https://html.spec.whatwg.org/multipage/forms.html#the-summary-element" rel="external nofollow">HTML5, secció 4.11.2</a></td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element només inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element implementa la interfície {{domxref("HTMLElement")}}.</p> + +<h2 id="Exemples">Exemples</h2> + +<details> +<p>In summation, get details from the link on the next line</p> +</details> + +<p>Si us plau, vegeu la pàgina {{HTMLElement("details")}} d'exemples de <summary>.</p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'forms.html#the-summary-element', '<summary>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', 'interactive-elements.html#the-summary-element', '<summary>')}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td>Definició inicial</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>12</td> + <td>{{CompatGeckoDesktop("49.0")}}<sup>[1]</sup></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>6</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>Suport bàsic</td> + <td>4.0</td> + <td>{{CompatGeckoMobile("49.0")}}<sup>[1]</sup></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] Aquesta característica està disponible des de la versió 47 darrere de la preferència <code>dom.details_element.enabled</code>, per defecte és <code>false</code>, excepte en les versions Nightly i Aurora ({{bug(1241750)}}). El suport està habilitat per defecte, és a dir, la preferència per defecte es <code>true</code>, des de Firefox 49.0 ({{bug("1226455")}}).</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>{{HTMLElement("details")}}</li> +</ul> diff --git a/files/ca/web/html/element/sup/index.html b/files/ca/web/html/element/sup/index.html new file mode 100644 index 0000000000..477213261f --- /dev/null +++ b/files/ca/web/html/element/sup/index.html @@ -0,0 +1,74 @@ +--- +title: <sup> +slug: Web/HTML/Element/sup +translation_of: Web/HTML/Element/sup +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'<em>Element HTML superíndex</em> (<code><sup></code>) defineix un fragment de text que s'ha de mostrar, per raons tipogràfiques, més alt, i sovint més petit, que el tram principal del text.</p> + +<div class="note"> +<p><strong>Nota d'ùs:</strong></p> + +<ul> + <li>Aquest element s'ha d'utilitzar només per raons tipogràfiques, és a dir, el canvi de la posició del text canviant el seu significat com en matemàtiques (com <var>f<sup>4</sup></var>, encara que l'ús d'una fórmula <a href="https://developer.mozilla.org/en/MathML">MathML</a> ha de ser considerat) o les abreviatures franceses (com M<sup>lle</sup>, M<sup>me</sup> or C<sup>ie</sup>).</li> + <li>Aquest element no ha de ser utilitzat amb el propòsit de donar estil, com l'estil del nom del producte de Latex. En aquest cas s'ha d'utilitzar l'estil <a href="/en/CSS" title="en/CSS">CSS</a> de la propietat {{ cssxref("vertical-align") }}, amb el valor <code>super</code> aconseguireu el mateix efecte.</li> +</ul> +</div> + +<h2 id="Context_d'ùs">Context d'ùs</h2> + +<table class="standard-table"> + <tbody> + <tr> + <td><a href="/en/HTML/Content_categories" title="en/HTML/Content categories">Categories de contingut</a></td> + <td>Contingut dinàmic i contingut textual</td> + </tr> + <tr> + <td>Contingut permès</td> + <td>Contingut textual</td> + </tr> + <tr> + <td>Omissió de l'etiqueta</td> + <td>Cap, ja que tant l'etiqueta d'inici com la final són obligatories</td> + </tr> + <tr> + <td>Elements pares permesos</td> + <td><span id="result_box" lang="ca"><span>Qualsevol</span> <span>element que</span> <span>pogui</span> <span>contenir</span> <span>contingut</span> <span>textual</span></span></td> + </tr> + <tr> + <td>Normativa del document</td> + <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-sub-and-sup-elements" rel="external nofollow" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-sub-and-sup-elements">HTML5, secció 4.6.14</a> (<a class="external" href="http://www.w3.org/TR/REC-html40/struct/text.html#h-9.2.3" title="http://www.w3.org/TR/REC-html40/struct/text.html#h-9.2.3">HTML4.01, secció 9.2.3</a>)</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element només inclou els<span style="line-height: 21px;"> </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> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element implement la interfície <code><a href="https://developer.mozilla.org/en-US/docs/DOM/element" title="en-US/docs/DOM/element">HTMLElement</a></code>.</p> + +<div class="note"> +<p><strong>Nota d'implementació</strong> <strong>: </strong> fins Gecko 1.9.2 inclos, Firefox implementa la interfície <a href="/en/DOM/span" title="en/DOM/span"><span style="font-family: Courier New;">HTMLSpanElement</span></a> per aquest element.</p> +</div> + +<h2 id="Exemples">Exemples</h2> + +<pre class="brush: html"><p>This text is <sup>superscripted</sup></p> +</pre> + +<h4 id="Resultat">Resultat</h4> + +<p>This text is <sup>superscripted</sup></p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>L'element HTML {{HTMLElement ("sub")}} produeix el subíndex. Recordeu que no podeu utilitzar els dos al mateix temps i és necessari utilitzar <a href="https://developer.mozilla.org/en/MathML">MathML</a> per produir tant un superíndex com un subíndex al costat del símbol químic d'un element, que representa el seu nombre atòmic i el seu nombre nuclear.</li> + <li>Els elements MathML <a href="/en/MathML/Element/msub" title="en/MathML/Element/msub"><span style="font-family: Courier New;"><msub></span></a>, <a href="/en/MathML/Element/msup" title="en/MathML/Element/msup"><span style="font-family: Courier New;"><msup></span></a> i <a href="/en/MathML/Element/msubsup" title="en/MathML/Element/msubsup"><span style="font-family: Courier New;"><msubsup></span></a>.</li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/table/index.html b/files/ca/web/html/element/table/index.html new file mode 100644 index 0000000000..a4a7e04b14 --- /dev/null +++ b/files/ca/web/html/element/table/index.html @@ -0,0 +1,442 @@ +--- +title: <table> +slug: Web/HTML/Element/table +tags: + - CSS Elemen + - Element + - HTML + - HTML tabular data + - Reference + - Tables + - Web +translation_of: Web/HTML/Element/table +--- +<div>{{HTMLRef}}</div> + +<p>L'<strong>Element HTML Taula</strong> (<code><table>)</code> representa dades tabulars, és a dir, informació expressada a través d'una taula de dades bidimensionals.</p> + +<div class="note"><strong>Nota: </strong>Abans de la creació de <a href="https://developer.mozilla.org/en-US/docs/CSS">CSS</a>, els elements HTML {{HTMLElement("table")}} s'utilitzaven sovint com un mètode per al disseny de pàgines. Aquest ús ha estat descoratjat des de HTML 4. No obstant això, els correus electrònics HTML són una excepció on les taules estan sent utilitzats amb fins de disseny. La raó d'això és el <a href="https://css-tricks.com/using-css-in-html-emails-the-real-story/">poc suport de CSS en clients de correu electrònic populars</a>.</div> + +<h2 id="Context_d'ùs">Context d'ùs</h2> + +<table class="standard-table"> + <tbody> + <tr> + <td><a href="/en-US/docs/HTML/Content_categories">Categories de contingut</a></td> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Contingut dinàmic</a></td> + </tr> + <tr> + <td>Contingut permès</td> + <td> + <div class="content-models"> + <div id="table-mdls">En aquest ordre: + <ol> + <li>un element opcional {{HTMLElement("caption")}},</li> + <li>zero o més elements {{HTMLElement("colgroup")}},</li> + <li>un element opcional {{HTMLElement("thead")}},</li> + <li>un element opcional {{HTMLElement("tfoot")}}, <span class="short_text" id="result_box" lang="ca"><span>ja</span> <span>sigui</span> <span>abans</span> <span>o després</span> <span>d'un de</span> <span>les</span> <span>següents</span></span>: + <ul> + <li>zero o més elements {{HTMLElement("tbody")}}</li> + <li>un o més elements {{HTMLElement("tr")}}</li> + </ul> + </li> + </ol> + </div> + </div> + </td> + </tr> + <tr> + <td>Omissió de l'etiqueta</td> + <td>Cap, tant l'etiqueta d'inici com final són obligatories</td> + </tr> + <tr> + <td>Elements pares permesos</td> + <td>Qualsevol element que accepti contingut dinàmic</td> + </tr> + <tr> + <td>Normativa del document</td> + <td><a class="external" href="http://www.w3.org/TR/html5/tabular-data.html#the-table-element" rel="external nofollow">HTML5, secció 4.9.1</a> (<a class="external" href="http://www.w3.org/TR/REC-html40/struct/tables.html#edef-TABLE">HTML4.01, secció 11.2.1</a>)</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p><span id="result_box" lang="ca"><span>Aquest</span> <span>element</span> <span>inclou</span> <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes">atributs globals</a><span>.</span> <span>Els</span> <span>següents</span> <span>atributs</span> <span>mostrats en</span> <span>aquesta</span> <span>pàgina</span> ara están desaprovats<span>.</span></span></p> + +<dl> + <dt>{{htmlattrdef("align")}} {{Deprecated_inline}}</dt> + <dd>Aquest atribut enumerat indica com ha d'alinear-se la taula dins del document que ho conté. Pot tenir els següents valors: + <ul> + <li><span>left: </span>la taula es mostra a la part esquerra del document;</li> + <li><span>center:</span> la taula es mostra al centre del document;</li> + <li><span>right:</span> la taula es mostra a la part dreta del document.</li> + </ul> + + <div class="note"><strong>Nota d'ùs</strong> + + <ul> + <li>No utilitzeu aquest atribut, ja que ha estat desaprovat. L'element {{HTMLElement("table")}} se li ha de donar estil amb CSS. Establir {{cssxref("margin-left")}} i {{cssxref("margin-right")}} a <code>auto</code> o {{cssxref("margin")}} a<code> 0 auto</code> per aconseguir el efecte similar a l'atribut align.</li> + <li>Abans del Firefox 4, Firefox també donava suport els valors <code>middle</code>, <code>absmiddle</code>, and <code>abscenter</code> com a sinònims de <code>center</code>, d'una manera peculiar.</li> + </ul> + </div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("bgcolor")}} {{Deprecated_inline}}</dt> + <dd>Aquest atribut defineix el color de fons d'una taula. Consisteix en un codi hexadecimal de 6 dígits com es defineix en <a href="http://www.w3.org/Graphics/Color/sRGB">sRGB</a> i està prefixat per "#". Aquest atribut es pot utilitzar amb una de les setze cadenes de color predefinits: + <table> + <tbody> + <tr> + <td style="width: 24px; background-color: black;"> </td> + <td><span>black</span> = "#000000"</td> + <td style="width: 24px; background-color: green;"> </td> + <td><span>green</span> = "#008000"</td> + </tr> + <tr> + <td style="width: 24px; background-color: silver;"> </td> + <td><span>silver</span> = "#C0C0C0"</td> + <td style="width: 24px; background-color: lime;"> </td> + <td><span>lime</span> = "#00FF00"</td> + </tr> + <tr> + <td style="width: 24px; background-color: gray;"> </td> + <td><span>gray</span> = "#808080"</td> + <td style="width: 24px; background-color: olive;"> </td> + <td><span>olive</span> = "#808000"</td> + </tr> + <tr> + <td style="width: 24px; background-color: white;"> </td> + <td><span>white</span> = "#FFFFFF"</td> + <td style="width: 24px; background-color: yellow;"> </td> + <td><span>yellow</span> = "#FFFF00"</td> + </tr> + <tr> + <td style="width: 24px; background-color: maroon;"> </td> + <td><span>maroon</span> = "#800000"</td> + <td style="width: 24px; background-color: navy;"> </td> + <td><span>navy</span> = "#000080"</td> + </tr> + <tr> + <td style="width: 24px; background-color: red;"> </td> + <td><span>red</span> = "#FF0000"</td> + <td style="width: 24px; background-color: blue;"> </td> + <td><span>blue</span> = "#0000FF"</td> + </tr> + <tr> + <td style="width: 24px; background-color: purple;"> </td> + <td><span>purple</span> = "#800080"</td> + <td style="width: 24px; background-color: teal;"> </td> + <td><span>teal</span> = "#008080"</td> + </tr> + <tr> + <td style="width: 24px; background-color: fuchsia;"> </td> + <td><span>fuchsia</span> = "#FF00FF"</td> + <td style="width: 24px; background-color: aqua;"> </td> + <td><span>aqua</span> = "#00FFFF"</td> + </tr> + </tbody> + </table> + + <div class="note"><strong>Nota d'ùs:</strong> No utilitzeu aquest atribut, ja que està desaprovat. L'element {{HTMLElement("table")}} se li ha de donar estil amb <a href="https://developer.mozilla.org/en-US/docs/CSS">CSS</a>. Utilitzar la propietat <a href="https://developer.mozilla.org/en-US/docs/CSS">CSS</a> {{cssxref("background-color")}} per crear un efecte similar a l'atribut <code>bgcolor</code>.</div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("border")}} {{Deprecated_inline}}</dt> + <dd>Aquest atribut enter defineix, en píxels, la mida del marc que envolta la taula. Si s'estableix a 0, l'atribut {{htmlattrxref("frame", "table")}} es posa a void. + <div class="note"><strong>Nota d'ùs:</strong> No utilitzeu aquest atribut, ja que ha està desaprovat. L'element {{HTMLElement("table")}} se li ha de donar estil amb <a href="https://developer.mozilla.org/en-US/docs/CSS">CSS</a>. Per crear un efecte similar a l'atribut <code>border</code>, podeu utlitzar les propietats <a href="https://developer.mozilla.org/en-US/docs/CSS">CSS</a> {{cssxref("border")}}, {{cssxref("border-color")}}, {{cssxref("border-width")}} i {{cssxref("border-style")}}.</div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("cellpadding")}} {{Deprecated_inline}}</dt> + <dd>Aquest atribut defineix l'espai entre el contingut d'una cel·la i la seva vora, que es mostra o no. Si la longitud de la cellpadding es defineix en píxels, aquest espai de mida de píxel s'aplicarà als quatre costats del contingut de la cel·la. Si la longitud es defineix amb un valor percentual, el contingut se centra i l'espai vertical total (superior i inferior) representarà aquest valor. El mateix succeeix amb l'espai horitzontal total (esquerra i dreta). + <div class="note"><strong>Nota d'ùs:</strong> No utilitzeu aquest atribut, ja que està desaprovat. L'element {{HTMLElement("table")}} se li ha de donar estil amb <a href="/en-US/docs/CSS">CSS</a>. Per crear un efecte similar a l'atribut <code>cellpadding</code>, aplicar la propietat {{cssxref("border-collapse")}} a l'element {{HTMLElement("table")}}, amb el seu valor establert a collapse, i la propietat {{cssxref("padding")}} a l'element {{HTMLElement("td")}}.</div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("cellspacing")}} {{Deprecated_inline}}</dt> + <dd>Aquest atribut defineix la mida de l'espai entre dues cel·les en un valor de percentatge o píxels. L'atribut s'aplica tant horitzontal com verticalment, a l'espai entre la part superior de la taula i les cel·les de la primera fila, l'esquerra de la taula i la primera columna, a la dreta de la taula i l'última columna i la part inferior de la taula i l'última fila. + <div class="note"><strong>Nota d'ùs:</strong> No utilitzeu aquest atribut, ja que està desaprovat. L'element {{HTMLElement("table")}} se li ha de donar estil amb <a href="/en-US/docs/CSS">CSS</a>. Per crear un efecte similar a l'atribut <code>cellspacing</code>, aplicar la propietat {{cssxref("border-spacing")}} a l'element {{HTMLElement("table")}}. Border-spacing no té cap efecte si {{cssxref ("border-collapse")}} s'estableix a collapse.</div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("frame")}} {{Deprecated_inline}}</dt> + <dd>Aquest atribut enumerat defineix quin costat del marc que envolta la taula ha de mostrar-se. Pot tenir els següents valors: + <table style="width: 668px;"> + <tbody> + <tr> + <td style="width: 24px; background-color: rgb(224, 224, 224);"> </td> + <td><span>above</span></td> + <td style="width: 24px; background-color: rgb(224, 224, 224);"> </td> + <td><span>below</span></td> + </tr> + <tr> + <td style="width: 24px; background-color: rgb(224, 224, 224);"> </td> + <td><span>hsides</span></td> + <td style="width: 24px; background-color: rgb(224, 224, 224);"> </td> + <td><span>vsides</span></td> + </tr> + <tr> + <td style="width: 24px; background-color: rgb(224, 224, 224);"> </td> + <td><span>lhs</span></td> + <td style="width: 24px; background-color: rgb(224, 224, 224);"> </td> + <td><span>rhs</span></td> + </tr> + <tr> + <td style="width: 24px; background-color: rgb(224, 224, 224);"> </td> + <td><span>border</span></td> + <td style="width: 24px; background-color: rgb(224, 224, 224);"> </td> + <td><span>box</span></td> + </tr> + <tr> + <td style="width: 24px; background-color: rgb(224, 224, 224);"> </td> + <td><span>void</span></td> + </tr> + </tbody> + </table> + + <div class="note"><strong>Nota d'ùs:</strong> No utilitzeu aquest atribut, ja que està desaprovat. L'element {{HTMLElement("table")}} se li ha de donar estil amb <a href="/en-US/docs/CSS">CSS</a>. Per crear un efecte similar a l'atribut <code><span>frame</span></code>, aplicar les propietats {{cssxref("border-style")}} i {{cssxref("border-width")}}.</div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("rules")}} {{Deprecated_inline}}</dt> + <dd>Aquest atribut enumerat defineix on han d'aparèixer les regles, és a dir línies, en una taula. Pot tenir els següents valors: + <ul> + <li>cap, indica que no es mostraran les regles; que és el valor per defecte;</li> + <li>grups, farà que les regles es mostrin entre grups de files (definit per els elements {{HTMLElement("thead")}}, {{HTMLElement("tbody")}} i {{HTMLElement("tfoot")}}) i entre els grups de columnes (definits per els elements {{HTMLElement("col")}} i {{HTMLElement("colgroup")}});</li> + <li>files, farà que les regles es mostrin entre les files;</li> + <li><span>columnes</span>, farà que les regles es mostrin entre les columnes;</li> + <li><span>tot</span>, farà que les regles es mostrin entre les files and columnes.</li> + </ul> + + <div class="note"><strong>Nota</strong>: + + <ul> + <li>L'estil de les regles depenen del navegador i no pot ser modificat.</li> + <li>No utilitzeu aquest atribut, ja que està desaprovat. Les regles han de ser definides i se'ls dóna estil usant <a href="https://developer.mozilla.org/en-US/docs/CSS">CSS</a>. Aplicar la propietat {{cssxref("border")}} adequadament els elements {{HTMLElement("thead")}}, {{HTMLElement("tbody")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("col")}} o {{HTMLElement("colgroup")}}.</li> + </ul> + </div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("summary")}} {{Deprecated_inline}}</dt> + <dd>Aquest atribut defineix un text alternatiu que resumeix el contingut de la taula. En general, permet els discapacitats visuals que estan navegant per la web amb una pantalla Braille, adquirir informació sobre la taula. Si la informació afegida per aquest atribut també és útil per a persones que no tenen problemes visuals, considereu l'ús de {{HTMLElement("caption")}} al seu lloc. L'atribut <code>summary</code> no és obligatori i pot ser omès quan un element {{HTMLElement("caption")}} compleix la seva funció. + <div class="note"><strong>Nota d'ùs: </strong>No utilitzeu aquest atribut, ja que està desaprovat. En el seu lloc, triar un d'aquests mètodes per afegir una descripció d'una taula: + <ul> + <li>Utilitzeu la prosa al voltant de la taula (aquest mètode és menys semàntic).</li> + <li>Afegir una descripció a la taula amb l'element {{HTMLElement("caption")}}.</li> + <li>Afegir una descripció en un element {{HTMLElement("details")}}, a l'interior de la taula de l'element {{HTMLElement("caption")}}.</li> + <li>Incloure en un element {{HTMLElement("table")}} un element {{HTMLElement("figure")}} i afegir la descripció en prosa al seu costat.</li> + <li>Incloure en un element {{HTMLElement("table")}} un element {{HTMLElement("figure")}} i afegir la descripció en prosa dins d'un element {{HTMLElement("figcaption")}}.</li> + <li>Configurar la taula de manera que no sigui necessària una descripció (per exemple, amb l'ús dels elements {{HTMLElement("th")}} i {{HTMLElement("thead")}}).</li> + </ul> + </div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("width")}} {{Deprecated_inline}}</dt> + <dd>Aquest atribut defineix l'amplada de la taula. L'amplada es pot definir per píxels o un valor de percentatge. Un valor percentual serà definit per l'amplada del contenidor en el qual es col·loca la taula. + <div class="note"><strong>Nota d'ùs: </strong>No utilitzeu aquest atribut, ja que està desaprovat. Les regles han de ser definides i se'ls dóna estil usant <a href="https://developer.mozilla.org/en-US/docs/CSS">CSS</a>. Utilitzar la propietat {{cssxref("width")}} en el seu lloc.</div> + </dd> +</dl> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element implementa la interfície <code><a href="/en-US/docs/DOM/HTMLTableElement">HTMLTableElement</a></code>.</p> + +<h2 id="Exemples">Exemples</h2> + +<h3 id="Taula_senzilla">Taula senzilla</h3> + +<pre class="brush: html"><table> + <tr> + <td>John</td> + <td>Doe</td> + </tr> + <tr> + <td>Jane</td> + <td>Doe</td> + </tr> +</table> +</pre> + +<p>{{EmbedLiveSample('Simple_Table', '100%', '100', '', 'Web/HTML/Element/table')}}</p> + +<h3 id="Més_Exemples">Més Exemples</h3> + +<pre class="brush: html"><p>Simple table with header</p> +<table> + <tr> + <th>First name</th> + <th>Last name</th> + </tr> + <tr> + <td>John</td> + <td>Doe</td> + </tr> + <tr> + <td>Jane</td> + <td>Doe</td> + </tr> +</table> + +<p>Table with thead, tfoot, and tbody</p> +<table> + <thead> + <tr> + <th>Header content 1</th> + <th>Header content 2</th> + </tr> + </thead> + <tfoot> + <tr> + <td>Footer content 1</td> + <td>Footer content 2</td> + </tr> + </tfoot> + <tbody> + <tr> + <td>Body content 1</td> + <td>Body content 2</td> + </tr> + </tbody> +</table> + +<p>Table with colgroup</p> +<table> + <colgroup span="4"></colgroup> + <tr> + <th>Countries</th> + <th>Capitals</th> + <th>Population</th> + <th>Language</th> + </tr> + <tr> + <td>USA</td> + <td>Washington D.C.</td> + <td>309 million</td> + <td>English</td> + </tr> + <tr> + <td>Sweden</td> + <td>Stockholm</td> + <td>9 million</td> + <td>Swedish</td> + </tr> +</table> + +<p>Table with colgroup and col</p> +<table> + <colgroup> + <col style="background-color: #0f0"> + <col span="2"> + </colgroup> + <tr> + <th>Lime</th> + <th>Lemon</th> + <th>Orange</th> + </tr> + <tr> + <td>Green</td> + <td>Yellow</td> + <td>Orange</td> + </tr> +</table> + +<p>Simple table with caption</p> +<table> + <caption>Awesome caption</caption> + <tr> + <td>Awesome data</td> + </tr> +</table> +</pre> + +<div class="hidden"> +<pre class="brush: css">table +{ +border-collapse: collapse; +border-spacing: 0px; +} +table, th, td +{ +padding: 5px; +border: 1px solid black; +}</pre> +</div> + +<p>{{EmbedLiveSample('More_Examples', '100%', '700', '', 'Web/HTML/Element/table')}}</p> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1")}}</td> + <td>4.0<sup>[1]</sup></td> + <td>7.0</td> + <td>1.0</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>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatGeckoMobile("1")}}</td> + <td>6.0<sup>[1]</sup></td> + <td>6.0</td> + <td>1.0</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] <span id="result_box" lang="ca"><span class="alt-edited">Hi ha un error de representació en Internet Explorer 9 que implica {{HTMLElement("table")}} i {{cssxref(":hover")}}; vegeu <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/:hover#Browser_compatibility">la secció "Compatibilitat del navegador" del article :hover</a> per a més detalls.</span></span></p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Altres elements HTML relacionats amb taules: {{HTMLElement("caption")}}, {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}};</li> + <li>Propietats CSS que poden ser especialment útils per donat estil a l'element <code><table></code>: + <ul> + <li>{{cssxref("width")}} <span class="short_text" id="result_box" lang="ca"><span>per controlar</span> <span>l'ample de</span> <span>la taula</span><span>;</span></span> ;</li> + <li>{{cssxref("border")}}, {{cssxref("border-style")}}, {{cssxref("border-color")}}, {{cssxref("border-width")}}, {{cssxref("border-collapse")}}, {{cssxref("border-spacing")}} per controlar l'aspecte de les vores, regles i marc de les cel.les;</li> + <li>{{cssxref("margin")}} and {{cssxref("padding")}} <span id="result_box" lang="ca"><span>donar-li</span> <span>estil</span> <span>al contingut de la</span> <span>cel·la individual</span><span>;</span></span></li> + <li>{{cssxref("text-align")}} and {{cssxref("vertical-align")}} per definir l'alineació de text i el contingut cel·la.</li> + </ul> + </li> +</ul> diff --git a/files/ca/web/html/element/tbody/index.html b/files/ca/web/html/element/tbody/index.html new file mode 100644 index 0000000000..1fae0638a3 --- /dev/null +++ b/files/ca/web/html/element/tbody/index.html @@ -0,0 +1,281 @@ +--- +title: <tbody> +slug: Web/HTML/Element/tbody +tags: + - Element + - HTML + - HTML tabular data + - Reference + - Tables + - Web +translation_of: Web/HTML/Element/tbody +--- +<p dir="ltr" style="margin-top: 0pt; margin-bottom: 0pt; line-height: 1.38;">L'<strong>Element HTML Cos de la Taula (<code><tbody></code>) </strong>defineix un o més elements {{HTMLElement ("tr")}} de dades de fileres que dona cos a l'element {{ HTMLElement("table") }} que és el seu pare (si no hi ha altres elements, els elements <tr> són fills immediats d'aquest element taula.) en combinació de si hi ha elements que puguin precedir com {{ HTMLElement("thead") }} i/o {{ HTMLElement("tfoot") }}, <tbody> proporciona informació semàntica addicional per a dispositius com ara impressores i pantalles. D'els elements fills de la taula pare, <tbody> representa el contingut en el cual, quan més llarg sigui d'una pàgina, més probable serà que difereixi per a cada pàgina impresa; mentre que el contingut de {{HTMLElement ("thead")}} i {{HTMLElement ("tfoot")}} serà el mateixa o semblant per a cada pàgina impresa. Com a mostra, <tbody> permetrà el desplaçament independent dels elements {{ HTMLElement("thead") }}, {{ HTMLElement("tfoot") }} i {{ HTMLElement("caption") }} del mateixa element pare {{ HTMLElement("table") }}. Recordeu que a diferència dels elements <thead>, <tfoot> i <caption>, múltiples elements <code><tbody></code> són acceptats (si consecutiu), permetent que les files de dades de taules llargues puguin ser dividides en diferents seccions, cadascuna amb un format separat si és necessari.</p> + +<p dir="ltr" style="margin-top: 0pt; margin-bottom: 0pt; line-height: 1.38;"> </p> + +<h2 id="Context_d'ùs">Context d'ùs</h2> + +<table class="standard-table"> + <tbody> + <tr> + <td><a href="/en/HTML/Content_categories" title="en/HTML/Content categories">Categories de contingut</a></td> + <td>Cap.</td> + </tr> + <tr> + <td>Contingut permès</td> + <td>Zero o més elements {{ HTMLElement("tr") }}.</td> + </tr> + <tr> + <td>Omissió de l'etiqueta</td> + <td>L'element {{ HTMLElement("tbody") }} no és un element fill obligatori per a un element pare {{ HTMLElement("table") }} com a representació gràfica. No obstant això, no ha d'estar present, si l'element pare {{ HTMLElement("table") }} té un element {{ HTMLElement("tr") }} com a fill.</td> + </tr> + <tr> + <td>Elements pares permesos</td> + <td>Dins de l'element pare obligatori {{ HTMLElement("table") }}, l'element {{HTMLElement ("tbody")}} es pot afegir després d'un element {{ HTMLElement("caption") }}, {{HTMLElement("colgroup") }}, {{ HTMLElement("thead") }} i {{ HTMLElement("tfoot") }}.</td> + </tr> + <tr> + <td>Normativa del document</td> + <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/tabular-data.html#the-tbody-element" rel="external nofollow" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/tabular-data.html#the-tbody-element">HTML5, secció 4.9.5</a> (<a class="external" href="http://www.w3.org/TR/REC-html40/struct/tables.html#h-11.2.3" title="http://www.w3.org/TR/REC-html40/struct/tables.html#h-11.2.3">HTML4.01, secció 11.2.3</a>)</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els<span style="line-height: 21px;"> </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> + +<dl> + <dt>{{ htmlattrdef("align") }} {{ Deprecated_inline() }} in {{ HTMLVersionInline(4.01) }}, {{ obsolete_inline() }} in {{ HTMLVersionInline(5) }}</dt> + <dd>Aquest atribut enumerat especifica com s'aplicarà l'alineació horitzontal del contingut de cada cel·la. Els valors possibles són: + <ul> + <li><span style="font-family: courier new;">left</span>, <span class="short_text" id="result_box" lang="ca"><span>alinea el</span> <span>contingut</span> <span>a l'esquerra</span> <span>de la cel·la</span></span></li> + <li><span style="font-family: courier new;">center</span>, centra el contingut de la cel·la</li> + <li><span style="font-family: courier new;">right</span>, <span class="short_text" id="result_box" lang="ca"><span>alinea el</span> <span>contingut</span> <span>a la dreta</span> <span>de la cel·la</span></span></li> + <li><span style="font-family: courier new;">justify</span>, inserta espais en el contingut textual de manera que el contingut es justifica en la cel·la</li> + <li><span style="font-family: courier new;">char</span>, alinea el contingut textual en un caràcter especial amb una desplaçament mínima definit per els atributs {{ htmlattrxref("char", "tbody") }} i {{ htmlattrxref("charoff", "tbody") }}.</li> + </ul> + + <p>Si aquest atribut no està establert, el valor assumit és <code>left</code>.</p> + + <div class="note"><strong>Nota: </strong>No utilitzeu aquest atribut, ja que és obsolet (no suportat) en l'últim estàndard. + + <ul> + <li>Per aconseguir el mateix efecte que els valors <span style="font-family: courier new;">left</span>, <span style="font-family: courier new;">center</span>, <span style="font-family: courier new;">right</span> or <span style="font-family: courier new;">justify</span> utilitzeu la propietat CSS {{ cssxref("text-align") }}.</li> + <li>Per aconseguir el mateix efecte que el valor <code>char</code>, en CSS3, podeu utilitzar el valor de {{htmlattrxref ("char", "tbody")}} com el valor de la propietat {{ cssxref("text-align") }} {{ unimplemented_inline() }}.</li> + </ul> + </div> + </dd> +</dl> + +<dl> + <dt>{{ htmlattrdef("bgcolor") }} {{ Non-standard_inline() }}</dt> + <dd>Aquest atribut defineix el color de fons de cada cel·la de la columna. És un codi hexadecimal de 6 dígits com es defineix en <a class="external" href="http://www.w3.org/Graphics/Color/sRGB" title="http://www.w3.org/Graphics/Color/sRGB">sRGB</a>, prefixat per un '#'. Podeu utilitzar una de les setze cadenes de color predefinits: + <table style="width: 80%;"> + <tbody> + <tr> + <td style="background-color: black; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">black</span> = "#000000"</td> + <td style="background-color: green; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">green</span> = "#008000"</td> + </tr> + <tr> + <td style="background-color: silver; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">silver</span> = "#C0C0C0"</td> + <td style="background-color: lime; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">lime</span> = "#00FF00"</td> + </tr> + <tr> + <td style="background-color: gray; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">gray</span> = "#808080"</td> + <td style="background-color: olive; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">olive</span> = "#808000"</td> + </tr> + <tr> + <td style="background-color: white; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">white</span> = "#FFFFFF"</td> + <td style="background-color: yellow; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">yellow</span> = "#FFFF00"</td> + </tr> + <tr> + <td style="background-color: maroon; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">maroon</span> = "#800000"</td> + <td style="background-color: navy; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">navy</span> = "#000080"</td> + </tr> + <tr> + <td style="background-color: red; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">red</span> = "#FF0000"</td> + <td style="background-color: blue; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">blue</span> = "#0000FF"</td> + </tr> + <tr> + <td style="background-color: purple; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">purple</span> = "#800080"</td> + <td style="background-color: teal; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">teal</span> = "#008080"</td> + </tr> + <tr> + <td style="background-color: fuchsia; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">fuchsia</span> = "#FF00FF"</td> + <td style="background-color: aqua; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">aqua</span> = "#00FFFF"</td> + </tr> + </tbody> + </table> + + <div class="note"><strong>Nota d'ùs: </strong>No utilitzeu aquest atribut, ja que no és estàndard i només s'executa en algunes versions de Microsoft Internet Explorer: l'element {{ HTMLElement("tbody") }} se li ha de donar estil amb <a href="https://developer.mozilla.org/en/CSS" title="en/CSS">CSS</a> . Per donar un efecte similar a l'atribut bgcolor, utilitzeu la propietat <a href="https://developer.mozilla.org/en/CSS" title="en/CSS">CSS</a> {{cssxref ("background-color") }}, en els elements corresponents {{ HTMLElement("td") }} o {{ HTMLElement("th") }}.</div> + </dd> +</dl> + +<dl> + <dt>{{ htmlattrdef("char") }} {{ Deprecated_inline() }} in {{ HTMLVersionInline(4.01) }}, {{ obsolete_inline() }} in {{ HTMLVersionInline(5) }}</dt> + <dd>Aquest atribut s'utilitza per establir el caràcter per alinear les cel·les d'una columna. Els valors típics d'això inclouen un punt (.) en intentar alinear els números o valors monetaris. Si {{ htmlattrxref("align", "tbody") }} no està establert a <code>char</code>, aquest atribut s'ignora. + <div class="note"><strong>Nota: </strong>No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard. Per aconseguir el mateix efecte que {{htmlattrxref("char", "tbody") }} , en CSS3, podeu utilitzar el joc de caràcters utilitzant l'atribut {{htmlattrxref("char", "tbody") }} com el valor de la propietat {{cssxref ("text-align") }} {{unimplemented_inline() }}.</div> + </dd> +</dl> + +<dl> + <dt>{{ htmlattrdef("charoff") }} {{ Deprecated_inline() }} in {{ HTMLVersionInline(4.01) }}, {{ obsolete_inline() }} in {{ HTMLVersionInline(5) }}</dt> + <dd>Aquest atribut s'utilitza per indicar el nombre de caràcters a desplaçar de les dades de la columna dels caràcters d'alineació especificats per l'atribut <code>char</code>. + <div class="note"><strong>Nota: </strong>No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard.</div> + </dd> +</dl> + +<dl> + <dt>{{ htmlattrdef("valign") }} {{ Deprecated_inline() }} in {{ HTMLVersionInline(4.01) }}, {{ obsolete_inline() }} in {{ HTMLVersionInline(5) }}</dt> + <dd>Aquest atribut especifica l'alineació vertical del text dins de cada fila de cel·les de la capçalera de la taula. Els valors possibles per aquest atribut són: + <ul> + <li><span style="font-family: courier new;">baseline</span>, posarà el text tan a prop de la part inferior de la cel·la com sigui possible, però alineant-ho en la <a href="http://en.wikipedia.org/wiki/Baseline_%28typography%29">línia de base (</a><a class="external" href="http://en.wikipedia.org/wiki/Baseline_%28typography%29" title="http://en.wikipedia.org/wiki/Baseline_(typography)">baseline)</a> dels caràcters en lloc de la part inferior d'ells. Si els caràcters són tots de la mida, això té el mateix efecte que <span style="font-family: courier new;">bottom</span>.</li> + <li><span style="font-family: courier new;">bottom</span>, posarà el text tan a prop de la part inferior de la cel·la com sigui possible;</li> + <li><span style="font-family: courier new;">middle</span>, centra el text en la cel·la;</li> + <li>i <span style="font-family: courier new;">top</span>, posarà el text tant a prop de la part superior de la cel·la com sigui possible.</li> + </ul> + + <div class="note"><strong>Nota: </strong> No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard : en el seu lloc aplicar la propietat CSS {{cssxref ("vertical-align")}}.</div> + </dd> +</dl> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element implementa la interfície <code><a href="/en-US/docs/Web/API/HTMLTableSectionElement" title="Documentation for HTMLTableSectionElement">HTMLTableSectionElement</a></code>.</p> + +<h2 id="Exemples">Exemples</h2> + +<p>Si us plau, veure la pàgina {{ HTMLElement("table") }} per exemples de <code><tbody></code>.</p> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>1.0</td> + <td>{{ CompatGeckoDesktop("1.0") }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + </tr> + <tr> + <td>atribut <code>align/valign</code></td> + <td>1.0</td> + <td>{{ CompatNo() }} [1]</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + </tr> + <tr> + <td>atribut <code>char/charoff</code></td> + <td>1.0</td> + <td>{{ CompatNo() }} [2]</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + </tr> + <tr> + <td>atribut <code>bgcolor</code> {{ Non-standard_inline() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</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>Suport bàsic</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatGeckoMobile("1.0") }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + </tr> + <tr> + <td>atribut <code>align/valign</code></td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatNo() }} [1]</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + </tr> + <tr> + <td>atribut <code>char/charoff</code></td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatNo() }} [2]</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + </tr> + <tr> + <td>atribut <code>bgcolor</code> {{ Non-standard_inline() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] Veure {{bug(915)}}.</p> + +<p>[2] Veure {{bug(2212)}}.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Altres elements HTML relacionats amb taules: {{ HTMLElement("caption") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}, {{ HTMLElement("table") }}, {{ HTMLElement("td") }}, {{ HTMLElement("tfoot") }}, {{ HTMLElement("th") }}, {{ HTMLElement("thead") }}, {{ HTMLElement("tr") }};</li> + <li>Les propietats CSS i pseudo-classes poden ser especialment útils per donar estil a l'element <code><tbody></code>: + <ul> + <li>la pseudo-classe {{cssxref (":nth-child")}} per aplicar l'alineació de les cel·les en la columna;</li> + <li>La propietat {{cssxref ("text-align")}} per alinear el contingut de totes les cel·les en el mateix caràcter, com '.'.</li> + </ul> + </li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/td/index.html b/files/ca/web/html/element/td/index.html new file mode 100644 index 0000000000..f95750d2c8 --- /dev/null +++ b/files/ca/web/html/element/td/index.html @@ -0,0 +1,299 @@ +--- +title: <td> +slug: Web/HTML/Element/td +tags: + - Element + - HTML + - HTML tabular data + - Reference + - Tables + - Web +translation_of: Web/HTML/Element/td +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'element <a href="https://developer.mozilla.org/en-US/docs/Web/HTML">HTML</a> <em>cel·la de Taula</em> (<strong><code><td></code></strong>) defineix una cel·la d'una taula que conté dades. Participa en el <em>model de taula</em>.</p> + +<h2 id="Context_d'ùs">Context d'ùs</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th> + <td>Cap.</td> + </tr> + <tr> + <th>Contingut permès</th> + <td>Contingut dinàmic.</td> + </tr> + <tr> + <th>Omissió de l'etiqueta</th> + <td>L'etiqueta d'inici és obligatòria. L'etiqueta final es pot ometre, si és seguit immediatament per un element {{HTMLElement("th")}} o {{HTMLElement("td")}} o si no hi ha més dades en el seu element pare.</td> + </tr> + <tr> + <th>Elements pares permesos</th> + <td>Un element {{HTMLElement("tr")}}.</td> + </tr> + <tr> + <th>Normativa del document</th> + <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/tabular-data.html#the-td-element" rel="external">HTML5, secció 4.9.9</a> (<a href="http://www.w3.org/TR/REC-html40/struct/tables.html#h-11.2.6">HTML4.01, secció 11.2.6</a>)</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("abbr")}} {{obsoleteGeneric('inline','HTML5')}}</dt> + <dd>Aquest atribut conté una breu descripció del contingut de la cel·la. Alguns agents d'usuari, com ara lectors de parla, poden presentar aquesta descripció abans que el propi contingut. + <div class="note"><strong>Nota: </strong>No utilitzeu aquest atribut, ja que és obsolet en l'últim estàndard: en lloc d'un altre, considereu iniciar el contingut de la cel·la per un contingut abreujat independent en si o utilitzar el contingut abreujat com el contingut de la cel·la i utilitzar el contingut llarg com la descripció de la cel·la posant-ho en l'atribut <strong>title</strong>.</div> + </dd> + <dt>{{htmlattrdef("align")}} {{Deprecated_inline}} in {{HTMLVersionInline(4.01)}}, {{obsolete_inline}} in {{HTMLVersionInline(5)}}</dt> + <dd>Aquest atribut enumerat especifica com s'aplicarà l'alineació horitzontal del contingut de cada cel·la. Els valors possibles són: + <ul> + <li><code>left</code>, alinea el contingut a l'esquerra de la cel·la</li> + <li><code>center</code>, centra el contingut de la cel·la</li> + <li><code>right</code>, alinea el contingut a la dreta de la cel·la</li> + <li><code>justify</code>, inserta espais en el contingut textual de manera que el contingut es justifica en la cel·la</li> + <li><code>char</code>, alinea el contingut textual en un caràcter especial amb una desplaçament mínim definit per els atributs {{htmlattrxref("char", "td")}} i {{htmlattrxref("charoff", "td")}} {{unimplemented_inline(2212)}}.</li> + </ul> + + <p>Si aquest atribut no està establert, el valor assumit és <code>left</code>.</p> + + <div class="note"><strong>Nota: </strong> No utilitzeu aquest atribut, ja que és obsolet (no suportat) en l'últim estàndard. + + <ul> + <li>Per aconseguir el mateix efecte que els valors <span style="font-family: courier new;">left</span>, <span style="font-family: courier new;">center</span>, <span style="font-family: courier new;">right</span> or <span style="font-family: courier new;">justify</span> utilitzeu la propietat CSS {{cssxref("text-align")}}.</li> + <li>Per aconseguir el mateix efecte que el valor <code>char</code>, en CSS3, podeu utilitzar el valor de {{htmlattrxref("char", "td")}} com el valor de la propietat {{cssxref("text-align")}} {{unimplemented_inline}}.</li> + </ul> + </div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("axis")}} {{obsolete_inline}} in {{HTMLVersionInline(5)}}</dt> + <dd>Aquest atribut conté una llista de cadenes separades per espais. Cada cadena és l'ID d'un grup de cel·les a les que s'aplica aquesta capçalera. + <div class="note"><strong>Nota: </strong>No utilitzeu aquest atribut, ja que és obsolet en l'últim estàndard: en el seu lloc utilitzar l'atribut {{htmlattrxref("scope", "td")}}.</div> + </dd> + <dt>{{htmlattrdef("bgcolor")}} {{Non-standard_inline}}</dt> + <dd>Aquest atribut defineix el color de fons de cada cel·la de la columna. És un codi hexadecimal de 6 dígits com es defineix en <a class="external external-icon" href="http://www.w3.org/Graphics/Color/sRGB" title="http://www.w3.org/Graphics/Color/sRGB">sRGB</a>, prefixat per un '#'. Podeu utilitzar una de les setze cadenes de color predefinits: + <table style="width: 80%;"> + <tbody> + <tr> + <td style="background-color: black; width: 24px; height: 24px; border: 1px solid black;"> </td> + <td><code>black</code> = "#000000"</td> + <td style="background-color: green; width: 24px; height: 24px; border: 1px solid black;"> </td> + <td><code>green</code> = "#008000"</td> + </tr> + <tr> + <td style="background-color: silver; width: 24px; height: 24px; border: 1px solid black;"> </td> + <td><code>silver</code> = "#C0C0C0"</td> + <td style="background-color: lime; width: 24px; height: 24px; border: 1px solid black;"> </td> + <td><code>lime</code> = "#00FF00"</td> + </tr> + <tr> + <td style="background-color: gray; width: 24px; height: 24px; border: 1px solid black;"> </td> + <td><code>gray</code> = "#808080"</td> + <td style="background-color: olive; width: 24px; height: 24px; border: 1px solid black;"> </td> + <td><code>olive</code> = "#808000"</td> + </tr> + <tr> + <td style="background-color: white; width: 24px; height: 24px; border: 1px solid black;"> </td> + <td><code>white</code> = "#FFFFFF"</td> + <td style="background-color: yellow; width: 24px; height: 24px; border: 1px solid black;"> </td> + <td><code>yellow</code> = "#FFFF00"</td> + </tr> + <tr> + <td style="background-color: maroon; width: 24px; height: 24px; border: 1px solid black;"> </td> + <td><code>maroon</code> = "#800000"</td> + <td style="background-color: navy; width: 24px; height: 24px; border: 1px solid black;"> </td> + <td><code>navy</code> = "#000080"</td> + </tr> + <tr> + <td style="background-color: red; width: 24px; height: 24px; border: 1px solid black;"> </td> + <td><code>red</code> = "#FF0000"</td> + <td style="background-color: blue; width: 24px; height: 24px; border: 1px solid black;"> </td> + <td><code>blue</code> = "#0000FF"</td> + </tr> + <tr> + <td style="background-color: purple; width: 24px; height: 24px; border: 1px solid black;"> </td> + <td><code>purple</code> = "#800080"</td> + <td style="background-color: teal; width: 24px; height: 24px; border: 1px solid black;"> </td> + <td><code>teal</code> = "#008080"</td> + </tr> + <tr> + <td style="background-color: fuchsia; width: 24px; height: 24px; border: 1px solid black;"> </td> + <td><code>fuchsia</code> = "#FF00FF"</td> + <td style="background-color: aqua; width: 24px; height: 24px; border: 1px solid black;"> </td> + <td><code>aqua</code> = "#00FFFF"</td> + </tr> + </tbody> + </table> + + <div class="note"><strong>Nota d'ùs:</strong> <strong> </strong>No utilitzeu aquest atribut, ja que no és estàndard i només s'implementa en algunes versions de Microsoft Internet Explorer : l'element {{HTMLElement("td")}} se li ha de donar estil amb <a href="https://developer.mozilla.org/en/CSS" title="en/CSS">CSS</a>. Per donar un efecte similar a l'atribut <strong>bgcolor</strong>, utilitzeu la propietat <a href="https://developer.mozilla.org/en/CSS" title="en/CSS">CSS</a> {{cssxref("background-color")}}.</div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("char")}} {{Deprecated_inline}} in {{HTMLVersionInline(4.01)}}, {{obsolete_inline}} in {{HTMLVersionInline(5)}}</dt> + <dd>Aquest atribut s'utilitza per establir el caràcter per alinear les cel·les d'una columna. Els valors típics d'això inclouen un punt (.) en intentar alinear els números o valors monetaris. Si {{htmlattrxref("align", "td")}} no està establert a <code>char</code>, aquest atribut s'ignora. + <div class="note"><strong>Nota: </strong> <strong> </strong>No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard. Per aconseguir el mateix efecte que {{htmlattrxref("char", "thead")}}, en CSS3, podeu utilitzar el joc de caràcters utilitzant l'atribut {{htmlattrxref("char", "th")}} com el valor de la propietat {{cssxref("text-align")}} {{unimplemented_inline}}.</div> + </dd> + <dt>{{htmlattrdef("charoff")}} {{Deprecated_inline}} in {{HTMLVersionInline(4.01)}}, {{obsolete_inline}} in {{HTMLVersionInline(5)}}</dt> + <dd>Aquest atribut s'utilitza per indicar el nombre de caràcters a desplaçar de les dades de la columna dels caràcters d'alineació especificats per l'atribut <code>char</code>. + <div class="note"><strong>Nota: </strong>No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard.</div> + </dd> + <dt>{{htmlattrdef("colspan")}}</dt> + <dd>Aquest atribut conté un valor enter no negatiu que indica el nombre de columnes que s'estén la cel·la. El seu valor per defecte és 1; si el seu valor s'estableix en 0, s'estén fins al final de {HTMLElement("colgroup")}}, fins i tot si es defineix implícitament que pertany a la cel·la. Els valors superiors a 1000 seran considerats incorrectes i s'estableixen en el valor predeterminat (1). + <div class="note"><strong>Nota: </strong>En {{HTMLVersionInline (5)}} aquest atribut només accepta valors més gran que zero, ja que no ha de ser utilitzat per solapar cel·les. A més, Firefox és l'únic navegador compatible amb el valor 0 com es defineix a l'especificació {{HTMLVersionInline (4,01)}}.</div> + </dd> + <dt>{{htmlattrdef("headers")}}</dt> + <dd><span id="result_box" lang="ca"><span class="alt-edited">Aquest atribut conté una llista de cadenes separades per espais, cadascun corresponent a l'atribut <strong>id</strong> del elements {{HTMLElement ("th")}} que s'apliquen a aquest element</span></span>.</dd> + <dt>{{htmlattrdef("rowspan")}}</dt> + <dd>Aquest atribut conté un valor enter no negatiu que indica a quantes files s'estén la cel·la. El seu valor per defecte és 1; si el seu valor s'estableix en 0, s'estén fins al final de la secció de la taula ({{HTMLElement("thead")}}, {{HTMLElement("tbody")}}, {{HTMLElement("tfoot")}}, fins i tot si es defineix implícitament que pertany a la cel·la. Els valors superiors a 65534 es retallen fins 65534.</dd> + <dt>{{htmlattrdef("scope")}} {{obsolete_inline}} in {{HTMLVersionInline(5)}}</dt> + <dd> </dd> + <dt>{{htmlattrdef("valign")}} {{Deprecated_inline}} in {{HTMLVersionInline(4.01)}}, {{obsolete_inline}} in {{HTMLVersionInline(5)}}</dt> + <dd>Aquest atribut especifica l'alineació vertical del text dins de cada fila de cel·les de la capçalera de la taula. Els valors possibles per aquest atribut són + <ul> + <li><code>baseline</code>, posarà el text tan a prop de la part inferior de la cel·la com sigui possible, però alineant-ho en la <a class="external external-icon" href="http://en.wikipedia.org/wiki/Baseline_%28typography%29">línia de base (</a><a class="external external-icon" href="http://en.wikipedia.org/wiki/Baseline_%28typography%29" title="http://en.wikipedia.org/wiki/Baseline_(typography)">baseline)</a> dels caràcters en lloc de la part inferior d'ells. Si els caràcters són tots de la mida, això té el mateix efecte que <span style="font-family: courier new;">bottom</span>.</li> + <li><code>bottom</code>, posarà el text tan a prop de la part inferior de la cel·la com sigui possible;</li> + <li><code>middle</code>, centra el text en la cel·la;</li> + <li>i <code>top</code>, posarà el text tant a prop de la part superior de la cel·la com sigui possible.</li> + </ul> + + <div class="note"><strong>Nota: </strong>No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard: en el seu lloc aplicar la propietat CSS {{cssxref ("vertical-align")}}.</div> + </dd> + <dt>{{htmlattrdef("width")}} {{Deprecated_inline}} in {{HTMLVersionInline(4.01)}}, {{obsolete_inline}} in {{HTMLVersionInline(5)}}</dt> + <dd><span id="result_box" lang="ca"><span class="alt-edited">Aquest atribut s'utilitza per definir l'amplada de cel·la recomanada. Les propietats</span></span> <a href="/en-US/docs/Web/API/HTMLTableElement/cellSpacing">cellspacing</a> and <a href="/en-US/docs/Web/API/HTMLTableElement/cellPadding">cellpadding</a> <span id="result_box" lang="ca"><span class="alt-edited">poden afegir espai addicional, i l'element {{HTMLElement ("col")}} amplada, també pot tenir algun efecte. En general, si l'ample d'una columna és massa estreta per mostrar correctament una cel·la en particular, les mateixes cel·les s'eixamplaran perque es pogui mostrar</span></span> + <div class="note"><strong>Note: </strong>No utilitzeu aquest atribut en l'últim estàndard: en el seu lloc aplicar la propietat CSS {{cssxref("width")}}.</div> + </dd> +</dl> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element implementa la interfície {{domxref("HTMLTableDataCellElement")}}.</p> + +<h2 id="Exemples">Exemples</h2> + +<p>Si us plau, veure la pàgina {{HTMLElement("table")}} per exemples de <code><td></code>.</p> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> + +<div>{{CompatibilityTable}}</div> + +<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>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>align/valign</code></td> + <td>1.0</td> + <td>{{CompatNo}}<sup>[1]</sup></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>char/charoff</code></td> + <td>1.0</td> + <td>{{CompatNo}}<sup>[2]</sup></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>bgcolor</code> {{Non-standard_inline}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td>atribut <code>colspan</code> amb valor 0 (s'extén fins el final de colgroup)</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>align/valign</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}<sup>[1]</sup></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>char/charoff</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}<sup>[2]</sup></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>bgcolor</code> {{Non-standard_inline}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] <span id="result_box" lang="ca"><span>Això</span> <span>actualment</span> <span>no està</span> <span>implementat en</span> <span>Gecko</span><span>.</span> <span>veure</span></span> {{bug("915")}}.</p> + +<p>[2] <span id="result_box" lang="ca"><span>Això</span> <span>actualment</span> <span>no està</span> <span>implementat en</span> <span>Gecko</span><span>.</span> <span>veure</span></span> {{bug("2212")}}.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Altres elements HTML relacionats amb taules : {{HTMLElement("caption")}}, {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}}.</li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/template/index.html b/files/ca/web/html/element/template/index.html new file mode 100644 index 0000000000..c86f078b21 --- /dev/null +++ b/files/ca/web/html/element/template/index.html @@ -0,0 +1,197 @@ +--- +title: <template> +slug: Web/HTML/Element/template +tags: + - Element + - HTML + - Reference + - Web + - Web Components +translation_of: Web/HTML/Element/template +--- +<h2 id="Summary" name="Summary">Sumari</h2> + +<p>L'<strong>element</strong><span class="seoSummary"> <strong><a href="/en-US/docs/Web/HTML">HTML</a></strong></span> <strong>plantilla <code><template></code></strong> és un mecanisme per mantenir el contingut del costat del client que no es renderizará quan es carregui una pàgina, però posteriorment es instanciará durant el temps d'execució mitjançant Javascript.<span class="seoSummary"> </span></p> + +<p>Penseu en una plantilla com un fragment de contingut que s'emmagatzema per al seu ús posterior en el document. Mentre que l'analitzador fa processar el contingut de l'element <code><template></code> durant la càrrega de la pàgina, ho fa només per assegurar-se que aquests continguts són vàlids; No obstant això, el contingut de l'element no es representa.</p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Metadata_content">Contingut metadata</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">contingut dinàmic</a>, <a href="/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content">contingut textual</a>, element de suport script</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Metadata_content">Contingut metadata</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">contingut dinàmic, </a> <span id="result_box" lang="ca"><span>qualsevol</span> <span>contingut</span> <span>HTML</span> <span>vàlid que</span> <span>es</span> <span>permet</span> <span>que passi</span> <span>dins dels elements</span></span> {{HTMLElement("ol")}}, {{HTMLElement("dl")}}, {{HTMLElement("figure")}}, {{HTMLElement("ruby")}}, {{HTMLElement("object")}}, {{HTMLElement("video")}}, {{HTMLElement("audio")}}, {{HTMLElement("table")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("thead")}}, {{HTMLElement("tbody")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("tr")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("select")}}, {{HTMLElement("details")}} i {{HTMLElement("menu")}} <span id="result_box" lang="ca"><span>l'atribut</span> <span><code>type</code> és</span> <span>en l'estat de</span> <span>menú</span> <span>emergent</span></span></td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>{{HTMLElement("body")}}, {{HTMLElement("frameset")}}, {{HTMLElement("head")}} and {{HTMLElement("colgroup")}} sense un atribut <code>span</code></td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLTemplateElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Attributes" name="Attributes">Atributs</h2> + +<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p> + +<p>També hi ha un atribut <code>content</code>, que és de només lectura i proporciona l'accés als continguts de la plantilla. L'existència de l'atribut <code>content</code> s'utilitza sovint com una manera de determinar si el navegador de l'usuari suporta l'element <strong><code><template></code></strong>.</p> + +<h2 id="Example" name="Example">Exemple</h2> + +<p>Primer començarem amb la part HTML de l'exemple.</p> + +<pre class="brush: html"><table id="producttable"> + <thead> + <tr> + <td>UPC_Code</td> + <td>Product_Name</td> + </tr> + </thead> + <tbody> + <!-- existing data could optionally be included here --> + </tbody> +</table> + +<template id="productrow"> + <tr> + <td class="record"></td> + <td></td> + </tr> +</template> +</pre> + +<p>En primer lloc, tenim una taula en la qual més endavant inserirem el contingut mitjançant codi JavaScript. Després ve la plantilla, que descriu l'estructura d'un fragment d'HTML que representa una sola fila de la taula.</p> + +<p>Ara que la taula s'ha creat i la plantilla definida, fem servir JavaScript per a inserir files a la taula, amb cada fila construïda usant la plantilla com a base.</p> + +<pre class="brush:js;">// Test to see if the browser supports the HTML template element by checking +// for the presence of the template element's content attribute. +if ('content' in document.createElement('template')) { + + // Instantiate the table with the existing HTML tbody and the row with the template + var t = document.querySelector('#productrow'), + td = t.content.querySelectorAll("td"); + td[0].textContent = "1235646565"; + td[1].textContent = "Stuff"; + + // Clone the new row and insert it into the table + var tb = document.getElementsByTagName("tbody"); + var clone = document.importNode(t.content, true); + tb[0].appendChild(clone); + + // Create a new row + td[0].textContent = "0384928528"; + td[1].textContent = "Acme Kidney Beans"; + + // Clone the new row and insert it into the table + var clone2 = document.importNode(t.content, true); + tb[0].appendChild(clone2); + +} else { + // Find another way to add the rows to the table because + // the HTML template element is not supported. +} +</pre> + +<p>El resultat és la taula HTML original, amb dues noves files afegides a través de JavaScript:</p> + +<div class="hidden"> +<pre class="brush: css">table { + background: #000; +} +table td { + background: #fff; +}</pre> +</div> + +<p>{{EmbedLiveSample("Example", 500, 120)}}</p> + +<h2 id="Specifications" name="Specifications">Especificacions</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG','/scripting-1.html#the-template-element','template element')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Cap canvi</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C','/scripting-1.html#the-template-element','template element')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Definició inicial</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</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 (WebKit)</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>26</td> + <td>{{CompatGeckoDesktop("22")}}</td> + <td>Edge 13</td> + <td>15</td> + <td>7.1</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 Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>iOS 8</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="See_also" name="See_also">Veure</h2> + +<ul> + <li>Components Web : {{HTMLElement("content")}}, {{HTMLElement("shadow")}}</li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/textarea/index.html b/files/ca/web/html/element/textarea/index.html new file mode 100644 index 0000000000..c208fe6102 --- /dev/null +++ b/files/ca/web/html/element/textarea/index.html @@ -0,0 +1,182 @@ +--- +title: <textarea> +slug: Web/HTML/Element/textarea +tags: + - Element + - Forms + - HTML + - HTML forms + - Reference + - Web + - textarea +translation_of: Web/HTML/Element/textarea +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'<strong>element HTML <code><textarea></code></strong> representa un control d'edició de text multi-línia sense format.</p> + +<h2 id="Context_d'ùs">Context d'ùs</h2> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">contingut textual</a>, <a href="/en-US/docs/HTML/Content_categories#Interactive_content" title="HTML/Content categories#Interactive content">contingut interactiu</a>, <a href="/en-US/docs/HTML/Content_categories#Form_listed" title="HTML/Content categories#Form listed">enumerat</a>, <a href="/en-US/docs/HTML/Content_categories#Form_labelable" title="HTML/Content categories#Form labelable">etiquetable</a>, <a href="/en/HTML/Content_categories#form_resettable" title="en/HTML/Content categories#form resettable">reiniciable</a>, i elements <a href="/en-US/docs/HTML/Content_categories#Form_submittable" title="HTML/Content categories#Form submittable">enviables associats a formularis</a>.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td>Dades <span class="short_text" id="result_box" lang="ca"><span>caràcter</span></span></td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">contingut textual</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLTextAreaElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els<span style="line-height: 21px;"> </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> + +<dl> + <dt>{{htmlattrdef("autocapitalize")}} {{non-standard_inline}}</dt> + <dd>Aquest és un atribut no estàndard amb el suport de WebKit en iOS (per tant, gairebé tots els navegadors que s'executen en iOS, incloent Safari, Firefox i Chrome) el qual controla si i com el valor de text ha de ser automàticament en majúscula quan és entrat/editat per l'usuari. Els valors no desaprovats estan disponibles en IOS 5 i posteriors. Els valors possibles són: + <ul> + <li><code>none</code>: <span id="result_box" lang="ca"><span>Completament</span> <span>desactiva</span>da <span>la majúscula</span></span><span lang="ca"> <span>automàtica.</span></span></li> + <li><code>sentences</code>: <span id="result_box" lang="ca"><span>Automàticament</span> <span>en majúscula</span> <span>la primera lletra</span> <span>d'una oració</span></span> .</li> + <li><code>words</code>: <span id="result_box" lang="ca"><span>Automàticament</span> <span>en majúscula</span> <span>la primera lletra</span> <span>de les</span> <span>paraules</span></span>.</li> + <li><code>characters</code>: <span class="short_text" id="result_box" lang="ca"><span>Automàticament</span> <span>en</span> <span>majúscula</span> <span>tots</span> <span>els</span> <span>caràcters</span></span> .</li> + <li><code>on</code>: {{deprecated_inline()}} Desaprovat des de iOS 5.</li> + <li><code>off</code>: {{deprecated_inline()}} Desaprovat des de iOS 5.</li> + </ul> + </dd> + <dt>{{htmlattrdef("autocomplete")}} {{HTMLVersionInline("5")}}</dt> + <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>indica</span> <span>si el valor del</span> <span>control</span> <span>es</span> <span>pot completar</span> <span>automàticament</span> <span>pel navegador.</span> <span>Els</span> <span>valors</span> <span>possibles</span> <span>són</span><span>:</span></span> + <ul> + <li><code>off</code>: L'usuari ha d'introduir explícitament un valor en aquest camp per a cada ús, o el document proporciona el seu propi mètode d'autocompletat; el navegador no completa l'entrada automàticament.</li> + <li><code>on</code>: <span id="result_box" lang="ca"><span>El navegador</span> <span>pot completar</span> <span>automàticament el</span> <span>valor basat</span> <span>en els valors</span> <span>que l'usuari ha</span> <span>entrat</span> <span>en usos</span> <span>anteriors.</span></span></li> + </ul> + + <p>Si l'atribut <strong>autocomplete</strong> no s'especifica en un element <code><textarea></code>, el navegador utilitza el valor de l'atribut <strong>autocomplete</strong> del propietari del formulari de l'element <code><textarea></code>. El propietari del formulari és l'element {{HTMLElement("form")}} en el qual l'element <code><textarea></code> és un descendent o bé l'element de formulari que el seu <strong>id</strong> és especificat per l'atribut <strong>form</strong> de l'element d'entrada. Per obtenir més informació, consulteu {{htmlattrxref("autocomplete", "form")}} en {{HTMLElement("form")}}.</p> + </dd> + <dt>{{ htmlattrdef("autofocus") }} {{ HTMLVersionInline("5") }}</dt> + <dd>Aquest atribut booleà permet especificar que un control de formulari ha de tenir el focus d'entrada quan es carrega la pàgina, llevat que l'usuari el redefineixi, per exemple escrivint en un control diferent. Només un element de formularu associat a un document pot tenir aquest atribut especificat.</dd> + <dt>{{ htmlattrdef("cols") }}</dt> + <dd>L'ample visible del control de text, en caràcters d'amplària mitjana. Si s'especifica, ha de ser un nombre enter positiu. Si no s'especifica, el valor per defecte és <span style="font-family: courier new;">20</span> (HTML5).</dd> + <dt>{{ htmlattrdef("disabled") }}</dt> + <dd>Aquest atribut booleà indica que l'usuari no pot interactuar amb el control. (Si no s'especifica aquest atribut, el control hereta la seva configuració des de l'element que conté, per exemple {{HTMLElement ("fieldset")}};. Si no hi ha cap element que contimgui l'atribut <code>disabled</code>, el control està activat)</dd> + <dt>{{ htmlattrdef("form") }} {{ HTMLVersionInline("5") }}</dt> + <dd>L'element formulari en el qual està associat l'element <code><textarea></code> (el seu "propietari formulari"). El valor de l'atribut ha de ser l'ID d'un element de formulari en el mateix document. Si no s'especifica aquest atribut, l'element <code><textarea></code> ha de ser un descendent d'un element de formulari. Aquest atribut li permet col.locar elements <code><textarea></code> en qualsevol lloc dins d'un document, no només com descendents dels seus elements de formulari.</dd> + <dt>{{ htmlattrdef("maxlength") }} {{ HTMLVersionInline("5") }}</dt> + <dd><span id="result_box" lang="ca"><span>El nombre</span> <span>màxim</span> <span>de caràcters</span> <span>(</span><span>punts</span> <span>de codi</span> <span>Unicode</span><span>)</span> <span>que l'usuari pot</span> <span>introduir.</span> <span>Si no s'especifica</span> <span>aquest valor,</span> <span>l'usuari pot</span> <span>introduir un</span> <span>nombre il·limitat</span> <span>de caràcters</span></span></dd> + <dt>{{ htmlattrdef("minlength") }} {{ HTMLVersionInline("5") }}</dt> + <dd>El nombre mínim de caràcters (punts de codi Unicode) requerits que l'usuari ha d'introduir.</dd> + <dt>{{ htmlattrdef("name") }}</dt> + <dd>El nom del control.</dd> + <dt>{{ htmlattrdef("placeholder") }} {{ HTMLVersionInline("5") }}</dt> + <dd>Un indici a l'usuari del que pot ser introduït en el control. Els retorns de carro o salts de línia dins del text de marcador de posició han de ser tractats com salts de línia quan es representa l'indici.</dd> + <dt>{{ htmlattrdef("readonly") }}</dt> + <dd>Aquest atribut booleà indica que l'usuari no pot modificar el valor del control. A diferència de l'atribut <code>disabled</code>, l'atribut <code>readonly</code> no impedeix que l'usuari faci clic o seleccioni en el control. El valor d'un control de només lectura segueix sent enviat en el formulari.</dd> + <dt>{{ htmlattrdef("required") }} {{ HTMLVersionInline("5") }}</dt> + <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>especifica</span> <span>que l'usuari</span> <span>ha d'omplir</span> <span>un valor</span> <span>abans</span> <span>d'enviar un</span> <span>formulari.</span></span></dd> + <dt>{{ htmlattrdef("rows") }}</dt> + <dd><span id="result_box" lang="ca"><span>El nombre</span> <span>de línies</span> <span>de text</span> <span>visibles</span> <span>per al control.</span></span></dd> + <dt>{{ htmlattrdef("selectionDirection") }} {{ HTMLVersionInline("5") }}</dt> + <dd>La direcció en què es va produir la selecció. És "cap endavant (forward)" si la selecció es va fer d'esquerra a dreta en una configuració regional LTR o de dreta a esquerra en una configuració regional RTL, o "cap enrere (backward)" si la selecció es va fer en la direcció oposada. Això pot ser "cap (none)" si la direcció de la selecció és desconegut.</dd> + <dt>{{ htmlattrdef("selectionEnd") }}</dt> + <dd><span id="result_box" lang="ca"><span>L'índex</span> <span>de l'últim</span> <span>caràcter</span> <span>de la selecció</span> <span>actual.</span> <span>Si no hi ha</span> <span>selecció,</span> <span>el valor és</span> <span>l'índex</span> <span>del caràcter que</span> <span>segueix a</span> <span>la posició del cursor</span> <span>d'entrada de</span> <span>text.</span></span></dd> + <dt>{{ htmlattrdef("selectionStart") }}</dt> + <dd><span id="result_box" lang="ca"><span>L'índex</span> <span>per al primer</span> <span>caràcter</span> <span>de la selecció</span> <span>actual.</span> <span>Si no hi ha</span> <span>selecció</span><span>, aquest valor</span> <span>és l'índex</span> <span>del caràcter que</span> <span>segueix a</span> <span>la posició del cursor</span> <span>d'entrada de</span> <span>text.</span></span></dd> + <dt>{{ htmlattrdef("spellcheck") }} {{ HTMLVersionInline(5) }}</dt> + <dd>Establir el valor d'aquest atribut en <code>true</code> indica que l'element ha de tenir la seva ortografia i gramàtica revisada. El valor per omissió indica que l'element està actuant d'acord amb un comportament predeterminat, possiblement basat en el valor de la revisió ortogràfica de l'element pare. El valor <code>false</code> indica que l'element no ha de ser revisat.</dd> + <dt>{{ htmlattrdef("wrap") }} {{ HTMLVersionInline("5") }}</dt> + <dd>Indica com el control ajusta el text. Els valors possibles són: + <ul> + <li><span style="font-family: courier new;">hard</span>: El navegador insereix automàticament salts de línia (CR + LF) de manera que cada línia tingui nomes l'ample del control; l'atribut <code>cols</code> ha de ser especificat.</li> + <li><span style="font-family: courier new;">soft</span>: El navegador s'assegura que tots els salts de línia en el valor consisteixen en un parell CR + LF, però no insereix salts de línia addicionals.</li> + </ul> + + <p>Si no s'especifica aquest atribut, <span style="font-family: courier new;">soft</span> és el valor predeterminat.</p> + </dd> +</dl> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element implementa la interfície <code><a href="/en/DOM/HTMLTextAreaElement" title="en/DOM/textarea">HTMLTextAreaElement</a></code>.</p> + +<p>{{ h1_gecko_minversion("Resizable textareas", "2.0") }}</p> + +<p>{{Gecko ("2.0")}} introdueix suport per les textareas redimensionables. Això és controlat per la propietat CSS {{ cssxref("resize") }}. Canviar la mida de les àrees de text està activat per defecte, però es pot desactivar de forma explícita mitjançant la inclusió de la següent CSS:</p> + +<pre>textarea { + resize: none; +} +</pre> + +<h2 id="Interacció_amb_CSS">Interacció amb CSS</h2> + +<p>Pel que fa a CSS, un <code><textarea></code> és un <a href="https://developer.mozilla.org/en-US/docs/CSS/Replaced_element" title="/en-US/docs/CSS/Replaced_element">element reemplaçat</a>. L'especificació HTML no defineix on està la línia de base d'un <code><textarea></code>. Així que diferents navegadors ajustan a diferents posicions. Per Gecko, la línia de base de un <code><textarea></code> es troba en la línia de base de la primera línia de la primera línia del textarea, en altre navegador pot ajustar a la part inferior del quadre del <code><textarea></code>. No utilitzeu {{cssxref ("vertical-align")}}: <code>baseline</code>, ja que el comportament serà impredictible.</p> + +<p>Un <em>textarea</em> té dimensions intrínseques, com una imatge ampliada.</p> + +<h2 id="Example" name="Example">Example</h2> + +<h3 id="Contingut_HTML">Contingut HTML</h3> + +<pre class="brush: html"><textarea name="textarea" rows="10" cols="50">Write something here</textarea></pre> + +<p>{{ EmbedLiveSample('Example','600','200') }}</p> + + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'the-button-element.html#the-textarea-element', '<textarea>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'forms.html#the-textarea-element', '<textarea>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'interact/forms.html#h-17.7', '<textarea>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> + +<div> + + +<p>{{Compat("html.elements.textarea")}}</p> +</div> + +<p> </p> + +<h2 id="Veure">Veure</h2> + +<p>Altres elements relacionats amb formularis: {{ HTMLElement("form") }}, {{ HTMLElement("button") }}, {{ HTMLElement("datalist") }}, {{ HTMLElement("legend") }}, {{ HTMLElement("label") }}, {{ HTMLElement("select") }}, {{ HTMLElement("optgroup") }}, {{ HTMLElement("option") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("output") }}, {{ HTMLElement("progress") }} and {{ HTMLElement("meter") }}.</p> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/tfoot/index.html b/files/ca/web/html/element/tfoot/index.html new file mode 100644 index 0000000000..755200bfad --- /dev/null +++ b/files/ca/web/html/element/tfoot/index.html @@ -0,0 +1,280 @@ +--- +title: <tfoot> +slug: Web/HTML/Element/tfoot +tags: + - Element + - HTML + - HTML tabular data + - Reference + - Tables + - Web +translation_of: Web/HTML/Element/tfoot +--- +<p id="Summary">L'<em>Element HTML Peu de Taula</em> (<code><tfoot></code>) defineix un conjunt de files que resumeixen les columnes de la taula.</p> + +<h2 id="Context_d'ùs">Context d'ùs</h2> + +<table class="properties"> + <tbody> + <tr> + <td><a href="/en-US/docs/Web/Guide/HTML/Content_categories">Categories de contingut</a></td> + <td>Cap.</td> + </tr> + <tr> + <td>Contingut permès</td> + <td>Zero o més elements {{HTMLElement("tr")}}.</td> + </tr> + <tr> + <td>Omissió de l'etiqueta</td> + <td>L'etiqueta d'inici és obligatòria. L'etiqueta final es pot ometre si l'element {{HTMLElement ("tfoot")}} és seguit immediatament per un {{HTMLElement ("tbody")}} eventualment definit implicitament,o si no hi ha més contingut en el seu element pare {{HTMLElement("table")}}.</td> + </tr> + <tr> + <td>Elements pares permesos</td> + <td>Un element {{HTMLElement("table")}}. L' element {{HTMLElement("tfoot")}} <span class="short_text" id="result_box" lang="ca"><span>ha d'aparèixer</span> <span>després de qualsevol</span></span> {{HTMLElement("caption")}}, {{HTMLElement("colgroup")}} o {{HTMLElement("thead")}}. Pot ser abans o després de tots els elements {{HTMLElement ("tbody")}} i {{HTMLElement ("tr")}}, però no barrejats amb ells.<br> + {{HTMLVersionInline ("4")}} L'element {{HTMLElement ("tfoot")}} no es pot posar després de qualsevol element {{HTMLElement ("tbody")}} i {{HTMLElement ("tr")}}. Aquesta restricció s'ha suavitzat en HTML5.</td> + </tr> + <tr> + <td>Normativa del document</td> + <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/tabular-data.html#the-tfoot-element" rel="external nofollow">HTML5, secció 4.9.7</a> (<a class="external" href="http://www.w3.org/TR/REC-html40/struct/tables.html#h-11.2.3">HTML4.01, secció 11.2.3</a>)</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("align")}} {{Deprecated_inline}} in {{HTMLVersionInline("4")}}, {{obsolete_inline}} in {{HTMLVersionInline("5")}}</dt> + <dd>Aquest atribut enumerat especifica com s'aplicarà l'alineació horitzontal del contingut de cada cel·la. Els valors possibles són: + <ul> + <li><span style="font-family: courier new;">left</span>, alinea el contingut a l'esquerra de la cel·la</li> + <li><span style="font-family: courier new;">center</span>, centra el contingut de la cel·la</li> + <li><span style="font-family: courier new;">right</span>, alinea el contingut a la dreta de la cel·la</li> + <li><span style="font-family: courier new;">justify</span>, inserta espais en el contingut textual de manera que el contingut es justifica en la cel·la</li> + <li><span style="font-family: courier new;">char</span>, alinea el contingut textual en un caràcter especial amb una desplaçament mínim definit per els atributs {{htmlattrxref("char", "tbody")}} i {{htmlattrxref("charoff", "tbody")}} {{unimplemented_inline("2212")}}.</li> + </ul> + + <p>Si aquest atribut no està establert, el valor assumit és <code>left</code>.</p> + + <div class="note"><strong>Nota: </strong> No utilitzeu aquest atribut, ja que és obsolet (no suportat) en l'últim estàndard. + + <ul> + <li>Per aconseguir el mateix efecte que els valors <span style="font-family: courier new;">left</span>, <span style="font-family: courier new;">center</span>, <span style="font-family: courier new;">right</span> or <span style="font-family: courier new;">justify</span> utilitzeu la propietat CSS {{cssxref("text-align")}}.</li> + <li>Per aconseguir el mateix efecte que el valor <code>char</code>, en CSS3, podeu utilitzar el valor {{htmlattrxref("char", "tfoot")}} com el valor de la propietat {{cssxref("text-align")}} {{unimplemented_inline}}.</li> + </ul> + </div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("bgcolor")}} {{Non-standard_inline}}</dt> + <dd>Aquest atribut defineix el color de fons de cada cel·la de la columna. És un codi hexadecimal de 6 dígits com es defineix en <a href="http://www.w3.org/Graphics/Color/sRGB">sRGB</a>, prefixat per un '#'. Podeu utilitzar una de les setze cadenes de color predefinits: + <table style="width: 80%;"> + <tbody> + <tr> + <td style="background-color: black; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">black</span> = "#000000"</td> + <td style="background-color: green; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">green</span> = "#008000"</td> + </tr> + <tr> + <td style="background-color: silver; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">silver</span> = "#C0C0C0"</td> + <td style="background-color: lime; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">lime</span> = "#00FF00"</td> + </tr> + <tr> + <td style="background-color: gray; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">gray</span> = "#808080"</td> + <td style="background-color: olive; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">olive</span> = "#808000"</td> + </tr> + <tr> + <td style="background-color: white; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">white</span> = "#FFFFFF"</td> + <td style="background-color: yellow; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">yellow</span> = "#FFFF00"</td> + </tr> + <tr> + <td style="background-color: maroon; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">maroon</span> = "#800000"</td> + <td style="background-color: navy; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">navy</span> = "#000080"</td> + </tr> + <tr> + <td style="background-color: red; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">red</span> = "#FF0000"</td> + <td style="background-color: blue; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">blue</span> = "#0000FF"</td> + </tr> + <tr> + <td style="background-color: purple; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">purple</span> = "#800080"</td> + <td style="background-color: teal; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">teal</span> = "#008080"</td> + </tr> + <tr> + <td style="background-color: fuchsia; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">fuchsia</span> = "#FF00FF"</td> + <td style="background-color: aqua; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">aqua</span> = "#00FFFF"</td> + </tr> + </tbody> + </table> + + <div class="note"><strong>Nota d'ùs: </strong> No utilitzeu aquest atribut, ja que no és estàndard i només s'implementa en algunes versions de Microsoft Internet Explorer: l'element {{HTMLElement("tfoot")}} se li ha de donar estil amb <a href="https://developer.mozilla.org/en/CSS" title="en/CSS">CSS</a>. Per donar un efecte similar a l'atribut <strong>bgcolor</strong>, utilitzeu la propietat <a href="https://developer.mozilla.org/en/CSS" title="en/CSS">CSS</a> {{cssxref("background-color")}}, en els elements pertinents {{HTMLElement("td")}} o {{HTMLElement("th")}}.</div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("char")}} {{Deprecated_inline}} in {{HTMLVersionInline("4")}}, {{obsolete_inline}} in {{HTMLVersionInline("5")}}</dt> + <dd>Aquest atribut s'utilitza per establir el caràcter per alinear les cel·les d'una columna. Els valors típics d'això inclouen un punt (.) en intentar alinear els números o valors monetaris. Si {{htmlattrxref("align", "tfoot")}} no està establert a <code>char</code>, aquest atribut s'ignora + <div class="note"><strong>Nota: </strong> No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard. Per aconseguir el mateix efecte que {{htmlattrxref("char", "tbtfootody")}}, en CSS3, podeu utilitzar el joc de caràcters utilitzant l'atribut {{htmlattrxref("char", "tfoot")}} com el valor de la propietat {{cssxref("text-align")}} {{unimplemented_inline}}.</div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("charoff")}} {{Deprecated_inline}} in {{HTMLVersionInline("4")}}, {{obsolete_inline}} in {{HTMLVersionInline("5")}}</dt> + <dd>Aquest atribut s'utilitza per indicar el nombre de caràcters a desplaçar de les dades de la columna dels caràcters d'alineació especificats per l'atribut <strong>char</strong>. + <div class="note"><strong>Nota: </strong> No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard.</div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("valign")}} {{Deprecated_inline}} in {{HTMLVersionInline("4")}}, {{obsolete_inline}} in {{HTMLVersionInline("5")}}</dt> + <dd>Aquest atribut especifica l'alineació vertical del text dins de cada fila de cel·les de la capçalera de la taula. Els valors possibles per aquest atribut són: + <ul> + <li><span style="font-family: courier new;">baseline</span>, posarà el text tan a prop de la part inferior de la cel·la com sigui possible, però alineant-ho en la <a href="http://en.wikipedia.org/wiki/Baseline_%28typography%29">línia de base (baseline)</a> dels caràcters en lloc de la part inferior d'ells. Si els caràcters són tots de la mida, això té el mateix efecte que <span style="font-family: courier new;">bottom</span>.</li> + <li><span style="font-family: courier new;">bottom</span>, posarà el text tan a prop de la part inferior de la cel·la com sigui possible;</li> + <li><span style="font-family: courier new;">middle</span>, centra el text en la cel·la;</li> + <li>i <span style="font-family: courier new;">top</span>, posarà el text tant a prop de la part superior de la cel·la com sigui possible.</li> + </ul> + + <div class="note"><strong>Nota: </strong> No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard: en el seu lloc aplicar la propietat CSS {{cssxref("vertical-align")}}.</div> + </dd> +</dl> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element implementa la interfície <code><a href="/en-US/docs/Web/API/HTMLTableSectionElement">HTMLTableSectionElement</a></code>.</p> + +<h2 id="Exemples">Exemples</h2> + +<p>Si us plau, veure la pàgina {{HTMLElement("table")}} per exemples de <code><tfoot></code>.</p> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>align/valign</code></td> + <td>1.0</td> + <td>{{CompatNo}}<sup>[1]</sup></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>char/charoff</code></td> + <td>1.0</td> + <td>{{CompatNo}}<sup>[2]</sup></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>bgcolor</code> {{Non-standard_inline}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>align/valign</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}<sup>[1]</sup></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>char/charoff</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}<sup>[2]</sup></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>bgcolor</code> {{Non-standard_inline}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] Veure {{bug("915")}}.</p> + +<p>[2] Veure {{bug("2212")}}.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Altres elements HTML relacionats amb taules: {{HTMLElement("caption")}}, {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("tbody")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}};</li> + <li>Propietats CSS i pseudo-classes que poden ser especialment útils per a l'estil de l'element <code><tfoot></code>: + <ul> + <li>la pseudo-classe {{cssxref(":nth-child")}} per ajustar l'alineació de les cel·les de la columna;</li> + <li>la propietat {{cssxref("text-align")}} per alinear el contingut de totes les cel·les en el mateix caràcter, com '.'.</li> + </ul> + </li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/th/index.html b/files/ca/web/html/element/th/index.html new file mode 100644 index 0000000000..13614a6d62 --- /dev/null +++ b/files/ca/web/html/element/th/index.html @@ -0,0 +1,303 @@ +--- +title: <th> +slug: Web/HTML/Element/th +tags: + - Element + - HTML + - HTML tabular data + - Reference + - Tables + - Web +translation_of: Web/HTML/Element/th +--- +<p>L'<em>element HTML cel·la de capçalera de la taula</em> <code><th></code> defineix una cel·la com a capçalera d'un grup de cel·les de la taula. La naturalesa exacta d'aquest grup es defineix pels atributs {{htmlattrxref("scope", "th")}} i {{htmlattrxref("headers", "th")}}.</p> + +<h2 id="Context_d'ùs">Context d'ùs</h2> + +<table class="standard-table"> + <tbody> + <tr> + <td><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content categories">Categories de contingut</a></td> + <td>Cap.</td> + </tr> + <tr> + <td>Contingut permès</td> + <td> + <div class="content-models"> + <div id="table-mdls">Contingut textual.</div> + </div> + </td> + </tr> + <tr> + <td>Omissió de l'etiqueta</td> + <td>L'etiqueta d'inici és obligatòria.<br> + L'etiqueta final es pot ometre, si és seguit immediatament per un element {{HTMLElement("th")}} o {{HTMLElement("td")}} o si no hi ha més dades en el seu element pare.</td> + </tr> + <tr> + <td>Elements pares permesos</td> + <td>Un element {{HTMLElement("tr")}}.</td> + </tr> + <tr> + <td>Normativa del document</td> + <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/tabular-data.html#the-th-element" rel="external nofollow" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/tabular-data.html#the-th-element">HTML5, secció 4.9.10</a> (<a href="http://www.w3.org/TR/REC-html40/struct/tables.html#h-11.2.6" title="http://www.w3.org/TR/REC-html40/struct/tables.html#h-11.2.6">HTML4.01, secció 11.2.6</a>)</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els següents <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("abbr")}} {{obsolete_inline}} in {{HTMLVersionInline("5")}}</dt> + <dd>Aquest atribut conté una breu descripció del contingut de la cel·la. Un agent d'usuari (per exemple, un lector de parla) pot estar present davant de la descripció. + <div class="note"><strong>Nota d'ùs: </strong> No utilitzeu aquest atribut, ja que és obsolet en l'últim estàndard. Alternativament, es pot posar la descripció abreujada dins de la cel·la i posar el contingut llarg en l'atribut <code>title</code>.</div> + </dd> + <dt>{{htmlattrdef("align")}} {{Deprecated_inline}} in {{HTMLVersionInline("4")}}, {{obsolete_inline}} in {{HTMLVersionInline("5")}}</dt> + <dd>Aquest atribut enumerat especifica com s'aplicarà l'alineació horitzontal del contingut de cada cel·la. Els valors possibles són: + <ul> + <li><code>left</code>: El contingut s'alinea a l'esquerra de la cel·la.</li> + <li><code>center</code>: El contingut es centra en la cel·la.</li> + <li><code>right</code>: El contingut s'alinea a la dreta de la cel·la.</li> + <li><code>justify</code> (només amb text): El contingut s'estén dins de la cel·la de manera que cobreixi tota la seva amplada.</li> + <li><code>char</code> ( només amb text): El contingut està alineat a un caràcter dins de l'element <th> amb un mínim desplaçament. Aquest caràcter es definit per els atributs {{htmlattrxref("char", "th")}} i {{htmlattrxref("charoff", "th")}} {{unimplemented_inline("2212")}}.</li> + </ul> + + <p>El valor per defecte quan aquest atribut no està especificat és <code>left</code>.</p> + + <div class="note"><strong>Nota d'ùs: </strong> No utilitzeu aquest atribut, ja que és obsolet en l'últim estàndard. + + <ul> + <li>Per aconseguir el mateix efecte que els valors <span style="font-family: courier new;">left</span>, <span style="font-family: courier new;">center</span>, <span style="font-family: courier new;">right</span> o <span style="font-family: courier new;">justify</span> aplicar la propietat CSS {{cssxref("text-align")}} per l'atribut.</li> + <li>Per aconseguir el mateix efecte que el valor <code>char</code>, en CSS3, donar a la propietat {{cssxref ("text-align")}} el mateix valor que utilitzaria per {{htmlattrxref("char", "th")}}. {{unimplemented_inline}}.</li> + </ul> + </div> + </dd> + <dt>{{htmlattrdef("axis")}} {{obsolete_inline}} in {{HTMLVersionInline("5")}}</dt> + <dd>Aquest atribut conté una llista de cadenes separades per espais. Cada cadena és l'ID d'un grup de cel·les a les que s'aplica aquesta capçalera. + <div class="note"><strong>Nota d'ùs: </strong>No utilitzeu aquest atribut, ja que és obsolet en l'últim estàndard: en el seu lloc utilitzar l'atribut {{htmlattrxref("scope", "th")}}.</div> + </dd> + <dt>{{htmlattrdef("bgcolor")}} {{Non-standard_inline}}</dt> + <dd>Aquest atribut defineix el color de fons de cada cel·la de la columna. És un codi hexadecimal de 6 dígits com es defineix en <a href="http://www.w3.org/Graphics/Color/sRGB" title="http://www.w3.org/Graphics/Color/sRGB">sRGB</a> prefixat per un '#'. Podeu utilitzar una de les setze cadenes de color predefinits: + <table> + <tbody> + <tr> + <td style="background-color: black; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>black</code> = "#000000"</td> + <td style="background-color: green; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>green</code> = "#008000"</td> + </tr> + <tr> + <td style="background-color: silver; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>silver</code> = "#C0C0C0"</td> + <td style="background-color: lime; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>lime</code> = "#00FF00"</td> + </tr> + <tr> + <td style="background-color: gray; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>gray</code> = "#808080"</td> + <td style="background-color: olive; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>olive</code> = "#808000"</td> + </tr> + <tr> + <td style="background-color: white; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>white</code> = "#FFFFFF"</td> + <td style="background-color: yellow; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>yellow</code> = "#FFFF00"</td> + </tr> + <tr> + <td style="background-color: maroon; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>maroon</code> = "#800000"</td> + <td style="background-color: navy; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>navy</code> = "#000080"</td> + </tr> + <tr> + <td style="background-color: red; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>red</code> = "#FF0000"</td> + <td style="background-color: blue; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>blue</code> = "#0000FF"</td> + </tr> + <tr> + <td style="background-color: purple; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>purple</code> = "#800080"</td> + <td style="background-color: teal; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>teal</code> = "#008080"</td> + </tr> + <tr> + <td style="background-color: fuchsia; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>fuchsia</code> = "#FF00FF"</td> + <td style="background-color: aqua; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><code>aqua</code> = "#00FFFF"</td> + </tr> + </tbody> + </table> + + <div class="note"><strong>Nota d'ùs:</strong> No utilitzeu aquest atribut, ja que no és estàndard i només s'implementa en algunes versions de Microsoft Internet Explorer: L'element {{HTMLElement("th")}} se li ha de donar estil amb <a href="/en-US/docs/CSS" title="CSS">CSS</a>. Per donar un efecte similar utilitzeu la propietat <a href="/en-US/docs/CSS" title="CSS">CSS</a> {{cssxref("background-color")}}.</div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("char")}} {{Deprecated_inline}} in {{HTMLVersionInline("4")}}, {{obsolete_inline}} in {{HTMLVersionInline("5")}}</dt> + <dd>El contingut d'una columna s'alinea amb un caràcter en l'element <code><th></code>. Els valors típics inclouen un punt (.) per alinear nombres o valors monetaris. Si {{htmlattrxref ("align", "th")}} no s'ha establert a <code>char</code>, aquest atribut s'ignora. + <div class="note"><strong>Nota d'ùs: </strong>No utilitzeu aquest atribut, ja que no és suportat amb l'últim estàndard. Per aconseguir el mateix efecte en CSS3, podeu especificar el caràcter com a primer valor de la propietat {{cssxref ("text-align")}}{{unimplemented_inline}}.</div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("charoff")}} {{Deprecated_inline}} in {{HTMLVersionInline("4")}}, {{obsolete_inline}} in {{HTMLVersionInline("5")}}</dt> + <dd>Aquest atribut s'utilitza per desplaçar dades de la columna a la dreta del caràcter especificat per l'atribut char. El seu valor especifica la longitud d'aquest canvi. + <div class="note"><strong>Nota d'ùs: </strong>No utilitzeu aquest atribut, ja que no és suportat amb l'últim estàndard.</div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("colspan")}}</dt> + <dd>Aquest atribut conté un valor enter positiu que indica sobre quantes columnes s'estén una cel·la. El seu valor per defecte és 1. Si el valor s'estableix a 0, la cel·la s'estén fins a l'últim element de {{HTMLElement ("colgroup")}}. Els valors superiors a 1000 es retallen fins a 1000.</dd> + <dt>{{htmlattrdef("headers")}}</dt> + <dd>Aquest atribut conté una llista de cadenes separades per espais, cadascuna de les quals correspon als atributs <code>id</code> d'altres elements {{HTMLElement ( "th")}} que es relacionen amb aquest element.</dd> + <dt>{{htmlattrdef("rowspan")}}</dt> + <dd>Aquest atribut conté un valor enter positiu que indica sobre quantes files s'estén a les cel·les. El seu valor per defecte és <code>1</code>. Si el valor s'estableix a <code>0</code>, la cel·la s'estén fins a l'últim element de les seccions de la taula ({{HTMLElement("thead")}}, {{HTMLElement("tbody")}} o {{HTMLElement("tfoot")}}). Els valors superiors a 65534 es retallen fins 65534.</dd> + <dt>{{htmlattrdef("scope")}}</dt> + <dd>Aquest atribut enumerat defineix les cel·les amb les que es relaciona la capçalera (definit en l'element {{HTMLElement("th")}}). Pot tenir els següents valors: + <ul> + <li><code>row</code>: La capçalera es relaciona amb totes les cel·les de la fila a què pertany.</li> + <li><code>col</code>: La capçalera es relaciona amb totes les cel·les de la columna al qual pertany.</li> + <li><code>rowgroup</code>: La capçalera pertany a un rowgroup i es relaciona amb totes les seves cel·les. Aquestes cel·les es poden col·locar a la dreta o l'esquerra de la capçalera, depenent del valor de l'atribut <code><a href="/en-US/docs/Web/HTML/Global_attributes/dir">dir</a></code> en l'element {{HTMLElement("table")}}.</li> + <li><code>colgroup</code>: La capçalera pertany a una colgroup i es relaciona amb totes les seves cel·les.</li> + <li><code>auto</code></li> + </ul> + </dd> + <dt>{{htmlattrdef("valign")}} {{Deprecated_inline}} in {{HTMLVersionInline("4")}}, {{obsolete_inline}} in {{HTMLVersionInline("5")}}</dt> + <dd>Aquest atribut especifica com un text s'alinea verticalment dins d'una cel·la. Els valors possibles per aquest atribut són: + <ul> + <li><code>baseline</code>: Posiciona el text a la part inferior de la cel·la i s'alinea amb la <a href="http://en.wikipedia.org/wiki/Baseline_%28typography%29">línia de base (baseline)</a> dels caràcters en lloc de la part inferior. Si els caràcters no descendeixen per sota de la línia de base, el valor de la línea de base aconsegueix el mateix efecte que <code>bottom</code>.</li> + <li><code>bottom</code>: Posiciona el text a la part inferior de la cel·la.</li> + <li><code>middle</code>: Centre el text en la cel·la.</li> + <li>i <code>top</code>: Posiciona el text a la part superior de la cel·la.</li> + </ul> + + <div class="note"><strong>Nota d'ùs: </strong>No utilitzeu aquest atribut, ja que no és suportat amb l'últim estàndard: en el seu lloc aplicar la propietat CSS {{cssxref("vertical-align")}}.</div> + </dd> + <dt>{{htmlattrdef("width")}} {{Deprecated_inline}} in {{HTMLVersionInline(4.01)}}</dt> + <dd>Aquest atribut s'utilitza per definir l'amplada de cel·la recomanada. L'espai addicional es pot afegir amb les propietats <a href="/en-US/docs/Web/API/HTMLTableElement/cellSpacing">cellspacing</a> i <a href="/en-US/docs/Web/API/HTMLTableElement/cellPadding">cellpadding</a> i l'amplada de l'element {{HTMLElement ("col")}} també pot crear una amplada extra. Però, si l'ample d'una columna és massa estreta per mostrar correctament una cel·la en particular, aquesta s'ampliarà quan es mostri. + <div class="note"><strong>Nota d'ùs: </strong>No utilitzeu aquest atribut, ja que no és suportat amb l'últim estàndard: en el seu lloc aplicar la propietat CSS {{cssxref("width")}}.</div> + </dd> +</dl> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element implementa la interfície {{domxref("HTMLTableHeaderCellElement")}}.</p> + +<h2 id="Exemples">Exemples</h2> + +<p>Veure {{HTMLElement("table")}} per exemples de <code><th></code>.</p> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> + +<div>{{CompatibilityTable}}</div> + +<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>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>align/valign</code></td> + <td>1.0</td> + <td>{{CompatNo}} [1]</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>char/charoff</code></td> + <td>1.0</td> + <td>{{CompatNo}} [2]</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>bgcolor</code> {{Non-standard_inline}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>align/valign</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}} [1]</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>char/charoff</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}} [2]</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>bgcolor</code> {{Non-standard_inline}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] Veure {{bug(915)}}.</p> + +<p>[2] Veure {{bug(2212)}}.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Altres elements HTML relacionats amb taules: {{HTMLElement("caption")}}, {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}}.</li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/thead/index.html b/files/ca/web/html/element/thead/index.html new file mode 100644 index 0000000000..0ec6807d4c --- /dev/null +++ b/files/ca/web/html/element/thead/index.html @@ -0,0 +1,189 @@ +--- +title: <thead> +slug: Web/HTML/Element/thead +tags: + - Element + - HTML + - HTML tabular data + - Reference + - Tables + - Web +translation_of: Web/HTML/Element/thead +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'<em>Element HTML Capçalera de Taula</em> (<code><thead></code>) defineix un conjunt de files que defineixen el capçalera de les columnes de la taula.</p> + +<h2 id="Context_d'ùs">Context d'ùs</h2> + +<table class="standard-table"> + <tbody> + <tr> + <td><a href="/en/HTML/Content_categories" title="en/HTML/Content categories">Categories de contingut</a></td> + <td>Cap.</td> + </tr> + <tr> + <td>Contingut permès</td> + <td>Zero o més elements {{ HTMLElement("tr") }}.</td> + </tr> + <tr> + <td>Omissió de l'etiqueta</td> + <td>L'etiqueta d'inici és obligatòria . L'etiqueta final es pot ometre si l'element {{ HTMLElement("thead") }} és seguit immediatament per un {{ HTMLElement("tbody") }} o {{ HTMLElement("tfoot") }}.</td> + </tr> + <tr> + <td>Elements pares permesos</td> + <td>Un element {{ HTMLElement("table") }}. L'element {{ HTMLElement("thead") }} ha d'aparèixer després de qualsevol {{ HTMLElement("caption") }} o {{ HTMLElement("colgroup") }} encara que estiguin definits implícitament, però abans de qualsevol {{ HTMLElement("tbody") }}, {{ HTMLElement("tfoot") }} i {{ HTMLElement("tr") }}.</td> + </tr> + <tr> + <td>Normativa del document</td> + <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/tabular-data.html#the-thead-element" rel="external nofollow" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/tabular-data.html#the-thead-element">HTML5, secció 4.9.6</a> (<a href="http://www.w3.org/TR/REC-html40/struct/tables.html#edef-THEAD" title="http://www.w3.org/TR/REC-html40/struct/tables.html#edef-THEAD">HTML4.01, secció 11.2.3</a>)</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <span style="line-height: 21px;"> </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> + +<dl> + <dt>{{ htmlattrdef("align") }} {{ Deprecated_inline() }} in {{ HTMLVersionInline("4") }}, {{ obsolete_inline() }} in {{ HTMLVersionInline("5") }}</dt> + <dd>Aquest atribut enumerat especifica com s'aplicarà l'alineació horitzontal del contingut de cada cel·la. Els valors possibles són: + <ul> + <li><code>left</code>, alinea el contingut a l'esquerra de la cel·la</li> + <li><code>center</code>, centra el contingut de la cel·la</li> + <li><code>right</code>, alinea el contingut a la dreta de la cel·la</li> + <li><code>justify</code>, inserta espais en el contingut textual de manera que el contingut es justifica en la cel·la</li> + <li><code>char</code>, alinea el contingut textual en un caràcter especial amb una desplaçament mínim definit per els atributs {{ htmlattrxref("char", "thead") }} i {{ htmlattrxref("charoff", "thead") }} {{ unimplemented_inline("2212") }}.</li> + </ul> + + <p>Si aquest atribut no està establert, el valor assumit és <code>left</code>.</p> + + <div class="note"><strong>Nota: </strong> No utilitzeu aquest atribut, ja que és obsolet (no suportat) en l'últim estàndard. + + <ul> + <li>Per aconseguir el mateix efecte que els valors <span style="font-family: courier new;">left</span>, <span style="font-family: courier new;">center</span>, <span style="font-family: courier new;">right</span> or <span style="font-family: courier new;">justify</span> utilitzeu la propietat CSS {{ cssxref("text-align") }}.</li> + <li>Per aconseguir el mateix efecte que el valor <code>char</code>, en CSS3, podeu utilitzar el valor {{ htmlattrxref("char", "thead") }} com el valor de la propietat {{ cssxref("text-align") }} {{ unimplemented_inline() }}.</li> + </ul> + </div> + </dd> +</dl> + +<dl> + <dt>{{ htmlattrdef("bgcolor") }} {{ Non-standard_inline() }}</dt> + <dd>Aquest atribut defineix el color de fons de cada cel·la de la columna. És un codi hexadecimal de 6 dígits com es defineix en <a class="external" href="http://www.w3.org/Graphics/Color/sRGB" title="http://www.w3.org/Graphics/Color/sRGB">sRGB</a>, prefixat per un '#'. Podeu utilitzar una de les setze cadenes de color predefinits: + <table style="width: 80%;"> + <tbody> + <tr> + <td style="background-color: black; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">black</span> = "#000000"</td> + <td style="background-color: green; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">green</span> = "#008000"</td> + </tr> + <tr> + <td style="background-color: silver; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">silver</span> = "#C0C0C0"</td> + <td style="background-color: lime; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">lime</span> = "#00FF00"</td> + </tr> + <tr> + <td style="background-color: gray; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">gray</span> = "#808080"</td> + <td style="background-color: olive; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">olive</span> = "#808000"</td> + </tr> + <tr> + <td style="background-color: white; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">white</span> = "#FFFFFF"</td> + <td style="background-color: yellow; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">yellow</span> = "#FFFF00"</td> + </tr> + <tr> + <td style="background-color: maroon; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">maroon</span> = "#800000"</td> + <td style="background-color: navy; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">navy</span> = "#000080"</td> + </tr> + <tr> + <td style="background-color: red; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">red</span> = "#FF0000"</td> + <td style="background-color: blue; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">blue</span> = "#0000FF"</td> + </tr> + <tr> + <td style="background-color: purple; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">purple</span> = "#800080"</td> + <td style="background-color: teal; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">teal</span> = "#008080"</td> + </tr> + <tr> + <td style="background-color: fuchsia; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">fuchsia</span> = "#FF00FF"</td> + <td style="background-color: aqua; width: 24px; height: 24px; border-width: 1px; border-color: black; border-style: solid;"> </td> + <td><span style="font-family: courier new;">aqua</span> = "#00FFFF"</td> + </tr> + </tbody> + </table> + + <div class="note"><strong>Nota d'ùs: </strong> No utilitzeu aquest atribut, ja que no és estàndard i només s'implementa en algunes versions de Microsoft Internet Explorer: l'element {{ HTMLElement("thead") }} se li ha de donar estil amb <a href="/en/CSS" title="en/CSS">CSS</a>. Per donar un efecte similar a l'atribut <strong>bgcolor</strong>, utilitzeu la propietat <a href="/en/CSS" title="en/CSS">CSS</a> {{ cssxref("background-color") }}, en els elements pertinents {{ HTMLElement("td") }} o {{ HTMLElement("th") }}.</div> + </dd> +</dl> + +<dl> + <dt>{{ htmlattrdef("char") }} {{ Deprecated_inline() }} in {{ HTMLVersionInline("4") }}, {{ obsolete_inline() }} in {{ HTMLVersionInline("5") }}</dt> + <dd>Aquest atribut s'utilitza per establir el caràcter per alinear les cel·les d'una columna. Els valors típics d'això inclouen un punt (.) en intentar alinear els nombres o valors monetaris. Si {{ htmlattrxref("align", "tr") }} no està establert a <code>char</code>, aquest atribut s'ignora. + <div class="note"><strong>Nota: </strong> No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard. Per aconseguir el mateix efecte que {{ htmlattrxref("char", "thead") }}, en CSS3, podeu utilitzar el joc de caràcters utilitzant l'atribut {{ htmlattrxref("char", "thead") }} com el valor de la propietat {{ cssxref("text-align") }} {{ unimplemented_inline() }}.</div> + </dd> +</dl> + +<dl> + <dt>{{ htmlattrdef("charoff") }} {{ Deprecated_inline() }} in {{ HTMLVersionInline("4") }}, {{ obsolete_inline() }} in {{ HTMLVersionInline("5") }}</dt> + <dd>Aquest atribut s'utilitza per indicar el nombre de caràcters a desplaçar de les dades de la columna dels caràcters d'alineació especificats per l'atribut <strong>char</strong>. + <div class="note"><strong>Nota: </strong> No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard.</div> + </dd> +</dl> + +<dl> + <dt>{{ htmlattrdef("valign") }} {{ Deprecated_inline() }} in {{ HTMLVersionInline("4") }}, {{ obsolete_inline() }} in {{ HTMLVersionInline("5") }}</dt> + <dd>Aquest atribut especifica l'alineació vertical del text dins de cada fila de cel·les de la capçalera de la taula. Els valors possibles per aquest atribut són: + <ul> + <li><span style="font-family: courier new;">baseline</span>, posarà el text tan a prop de la part inferior de la cel·la com sigui possible, però alineant-ho en la <a href="http://en.wikipedia.org/wiki/Baseline_%28typography%29">línia de base (baseline)</a> dels caràcters en lloc de la part inferior d'ells. Si els caràcters són tots de la mida, això té el mateix efecte que <span style="font-family: courier new;">bottom</span></li> + <li><span style="font-family: courier new;">bottom</span>, posarà el text tan a prop de la part inferior de la cel·la com sigui possible;</li> + <li><span style="font-family: courier new;">middle</span>, centra el text en la cel·la;</li> + <li><span style="font-family: courier new;">top</span>, posarà el text tant a prop de la part superior de la cel·la com sigui possible.</li> + </ul> + + <div class="note"><strong>Nota: </strong> No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard: en el seu lloc aplicar la propietat CSS {{ cssxref("vertical-align") }}.</div> + </dd> +</dl> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element implementa la interfície <code><a href="/en/docs/Web/API/HTMLTableSectionElement" title="en/DOM/HTMLTableSectionElement">HTMLTableSectionElement</a></code>.</p> + +<h2 id="Exemples">Exemples</h2> + +<p>Veure {{ HTMLElement("table") }} per exemples de <code> <thead></code>.</p> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> + +<div> + + +<p>{{Compat("html.elements.thead")}}</p> +</div> + +<p> </p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Altres elements HTML relacionats amb taules: {{ HTMLElement("caption") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}, {{ HTMLElement("table") }}, {{ HTMLElement("tbody") }}, {{ HTMLElement("td") }}, {{ HTMLElement("tfoot") }}, {{ HTMLElement("th") }}, {{ HTMLElement("tr") }};</li> + <li>Propietats CSS i pseudo-classes que poden ser especialment útils per a l'estil de l'element <span style="font-family: courier new;"><thead></span>: + <ul> + <li>la pseudo-classe {{ cssxref(":nth-child") }} per ajustar l'alineació de les cel·les de la columna;</li> + <li>la propietat {{ cssxref("text-align") }} per alinear el contingut de totes les cel·les en el mateix caràcter, com '.'. <</li> + </ul> + </li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/time/index.html b/files/ca/web/html/element/time/index.html new file mode 100644 index 0000000000..e61443dbf1 --- /dev/null +++ b/files/ca/web/html/element/time/index.html @@ -0,0 +1,167 @@ +--- +title: <time> +slug: Web/HTML/Element/time +tags: + - Element + - HTML + - HTML text-level semantics + - HTML5 + - Reference + - Web +translation_of: Web/HTML/Element/time +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'<strong>element HTML <code><time></code></strong> representa un temps en un rellotge de 24 hores o una data precisa en el calendari gregorià (amb informació opcional sobre el temps i la zona horària).</p> + +<p>Aquest element està destinat a ser utilitzat per la presentació de dates i hores en un format llegible per la màquina. Això pot ser útil per als agents d'usuari que ofereixen qualsevol programació d'esdeveniments per al calendari de l'usuari. </p> + +<div class="note"><strong>Nota d'ùs: </strong>Aquest element no és adequat per als casos en què una data en concret no es pot calcular, ni ha de ser usat per a dates anteriors a la introducció del calendari gregorià (a causa de complicacions amb el càlcul d'aquestes dates).</div> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories" title="HTML/Content_categories">Categories de continguts</a></th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">contingut textual</a>, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">Contingut textual</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>Cap; Tant l'etiqueta d'inici com la final son obligatòries.</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">contingut textual</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLTimeElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Igual que tots els altres elements HTML, aquest element suporta els <a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("datetime")}}</dt> + <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>indica l'hora</span> <span>i</span> <span>la data</span> <span>de l'element i</span> <span>ha de ser una</span> <span>data</span> <span>vàlida</span> <span>amb una cadena</span> <span>de temps</span> <span>opcional</span><span>.</span> <span>Si el valor</span> <span>no</span> <span>es</span> <span>pot</span> <span>analitzar</span> <span>com una</span> <span>data</span> <span>amb una cadena</span> <span>de temps</span> <span>opcional</span><span>, l'element</span> <span>no té una</span> <span>marca de temps</span> <span>associada.</span></span></dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<h3 id="Simple_example" name="Simple_example">Exemple senzill</h3> + +<h4 id="HTML">HTML</h4> + +<pre class="brush: html"><p>The concert starts at <time>20:00</time>.</p> +</pre> + +<h4 id="Sortida">Sortida</h4> + +<p>{{ EmbedLiveSample('Simple_example', 250, 60) }}</p> + +<h3 id="Datetime_example" name="Datetime_example">exemple datetime</h3> + +<h4 id="HTML_2">HTML</h4> + +<pre class="brush: html"><p>The concert took place on <time datetime="2001-05-15T19:00">May 15</time>.</p> +</pre> + +<h4 id="Sortida_2">Sortida</h4> + +<p>{{ EmbedLiveSample('Datetime_example', 250, 60) }}</p> + +<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">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', '#the-time-element', '<time>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Sense canvis des de {{SpecName('HTML5.1')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', 'grouping-content.html#the-time-element', '<time>')}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td>Sense canvis des de {{SpecName('HTML5 W3C')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-time-element', '<time>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Definició inical.</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>33.0</td> + <td>{{CompatGeckoDesktop("22.0")}}</td> + <td>9.0</td> + <td>22.0</td> + <td>7.0</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Característica</th> + <th>Android</th> + <th>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>2.1</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("22.0")}}</td> + <td>10.0</td> + <td>11.50<br> + Removed in 15.0</td> + <td>4.0-4.1</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="See_also" name="See_also">Veure</h2> + +<ul> + <li>L'element {{HTMLElement("data")}}, permet senyalar altre classe de valors.</li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/tr/index.html b/files/ca/web/html/element/tr/index.html new file mode 100644 index 0000000000..c1e6605ad6 --- /dev/null +++ b/files/ca/web/html/element/tr/index.html @@ -0,0 +1,228 @@ +--- +title: <tr> +slug: Web/HTML/Element/tr +tags: + - Element + - HTML + - HTML tabular data + - Reference + - Tables + - Web +translation_of: Web/HTML/Element/tr +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'<em>element HTML fila de taula</em> <code><tr></code> defineix una fila de cel·les d'una taula. Aquests poden ser una barreja de l'elements.{{HTMLElement("td")}} i {{HTMLElement("th")}}.</p> + +<h2 id="Context_d'ùs">Context d'ùs</h2> + +<table class="standard-table"> + <tbody> + <tr> + <td><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content categories">Categories de contingut</a></td> + <td>Cap</td> + </tr> + <tr> + <td>Contingut permès</td> + <td>Zero o més elements {{HTMLElement("td")}} o {{HTMLElement("th")}}, <span class="short_text" id="result_box" lang="ca"><span>o una barreja</span> <span>d'ells</span></span>.</td> + </tr> + <tr> + <td>Omissió de l'etiqueta</td> + <td>L'etiqueta d'inici és obligatòria. L'etiqueta final es pot ometre si l'element {{HTMLElement ("tr")}} és seguit immediatament per un element {{HTMLElement ("tr")}}, o si els elements del grup de taula pare ({{HTMLElement("thead")}}, {{HTMLElement("tbody")}} o {{HTMLElement("tfoot")}}) no tenen més contingut.</td> + </tr> + <tr> + <td>Elements pares permesos</td> + <td>Elements {{HTMLElement("table")}}, {{HTMLElement("thead")}}, {{HTMLElement("tbody")}} o {{HTMLElement("tfoot")}}</td> + </tr> + <tr> + <td>Normativa del document</td> + <td><a class="external" href="http://www.whatwg.org/html/#the-tr-element">HTML, "El element <code>tr</code>"</a></td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs global</a><span style="line-height: 21px;">.</span></p> + +<dl> + <dt>{{htmlattrdef("align")}} {{deprecatedGeneric("inline","html4.01")}}, {{obsoleteGeneric("inline","html5")}}</dt> + <dd>Aquest atribut enumerat especifica com s'aplicarà l'alineació horitzontal del contingut de cada cel·la. Els valors possibles són: + <ul> + <li><code>left</code>, alinea el contingut a l'esquerra de la cel·les</li> + <li><code>center</code>, centra el contingut de la cel·les</li> + <li><code>right</code>, alinea el contingut a la dreta de la cel·les</li> + <li><code>justify</code>, inserta espais en el contingut textual de manera que el contingut es justifica en les cel·les</li> + <li><code>char</code>, alinea el contingut textual en un caràcter especial amb una desplaçament mínim definit per els atributs {{htmlattrxref("char", "tr")}} {{htmlattrxref("charoff", "tr")}} {{unimplemented_inline("2212")}}</li> + </ul> + + <p><span id="result_box" lang="ca"><span>Si aquest</span> <span>atribut</span> <span>no està</span> <span>establert,</span> <span>s'hereta</span> <span>el valor del</span> <span>node</span> <span>pare</span></span>.</p> + + <div class="note"><strong>Nota: </strong> No utilitzeu aquest atribut, ja que és obsolet (no suportat) en l'últim estàndard. + + <ul> + <li>Per aconseguir el mateix efecte que els valors <span style="font-family: courier new;">left</span>, <span style="font-family: courier new;">center</span>, <span style="font-family: courier new;">right</span> or <span style="font-family: courier new;">justify</span> utilitzeu la propietat CSS {{cssxref("text-align")}}.</li> + <li>Per aconseguir el mateix efecte que el valor <code>char</code>, en CSS3, podeu utilitzar el valor de {{htmlattrxref("char", "tr")}} com el valor de la propietat {{cssxref("text-align")}} {{unimplemented_inline}}.</li> + </ul> + </div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("bgcolor")}} {{deprecatedGeneric("inline","html4.01")}}, {{obsoleteGeneric("inline","html5")}}</dt> + <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>defineix</span> <span>el color de fons</span> <span>de cada cel·la</span> <span>de la fila.</span> <span>Pot ser</span> <span>un </span></span><a href="/en-US/docs/CSS/color_value#HTML.2fSVG.2fX11.c2.a0_Color_Keywords" title="CSS/color value#HTML.2fSVG.2fX11.c2.a0 Color Keywords">codi #RRGGBB</a> o una <a href="/#HTML.2fSVG.2fX11.c2.a0_Color_Keywords" title="#HTML.2fSVG.2fX11.c2.a0 Color Keywords">paraula clau color SVG</a>. + <div class="note"><strong>Nota d'ùs: </strong>l'element {{HTMLElement("tr")}} se li ha de donar estil amb <a href="https://developer.mozilla.org/en-US/docs/CSS" title="CSS">CSS</a> . Per donar un efecte similar a l'atribut <strong>bgcolor</strong>, utilitzeu la propietat <a href="https://developer.mozilla.org/en-US/docs/CSS" title="CSS">CSS</a> {{cssxref ("background-color")}}.</div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("char")}} {{deprecatedGeneric("inline","html4.01")}}, {{obsoleteGeneric("inline","html5")}}</dt> + <dd>Aquest atribut s'utilitza per establir el caràcter per alinear les cel·les d'una columna. Els valors típics d'això inclouen un punt (.) en intentar alinear els números o valors monetaris. Si {{htmlattrxref("align", "tr")}} no està establert a <code>char</code>, aquest atribut s'ignora + <div class="note"><strong>Nota: </strong> <strong> </strong>No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard. Per aconseguir el mateix efecte que {{htmlattrxref("char", "tr")}}, en CSS3, podeu utilitzar el joc de caràcters utilitzant l'atribut {{htmlattrxref("char", "tr")}} com el valor de la propietat {{cssxref("text-align")}} {{unimplemented_inline}}.</div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("charoff")}} {{deprecatedGeneric("inline","html4.01")}}, {{obsoleteGeneric("inline","html5")}}</dt> + <dd>Aquest atribut s'utilitza per indicar el nombre de caràcters a desplaçar de les dades de la columna dels caràcters d'alineació especificats per l'atribut <code>char</code>. + <div class="note"><strong>Nota: </strong>No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard.</div> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("valign")}} {{deprecatedGeneric("inline","html4.01")}}, {{obsoleteGeneric("inline","html5")}}</dt> + <dd>Aquest atribut especifica l'alineació vertical del text dins de cada fila de cel·les de la capçalera de la taula. Els valors possibles per aquest atribut són: + <ul> + <li><code>baseline</code>, posarà el text tan a prop de la part inferior de la cel·la com sigui possible, però alineant-ho en la <a class="external" href="http://en.wikipedia.org/wiki/Baseline_%28typography%29" title="http://en.wikipedia.org/wiki/Baseline_(typography)">línia de base (baseline)</a> dels caràcters en lloc de la part inferior d'ells. Si els caràcters són tots de la mida, això té el mateix efecte que <span style="font-family: courier new;">bottom</span>.</li> + <li><code>bottom</code>, posarà el text tan a prop de la part inferior de la cel·la com sigui possible;</li> + <li><code>middle</code>, centra el text en la cel·la;</li> + <li>i <code>top</code>, posarà el text tant a prop de la part superior de la cel·la com sigui possible.</li> + </ul> + + <div class="note"><strong>Note: </strong>No utilitzeu aquest atribut, ja que és obsolet (i no està suportat) en l'últim estàndard: en el seu lloc aplicar la propietat CSS {{cssxref("vertical-align")}}.</div> + </dd> +</dl> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element implementa la interfície {{domxref("HTMLTableRowElement")}}.</p> + +<h2 id="Exemples">Exemples</h2> + +<p>Veure {{HTMLElement("table")}} per exemples de <code><tr></code>.</p> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>align/valign</code></td> + <td>1.0</td> + <td>{{CompatNo}} [1]</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>char/charoff</code></td> + <td>1.0</td> + <td>{{CompatNo}} [2]</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>bgcolor</code> {{Non-standard_inline}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>atribut <code>align/valign</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}} [1]</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>char/charoff</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}} [2]</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>bgcolor</code> {{Non-standard_inline}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] Veure {{bug(915)}}.</p> + +<p>[2] Veure {{bug(2212)}}.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Altres elements HTML relacionats amb taules: {{HTMLElement("caption")}}, {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("td")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}};</li> + <li>Propietats CSS i pseudo-classes que poden ser especialment útils per a l'estil de l'element <code><tr></code>: + <ul> + <li>la pseudo-classe {{cssxref(":nth-child")}} per ajustar l'alineació de les cel·les de la columna;</li> + <li>la propietat {{cssxref("text-align")}} per alinear el contingut de totes les cel·les en el mateix caràcter, com '.'.<</li> + </ul> + </li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/track/index.html b/files/ca/web/html/element/track/index.html new file mode 100644 index 0000000000..024b2cbe3b --- /dev/null +++ b/files/ca/web/html/element/track/index.html @@ -0,0 +1,233 @@ +--- +title: <track> +slug: Web/HTML/Element/track +tags: + - Element + - HTML + - HTML embedded content + - HTML5 + - Multimedia + - Reference + - Web +translation_of: Web/HTML/Element/track +--- +<p>L'<strong>element HTML <code><track></code></strong> s'utilitza com un fill dels elements de mitjans - {{HTMLElement("audio")}} i {{HTMLElement("video")}}. Se li permet especificar pistes de text temporitzat (o dades basades en el temps), per exemple per gestionar automàticament els subtítols. Les pistes estan formatades en format WebVTT (arxius .vtt) - Web Video Text Tracks.</p> + +<p>El tipus de dades que track afegeix al mitjà s'estableix en l'atribut Kind, que pot prendre els valors de <code>subtitles</code>, <code>captions</code>, <code>descriptions</code>, <code>chapters</code> o <code>metadata</code>. L'element apunta a un arxiu d'origen que conté text temporitzat que l'explorador exposa quan l'usuari sol·licita dades addicionals.</p> + +<p>Un element de mitjans no pot tenir més d'un <code>track</code> amb el mateix <code>kind</code>, <code>srclang</code> i <code>label</code>.</p> + +<h2 id="Context_d'ùs">Context d'ùs</h2> + +<table class="standard-table"> + <tbody> + <tr> + <td>Categories de contingut</td> + <td>Cap</td> + </tr> + <tr> + <td>Contingut permès</td> + <td>Cap, es un {{Glossary("empty element")}}.</td> + </tr> + <tr> + <td>Omissió de l'etiqueta</td> + <td><span id="result_box" lang="ca"><span>Ja</span> <span>que és un</span> <span>element</span> <span>buit,</span> <span>l'etiqueta</span> <span>d'inici</span> <span>ha d'estar present</span> <span>i</span> <span>l'etiqueta</span> <span>final</span> <span>no ha d'estar</span> <span>present.</span></span></td> + </tr> + <tr> + <td>Elements pares permesos</td> + <td>Un element de mitjans, abans de qualsevol <a href="/en-US/docs/HTML/Content_categories#Flow_content">contingut dinàmic</a>.</td> + </tr> + <tr> + <td>Normativa del document</td> + <td><a class="external" href="http://dev.w3.org/html5/spec/Overview.html#the-track-element" rel="external nofollow">HTML5, secció 4.8.9</a></td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("default")}}</dt> + <dd>Aquest atribut indica que la pista ha d'estar habilitada llevat que les preferències de l'usuari indiquin que una altra pista és més apropiada. Això només es pot utilitzar en un element track per cada element de mitjans.</dd> + <dt>{{htmlattrdef("kind")}}</dt> + <dd>Com s'utilitza la pista (track) de text. Si s'omet kind, per defecte és <code>subtitles</code>. Si l'atribut no està present, s'utilitzen els <code>subtitles</code>. Si l'atribut conté un valor no vàlid, s'utilitzarà metadata. (Les versions de Chrome anterios a la 52 tracta un valor no vàlid com <code>subtitles</code>.) Es permeten les següents paraules clau: + <ul> + <li><code>subtitles</code> + <ul> + <li>Subtitles proporciona traducció dels continguts que no poden ser entesos per l'espectador. Per exemple el diàleg o text que no és l'anglès en un pel·lícula de parla anglès.</li> + <li>Els subtítols poden incloure contingut addicional, en general informació de fons addicional. Per exemple el text en el començament de les pel·lícules de Star Wars, o la data, hora i lloc de l'escena.</li> + </ul> + </li> + <li><code>captions</code> + <ul> + <li>Subtítols que proporcionen una transcripció i possiblement una traducció d'àudio.</li> + <li>Pot incloure informació no verbal important, com ara pistes de música o efectes de so. Es pot indicar la font de la senyal (per exemple, música, text, caràcter).</li> + <li>Adequat per a usuaris sords o quan el so és silenciat.</li> + </ul> + </li> + <li><code>descriptions</code> + <ul> + <li>Descripció textual del contingut del vídeo.</li> + <li>Adequat per als usuaris que són cecs o que el vídeo no es pot veure.</li> + </ul> + </li> + <li><code>chapters</code> + <ul> + <li>Títols dels capítols que estan destinats a ser utilitzats quan l'usuari està navegant per el recurs dels mitjans.</li> + </ul> + </li> + <li><code>metadata</code> + <ul> + <li><span id="result_box" lang="ca"><span>Pistes</span> <span>utilitzades pels</span> <span>scripts.</span> <span>No</span> <span>visible per a l'</span><span>usuari.</span></span></li> + </ul> + </li> + </ul> + </dd> + <dt>{{htmlattrdef("label")}}</dt> + <dd>Un títol llegible per l'usuari de la pista de text que és utilitzada pel navegador quan s'enumeren les pistes de text disponibles.</dd> + <dt>{{htmlattrdef("src")}}</dt> + <dd><span id="result_box" lang="ca"><span>Direcció</span> <span>de la pista</span> <span>(</span><span>arxiu</span> <code><span>.vtt</span></code><span>)</span><span>.</span> <span>Ha de ser</span> <span>un URL vàlid</span><span>.</span> <span>Aquest</span> <span>atribut</span> <span>s'ha de definir</span><span>.</span></span></dd> + <dt>{{htmlattrdef("srclang")}}</dt> + <dd>Idioma de les dades de text de la pista. Ha de ser una etiqueta d'idioma <a href="http://people.w3.org/rishida/utils/subtags/">BCP 47</a> vàlida. Si s'estableix l'atribut <code>kind</code> en els <code>subtitles</code>, llavors <code>srclang</code> ha de ser definit.</dd> +</dl> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element implementa la interfície {{domxref("HTMLTrackElement")}}.</p> + +<h2 id="Exemples">Exemples</h2> + +<pre class="brush: html"><video controls <span class="highATT">poster=</span><span class="highVAL">"/images/sample.gif"</span>> +<span class="highLT"> <</span><span class="highELE">source</span> <span class="highATT">src=</span><span class="highVAL">"sample.mp4"</span> <span class="highATT">type=</span><span class="highVAL">"video/mp4"</span><span class="highGT">></span> + <source src="sample.ogv" type="video/ogv"> + <track kind="captions" src="sampleCaptions.vtt" srclang="en"> + <track kind="descriptions" src="sampleDescriptions.vtt" srclang="en"> + <track kind="chapters" src="sampleChapters.vtt" srclang="en"> + <track kind="subtitles" src="sampleSubtitles_de.vtt" srclang="de"> + <track kind="subtitles" src="sampleSubtitles_en.vtt" srclang="en"> + <track kind="subtitles" src="sampleSubtitles_ja.vtt" srclang="ja"> + <track kind="subtitles" src="sampleSubtitles_oz.vtt" srclang="oz"> + <track kind="metadata" src="keyStage1.vtt" srclang="en" label="Key Stage 1"> + <track kind="metadata" src="keyStage2.vtt" srclang="en" label="Key Stage 2"> + <track kind="metadata" src="keyStage3.vtt" srclang="en" label="Key Stage 3"> + <!-- Fallback --> + ... +</video> +</pre> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName("HTML5 W3C", "embedded-content-0.html#the-track-element", "<track>")}}</td> + <td>{{Spec2("HTML5 W3C")}}</td> + <td>Definció incial.</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>23</td> + <td>{{CompatGeckoDesktop(24)}}<sup>[2]</sup></td> + <td>10</td> + <td>12.10</td> + <td>6</td> + </tr> + <tr> + <td>atribut <code>src</code> ajustable</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoDesktop(50)}}<sup>[3]</sup></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><span class="short_text" id="result_box" lang="ca"><span>Valor</span> </span><strong>kind </strong><span class="short_text" lang="ca"><span>no vàlid</span> <span>com</span> </span><code>metadata</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</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>Suport bàsic</td> + <td>25<sup>[1]</sup></td> + <td>{{CompatGeckoMobile(24)}}<sup>[2]</sup></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td>atribut <code>src</code> ajustable</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile(50)}}<sup>[3]</sup></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><span class="short_text" id="result_box" lang="ca"><span>Valor</span> </span><strong>kind </strong><span class="short_text" lang="ca"><span>no vàlid</span> <span>com</span> </span><code>metadata</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1]En Chrome per Android, l'element <code><track></code> encara no funciona per vídeo a pantalla completa .</p> + +<p>[2] L'element <code><track></code>, la interfície {{domxref("HTMLTrackElement")}}, i les API associades es van dur a terme en Firefox 24 darrere de la preferència {{pref("media.webvtt.enabled")}}, està desactivat per defecte . Per habilitar el suport WebVTT, establir aquesta preferència en <code>true</code>. WebVTT està activat per defecte a partir del Firefox 31 i es pot desactivar establint la preferència a <code>false</code>.</p> + +<p>[3] Fins a Firefox 50, l'atribut {{htmlattrxref ("src")}} és configurable, però el canvi no aconsegueix manejar-ho adequadament. A partir de Firefox 50, les dades de pista existents s'eliminen correctament, les noves dades de pista es carreguen i es posen en execució, i així successivament.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li><a href="/en-US/docs/HTML/WebVTT">Format de la pista de text WebVTT</a></li> +</ul> + +<p>{{HTMLRef}}</p> diff --git a/files/ca/web/html/element/tt/index.html b/files/ca/web/html/element/tt/index.html new file mode 100644 index 0000000000..d4dc66637a --- /dev/null +++ b/files/ca/web/html/element/tt/index.html @@ -0,0 +1,58 @@ +--- +title: <tt> +slug: Web/HTML/Element/tt +tags: + - Element + - HTML + - Obsolete + - Reference + - Web +translation_of: Web/HTML/Element/tt +--- +<div>{{ obsolete_header() }}</div> + +<h2 id="Sumari">Sumari</h2> + +<p>L'element HTML de text teletip (<code><tt></code>) produeix un element en línia que es mostra amb la font monotip predeterminada del navegador. Aquest element tenia la intenció de donar un estil de text com es mostrar en una pantalla d'amplada fixa, tal com un teletip. Probablement és més comú mostrar el tipus d'amplada fixa utilitzant l'element {{ HTMLElement("code") }}.</p> + +<div class="note">Aquest element és obsolet. Utilitzeu un element més apropiat, com {{ HTMLElement("code") }} o {{ HTMLElement("span") }} amb CSS, al seu lloc.</div> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element no té altres atributs que els <a href="/en-US/docs/Web/HTML/global_attributes" title="HTML/global attributes">atributs globals</a>, comuns a tots els elements.</p> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element implementa la interfície {{domxref('HTMLElement')}}.</p> + +<div class="note"> +<p><strong>Nota d'implementació: </strong>fins Gecko 1.9.2 inclos, Firefox implementa la interfície {{domxref('HTMLSpanElement')}} per a aquest element.</p> +</div> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush:html"><p>Enter the following at the telnet command prompt: <code>set localecho</code><br /> + +The telnet client should display: <tt>Local Echo is on</tt></p> +</pre> + +<h3 id="Resultat">Resultat</h3> + +<p>Enter the following at the telnet command prompt: <code>set localecho</code><br> + The telnet client should display: <code>Local Echo is on</code></p> + +<h2 id="Notes" name="Notes">Notes</h2> + +<ul> + <li>Una regla CSS es pot definir per al selector <code>tt</code> per anul·lar la font per defecte del navegador. Les preferències establertes per l'usuari poden tenir prioritat sobre la CSS especificada.</li> + <li>Encara que aquest element no està desaprovat en l'especificació HTML 4.01, evitar el seu ús en favor de les fulles d'estil.</li> +</ul> + +<h2 id="See_also" name="See_also">Veure</h2> + +<ul> + <li>{{ HTMLElement("code") }}</li> + <li>Especificació HTML 4.01 : <a class="external" href="http://www.w3.org/TR/html4/present/graphics.html#h-15.2">Font Styles</a></li> +</ul> + +<div>{{ HTMLRef }}</div> diff --git a/files/ca/web/html/element/u/index.html b/files/ca/web/html/element/u/index.html new file mode 100644 index 0000000000..bbf2de67a2 --- /dev/null +++ b/files/ca/web/html/element/u/index.html @@ -0,0 +1,99 @@ +--- +title: <u> +slug: Web/HTML/Element/u +tags: + - Element + - HTML + - HTML text-level semantics + - Reference + - Web +translation_of: Web/HTML/Element/u +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'<em>Element HTML Subratllat</em> (<code><u></code>) representa el text amb un subratllat, una línia sota la línia de base del seu contingut.</p> + +<p>En HTML5, aquest element representa un fragment de text no estructurat, encara que explícitament representat com una anotació no textual, alguna cosa així com etiquetar el text com un nom propi en el text xinès (una marca de nom propi xinès), o etiquetar el text com mal escrit.</p> + +<div class="note"><strong>Nota d'ùs: </strong>Igual que amb tots els elements purament d'estil, {{ HTMLElement("u") }} ha estat desaprovat en HTML 4 i XHTML 1, però s'ha tornat a introduir en HTML5 amb altres semàntiques. Si voleu subratllar el text d'una manera no-semàntica, s'ha d'utilitzar un element {{ HTMLElement("span") }}, o un altre element semànticament apropiat, i l'estil, amb la propietat <a href="/en/CSS" title="en/CSS">CSS</a> {{ cssxref("text-decoration") }} amb el valor <span style="font-family: courier new;">underline</span>.</div> + +<h2 id="Context_d'Ùs">Context d'Ùs</h2> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">contingut textual</a>, contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">Contingut textual</a>.</td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">contingut textual</a>.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLElement")}} Fins Gecko 1.9.2 (Firefox 4) inclos, Firefox implementa la interfície {{domxref("HTMLSpanElement")}} per aquest element.</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element només inclou els<span style="line-height: 21px;"> </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> + +<h2 id="Notes_i_Consells"><span class="short_text" id="result_box" lang="ca"><span>Notes</span> <span>i</span> </span> Consells</h2> + +<p style="line-height: 21px;"><strong>Consell:</strong> Evitar l'ús de l'element {{ HTMLElement("u") }} que podria ser confós per un enllaç.</p> + +<div class="note"> +<p><span style="line-height: 21px;"><strong>Nota:</strong> </span>L'especificació HTML 5 recorda als desenvolupadors que hi ha altres elements més apropiats que {{ HTMLElement("u") }}.</p> +</div> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element implementa la interfície <code><a href="/en/DOM/element" title="en/DOM/element">HTMLElement</a></code>.</p> + +<div class="note"><strong>Nota d'implementació: </strong>fins Gecko 1.9.2 inclos, Firefox implementa la interfície {{ domxref("HTMLSpanElement") }} per aquest element.</div> + +<h2 id="Exemple">Exemple</h2> + +<div class="note"> +<p>Els següents exemples són de l'elements que es poden utilitzar en lloc de {{ HTMLElement("u") }}.</p> +</div> + +<pre class="brush: html"><u>Today's Special</u>: Salmon<br /> +<span style="text-decoration:underline;">Today's Special</span>: Salmon +<!-- Here <span> is used as the underlining is purely decorative and it is applied with CSS --> +</pre> + +<p><u>Today's Special</u>: Salmon</p> + +<p><u>Today's Special</u>: Salmon</p> + +<pre class="brush: html"><p><u>All</u> of that is explained in <u>Dive into Python</u></p> +<p><em>All</em> of that is explained in <i>Dive into Python</i></p> +<!-- Here the "All" is marked as stressed, using <em>, while "Dive into Python" is marked as a name using <i> --> </pre> + +<p><u>All</u> of that is explained in <u>Dive into Python</u>.</p> + +<p><em>All</em> of that is explained in<em> Dive into Python</em>.</p> + +<p>A causa de que l'estil per defecte de {{ HTMLElement("em") }} i {{ HTMLElement("i") }} es mostra en cursiva, no obstant això es pot utilitzar CSS per donar estil aquest elements que tinguin un estil de font normal i subratllat.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Els elements {{ HTMLElement("span") }}, {{ HTMLElement("i") }}, {{ HTMLElement("em") }} i {{ HTMLElement("cite") }} <span id="result_box" lang="ca"><span>són</span><span>, segons el cas</span><span>, per a ser</span> <span>utilitzat</span> <span>al seu lloc.</span></span></li> + <li>La propietat CSS {{ cssxref("text-decoration") }} <span id="result_box" lang="ca"><span>es va a</span> <span>utilitzar</span> <span>per aconseguir el primer</span> <span>aspecte visual</span> <span>de</span></span> l'element {{ HTMLElement("u") }} .</li> +</ul> + +<p>{{ languages({"ja":"ja/HTML/Element/u","en":"en/HTML/Element/u"}) }}</p> + +<div>{{ HTMLRef }}</div> diff --git a/files/ca/web/html/element/ul/index.html b/files/ca/web/html/element/ul/index.html new file mode 100644 index 0000000000..d05eef98c9 --- /dev/null +++ b/files/ca/web/html/element/ul/index.html @@ -0,0 +1,181 @@ +--- +title: <ul> +slug: Web/HTML/Element/ul +tags: + - Element + - HTML + - HTML grouping content + - Reference +translation_of: Web/HTML/Element/ul +--- +<p>L'<strong>element HTML</strong> (<em>llista desordenada</em>) <strong><code><ul></code></strong> representa una llista desordenada d'elements, és a dir, un recull d'elements que no tenen un ordre numèric, i el seu ordre a la llista no té sentit. En general, els elements d'una llista desordenada es mostren amb una vinyeta, que pot ser de diverses formes, com un punt, un cercle o un quadrat. L'estil de la vinyeta no està definit en la descripció HTML de la pàgina, sinó en la seva CSS associada, mitjançant la propietat {{ cssxref("list-style-type") }}.</p> + +<p>No hi ha limitació en la profunditat i l'alternança de les llistes niades definides amb els elements {{ HTMLElement("ol") }} i {{ HTMLElement("ul") }}.</p> + +<div class="note"><strong>Nota d'ùs: </strong> Els elements {{ HTMLElement("ol") }} i {{ HTMLElement("ul") }} ambdós representen una llista d'elements. Es diferencien en que, amb l'element {{HTMLElement ("ol")}}, l'ordre és significatiu. Com a regla general per determinar quin d'ells utilitzar, tracteu de canviar l'ordre dels elements de la llista; si canvia el significat teniu que utilitzar l'element {{ HTMLElement("ol") }}, en cas contrari podeu usar {{ HTMLElement("ul") }}.</div> + +<h2 id="Context_d'ùs">Context d'ùs</h2> + +<table class="properties"> + <tbody> + <tr> + <td><a href="/en/HTML/Content_categories" title="en/HTML/Content categories">Categories de contingut</a></td> + <td><a href="/en/HTML/Content_categories#flow_content" title="en/HTML/Content categories#Flow content">Contingut dinàmic</a></td> + </tr> + <tr> + <td>Contingut permès</td> + <td>zero o més elements {{ HTMLElement("li") }}, <span id="result_box" lang="ca"><span>que al seu torn</span> <span>contenen sovint</span> <span>niats</span></span> elements {{ HTMLElement("ol") }} o {{ HTMLElement("ul") }}.</td> + </tr> + <tr> + <td>Omissió de l'etiqueta</td> + <td>cap, tant l'etiqueta inicial com l'etiqueta final són obligatories</td> + </tr> + <tr> + <td>Elements pares permesos</td> + <td>Qualsevol element que accepti contingut dinàmic</td> + </tr> + <tr> + <td>Interfície DOM</td> + <td>{{domxref("HTMLUListElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<dl> +</dl> + +<p>Aquest element inclou els<span style="line-height: 21px;"> </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> + +<dl> + <dt>{{ htmlattrdef("compact") }}{{ Deprecated_inline() }}</dt> + <dd>Aquest atribut booleà dona entendre que la llista hauria de representar-se en un estil compacte. La interpretació d'aquest atribut depèn de l'agent d'usuari i no funciona en tots els navegadors. + <div class="note"><strong>Nota d'ùs: </strong>No utilitzeu aquest atribut, ja que ha quedat en desús: l'element {{ HTMLElement("ul") }} s'ha de donar estil amb <a href="https://developer.mozilla.org/en/CSS" title="en/CSS">CSS</a> . Per donar un efecte similar com l'atribut <code>compact</code>, la propietat <a href="https://developer.mozilla.org/en/CSS" title="en/CSS">CSS</a> <a href="https://developer.mozilla.org/en/CSS/line-height" title="en/CSS/line-height">line-height</a> es pot utilitzar amb un valor del 80%.</div> + </dd> +</dl> + +<dl> + <dt>{{ htmlattrdef("type") }}{{ Deprecated_inline() }}</dt> + <dd>S'utilitza per definir l'estil de vinyeta de la llista. Els valors definits en <a href="/en/HTML3.2" title="en/HTML3.2">HTML3.2</a> i la versió de transició d'<a href="/en/HTML4.01" title="en/HTML4.01">HTML 4.0/4.01</a> són<span style="font-family: monospace;">:</span> + <ul> + <li><code>circle</code>,</li> + <li><code>disc</code>,</li> + <li>and <code>square</code>.</li> + </ul> + + <p>Un quart tipus de vinyeta s'ha definit en la interfície WebTV, però no tots els navegadors el suporten: <code>triangle.</code></p> + + <p>Si no està present i no s'aplica la propietat CSS {{ cssxref("list-style-type") }} a l'element, l'agent d'usuari pot decidir utilitzar un tipus de vinyetes depenent del nivell d'anidament de la llista.</p> + + <div class="note"><strong>Nota d'ùs:</strong> No utilitzeu aquest atribut, ja que ha quedat desaprovat; utilitzeu la propietat CSS {{ cssxref("list-style-type") }} en el seu lloc.</div> + </dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<h3 id="Exemple_senzill">Exemple senzill</h3> + +<pre class="brush: html"><ul> + <li>first item</li> + <li>second item</li> + <li>third item</li> +</ul> +</pre> + +<p>Sortida de l'anterior HTML:</p> + +<ul> + <li>first item</li> + <li>second item</li> + <li>third item</li> +</ul> + +<h3 id="Llistes_niades">Llistes niades</h3> + +<pre class="brush: html"><ul> + <li>first item</li> + <li>second item <!-- Look, the closing </li> tag is not placed here! --> + <ul> + <li>second item first subitem</li> + <li>second item second subitem <!-- Same for the second nested unordered list! --> + <ul> + <li>second item second subitem first sub-subitem</li> + <li>second item second subitem second sub-subitem</li> + <li>second item second subitem third sub-subitem</li> + </ul> + </li> <!-- Closing </li> tag for the li that contains the third unordered list --> + <li>second item third subitem</li> + </ul> + </li> <!-- Here is the closing </li> tag --> + <li>third item</li> +</ul></pre> + +<p>Sortida de l'anterior HTML:</p> + +<ul> + <li>first item</li> + <li>second item + <ul> + <li>second item first subitem</li> + <li>second item second subitem + <ul style=""> + <li>second item second subitem first sub-subitem</li> + <li>second item second subitem second sub-subitem</li> + <li>second item second subitem third sub-subitem</li> + </ul> + </li> + + <li>second item third subitem</li> + </ul> + </li> + + <li>third item</li> +</ul> + +<h3 id="Niar_<ul>_i_<ol>">Niar <ul> i <ol></h3> + +<pre class="brush: html"><ul> + <li>first item</li> + <li>second item <!-- Look, the closing </li> tag is not placed here! --> + <ol> + <li>second item first subitem</li> + <li>second item second subitem</li> + <li>second item third subitem</li> + </ol> + </li> <!-- Here is the closing </li> tag --> + <li>third item</li> +</ul> +</pre> + +<p>Sortida de l'anterior HTML:</p> + +<ul> + <li>first item</li> + <li>second item + <ol> + <li>second item first subitem</li> + <li>second item second subitem</li> + <li>second item third subitem</li> + </ol> + </li> + <li>third item</li> +</ul> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Altres elements HTML relacionats amb llistes: {{ HTMLElement("ol") }}, {{ HTMLElement("li") }}, {{ HTMLElement("menu") }} i el obsolet {{ HTMLElement("dir") }};</li> + <li><span id="result_box" lang="ca"><span>Propietats CSS</span> <span>que poden ser</span> <span>especialment</span> <span>útils</span> <span>per a l'estil</span> <span>de l'element</span> <span><</span><span>ul</span><span>></span><span>:</span></span> + <ul> + <li>la propietat <a href="/en/CSS/list-style" title="en/CSS/list-style">list-style</a>, útil per triar la forma en què es mostra l'ordinal,</li> + <li><a href="/en/CSS_Counters" title="en/CSS_Counters">CSS counters</a>, <span id="result_box" lang="ca"><span>útil per</span> <span>gestionar</span> <span>llistes</span> <span>niades</span> <span>complexes,</span></span></li> + <li>la propietat <a href="/en/CSS/line-height" title="en/CSS/line-height">line-height</a>, <span id="result_box" lang="ca"><span>útil</span> <span>per simular</span> l'atribut obsolet </span>{{ htmlattrxref("compact", "ul") }},</li> + <li>la propietat <a href="/en/CSS/margin" title="en/CSS/margin">margin</a>, <span id="result_box" lang="ca"><span>útil</span> <span>per controlar</span> la </span> sagnia <span lang="ca"><span> de la</span> <span>llista</span></span>.</li> + </ul> + </li> +</ul> + +<p>{{ languages({ "en":"en/HTML/Element/ul", "de":"de/HTML/Element/ul", "ja":"ja/HTML/Element/ul", "pl":"pl/HTML/Element/ul"}) }}</p> + +<p>{{ HTMLRef }}</p> diff --git a/files/ca/web/html/element/var/index.html b/files/ca/web/html/element/var/index.html new file mode 100644 index 0000000000..9c71f48417 --- /dev/null +++ b/files/ca/web/html/element/var/index.html @@ -0,0 +1,65 @@ +--- +title: <var> +slug: Web/HTML/Element/var +tags: + - Element + - HTML + - HTML text-level semantics + - Reference + - Web +translation_of: Web/HTML/Element/var +--- +<h2 id="Sumari">Sumari</h2> + +<p>L'Element HTML variable (<code><var></code>) representa una variable en una expressió matemàtica o un context de programació.</p> + +<h2 id="Context_d'ùs">Context d'ùs</h2> + +<table class="standard-table"> + <tbody> + <tr> + <td>Contingut permès</td> + <td>Contingut textual</td> + </tr> + <tr> + <td>Omissió de l'etiqueta</td> + <td>Ambdos requereixen etiqueta d'inici i final.</td> + </tr> + <tr> + <td>Elements pares permesos</td> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">contingut textual</a>.</td> + </tr> + <tr> + <td>Normativa del document</td> + <td><a href="http://www.whatwg.org/html/#the-var-element">HTML, El element <code>var</code>"</a></td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element només inclou els<span style="line-height: 21px;"> </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> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element implementa la interfície <code><a href="/en-US/docs/DOM/element" title="DOM/element">HTMLElement</a></code>.</p> + +<div class="note"> +<p><strong>Nota d'implementació: </strong>fins Gecko 1.9.2 inclos, Firefox implementa la interfície <a href="/en-US/docs/DOM/span" title="DOM/span"><span style="font-family: courier new;">HTMLSpanElement</span></a> per aquest element.</p> +</div> + +<h2 id="Propietats_típiques_de_l'estil_per_defecte"><span class="short_text" id="result_box" lang="ca"><span>P</span><span>ropietats</span> <span>típiques</span> <span>de l'estil</span> <span>per defecte</span></span></h2> + +<pre class="brush:css">var { + font-style: italic; +} +</pre> + +<h2 id="Exemple">Exemple</h2> + +<pre class="brush:html"><p> A simple equation: <var>x</var> = <var>y</var> + 2 </p> +</pre> + +<p>A simple equation: <var>x</var> = <var>y</var> + 2</p> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/element/video/index.html b/files/ca/web/html/element/video/index.html new file mode 100644 index 0000000000..50633f0855 --- /dev/null +++ b/files/ca/web/html/element/video/index.html @@ -0,0 +1,394 @@ +--- +title: <video> +slug: Web/HTML/Element/video +tags: + - Element + - HTML + - HTML embedded content + - HTML5 + - Media + - Multimedia + - NeedsMobileBrowserCompatibility + - Reference + - Web +translation_of: Web/HTML/Element/video +--- +<p>{{HTMLRef}}</p> + +<p>L'<strong>element HTML <code><vídeo></code></strong> s'utilitza per incrustar el contingut d'un vídeo en un document. L'element video conté una o més fonts de vídeo. Per especificar una font de vídeo, utilitzeu l'atribut <code>src</code> o l'element {{HTMLElement("source")}}; el navegador escollirà el més adequat.</p> + +<p>Per obtenir una llista de formats compatibles, consulteu <a href="/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements">Format dels mitjans admesos pels elements audio i video</a>.</p> + +<h2 id="Context_d'ùs">Context d'ùs</h2> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dnàmic</a>, contingut textual, contingut incrustat. Si té un atribut {{htmlattrxref("controls", "video")}}: contingut interactiu i contingut palpable.</td> + </tr> + <tr> + <th scope="row">Contingut permès</th> + <td> + <p>Si l'element té un atribut {{htmlattrxref("src", "video")}}: zero o més elements {{HTMLElement ("track")}}, seguit pel contingut transparent que no conté elements mitjà - que no són {{HTMLElement("audio")}} o {{HTMLElement("video")}}</p> + + <p>Llavors: zero o més elements {{HTMLElement("source")}}, seguit de zero o més elements {{HTMLElement("track")}}, seguits pel contingut transparent que no conté elements mitjà - que no són {{HTMLElement("audio")}} o {{HTMLElement("video")}}.</p> + </td> + </tr> + <tr> + <th scope="row">Omissió de l'etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Elements pares permesos</th> + <td>Qualsevol element que accepti contingut incrustat.</td> + </tr> + <tr> + <th scope="row">Interfície DOM</th> + <td>{{domxref("HTMLVideoElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p><span id="result_box" lang="ca"><span>Igual</span> <span>que tots els altres</span> <span>elements</span> <span>HTML</span><span>, aquest element</span> <span>és compatible</span> <span>amb</span> <span>els</span></span> <a href="/en-US/docs/HTML/Global_attributes">atributs globals</a>.</p> + +<dl> + <dt>{{htmlattrdef("autoplay")}}</dt> + <dd><span id="result_box" lang="ca"><span>Un atribut</span> <span>booleà</span><span>;</span> <span>si</span> <span>s'especifica,</span> <span>el vídeo</span> <span>comença</span> <span>a reproduir-se</span> <span>automàticament</span> <span>tan aviat</span> <span>com pugui</span> <span>fer-ho sense</span> <span>aturar-se per</span> <span>acabar de</span> <span>carregar</span> <span>les dades.</span></span></dd> + <dd> + <pre>Note: Some versions of Chrome only acknowledge <strong><code>autostart</code></strong>, rather than <strong><code>autoplay</code></strong></pre> + </dd> +</dl> + +<dl> + <dt>{{htmlattrdef("buffered")}}</dt> + <dd>Un atribut que pot llegir per determinar els intervals de temps dels mitjans emmagatzemats en búfer. Aquest atribut conté un objecte {{domxref ("TimeRanges")}}.</dd> + <dt>{{htmlattrdef("controls")}}</dt> + <dd><span id="result_box" lang="ca"><span>Si aquest</span> <span>atribut</span> <span>és present, el</span> <span>navegador ofereix</span> <span>controls</span> <span>per</span> <span>permetre a l'usuari</span> <span>controlar la reproducció</span> <span>de vídeo, incloent</span> <span>el volum,</span> <span>recerca</span> <span>i pausa</span><span>/reprendre</span> <span>la reproducció.</span></span></dd> + <dt>{{htmlattrdef("crossorigin")}}</dt> + <dd>Aquest atribut enumerat indica si s'ha d'utilitzar CORS per recuperar la imatge relacionada. Recursos habilitats per CORS poden ser reutilitzats en l'element {{HTMLElement("canvas")}} sense ser contaminada. Els valors permesos són: + <dl> + <dt>anonymous</dt> + <dd>Envia una petició d'origen creuat sense una credencial. En altres paraules, s'envia a l'origen: capçalera HTTP sense una cookie, certificat X.509, o l'autenticació bàsica HTTP. Si el servidor no dóna credencials al lloc d'origen (si no s'estableix l'Access-Control-Allow-Origin: capçalera HTTP), la imatge quedarà contaminada i el seu ús restringit.</dd> + <dt>use-credentials</dt> + <dd>Envia una petició d'origen creuat amb una credencial. En altres paraules, s'envia a l'origen: capçalera HTTP amb una cookie, un certificat o la realització de l'autenticació bàsica HTTP. Si el servidor no dóna credencials al lloc d'origen (a través d'Access-Control-Allow-Credentials: capçalera HTTP), la imatge estarà contaminada i el seu ús restringit.</dd> + </dl> + Quan no està present, el recurs es recupera sense una sol·licitud CORS (és a dir, sense necessitat d'enviar l'Origen: capçalera HTTP), impedint la seva contaminació utilitzant elements {{HTMLElement('canvas')}}. Si no és vàlid, es maneja com si s'utilitzés la paraula clau enumerat <strong>anonymous</strong>. Veure <a href="https://developer.mozilla.org/en-US/docs/HTML/CORS_settings_attributes">atributs de configuració CORS</a> per obtenir informació addicional.</dd> + <dt>{{htmlattrdef("height")}}</dt> + <dd><span id="result_box" lang="ca"><span>L'alçada</span> <span>de l'àrea</span> <span>de visualització</span> <span>del vídeo</span> <span>en píxels</span> <span>CSS.</span></span></dd> + <dt>{{htmlattrdef("loop")}}</dt> + <dd>Un atribut booleà; si s'especifica, en arribar al final del vídeo, tornarà automàticament de nou al inici.</dd> + <dt>{{htmlattrdef("muted")}}</dt> + <dd>Un atribut booleà que indica la configuració per defecte de l'àudio contingut en el vídeo. Si s'estableix, serà inicialment silenciat l'àudio. El seu valor per defecte és false, el que significa que l'àudio es reprodueix quan es reprodueix el vídeo.</dd> + <dt>{{htmlattrdef("played")}}</dt> + <dd>Un objecte {{domxref ("TimeRanges")}} indica totes els rangs del vídeo que s'han reproduït.</dd> + <dt>{{htmlattrdef("preload")}}</dt> + <dd>Aquest atribut enumerat està destinat a proporcionar un suggeriment al navegador sobre el que l'autor creu que li portarà a una millor experiència d'usuari. Pot tenir un dels següents valors: + <ul> + <li><code>none</code>: <span class="short_text" id="result_box" lang="ca"><span>indica</span> <span>que el vídeo</span> <span>no ha de ser</span> <span>precarregat</span><span>.</span></span></li> + <li><code>metadata</code>: Indica que només s'obtenen metadades de vídeo (per exemple, longitud).</li> + <li><code>auto</code>: indica que tot l'arxiu de vídeo pot ser descarregat, encara que no s'espera que l'usuari ho utilitzi.</li> + <li>el <em>empty string</em>: <span class="short_text" id="result_box" lang="ca"><span>sinònim</span> <span>del valor</span> </span><code>auto</code>.</li> + </ul> + + <p><span id="result_box" lang="ca"><span>Si</span> <span>no s'estableix</span>, <span>el valor predeterminat</span> <span>és</span> <span>definit</span> <span>pel navegador</span> <span>(</span><span>és a dir,</span> <span>cada</span> <span>navegador pot</span> <span>tenir el seu valor</span> <span>per defecte).</span> <span>L'especificació</span> <span>informa</span> <span>que s'estableixi en</span> <span>les</span></span> <code>metadata</code>.</p> + + <div class="note"><strong>Nota d'ùs:</strong> + + <ul> + <li>L'atribut <code>autoplay</code> té prioritat sobre la precàrrega. Si s'especifica la reproducció automàtica, el navegador necessitarà òbviament començar a descarregar el video per a la seva reproducció.</li> + <li>L'especificació no força el navegador a seguir el valor d'aquest atribut; és un mer suggeriment.</li> + </ul> + </div> + </dd> + <dt>{{htmlattrdef("poster")}}</dt> + <dd>Un URL que indica un cartell a mostrar fins que l'usuari reprodueixi o busqui. Si no s'especifica aquest atribut, no es mostra res fins que el primer fotograma estigui disponible; a continuació, el primer fotograma es mostra com el cartell.</dd> + <dt>{{htmlattrdef("src")}}</dt> + <dd>La URL del vídeo a incrustar. Això és opcional; en el seu lloc podeu utilitzar l'element {{HTMLElement("source")}} dins el bloc de vídeo per especificar el vídeo al incrustar.</dd> + <dt>{{htmlattrdef("width")}}</dt> + <dd><span id="result_box" lang="ca"><span>L'amplada</span> <span>de l'àrea</span> <span>de visualització</span> <span>del vídeo</span> <span>en píxels</span> <span>CSS.</span></span></dd> +</dl> + +<h2 id="Esdeveniments">Esdeveniments</h2> + +<p><span class="short_text" id="result_box" lang="ca"><span>L'element</span> <code><span><</span><span>vídeo</span><span>></span></code> <span>pot disparar</span> <span>molts</span> <span>diferents</span></span> <a href="/en-US/docs/Web/Guide/Events/Media_events">esdeveniments</a>.</p> + +<h2 id="Exemples">Exemples</h2> + +<pre class="brush: html"><!-- Simple video example --> +<video src="videofile.webm" autoplay poster="posterimage.jpg"> + Sorry, your browser doesn't support embedded videos, + but don't worry, you can <a href="videofile.webm">download it</a> + and watch it with your favorite video player! +</video> + +<!-- Video with subtitles --> +<video src="foo.webm"> + <track kind="subtitles" src="foo.en.vtt" srclang="en" label="English"> + <track kind="subtitles" src="foo.sv.vtt" srclang="sv" label="Svenska"> +</video> +</pre> + +<p>El primer exemple reprodueix un vídeo, comença la reproducció quant s'hagi rebut prou vídeo per permetre la reproducció sense pauses per descarregar més. Fins que el vídeo comenci a reproduir-se, la imatge "posterimage.jpg" es mostra en el seu lloc.</p> + +<p><span id="result_box" lang="ca"><span>El segon</span> <span>exemple</span> <span>permet a l'usuari</span> <span>triar entre</span> <span>diferents</span> <span>subtítols.</span></span></p> + +<h2 id="Exemple_Múltiples_Fonts">Exemple <span class="short_text" id="result_box" lang="ca"><span>Múltiples </span></span><span class="short_text" lang="ca"><span>Fonts</span></span></h2> + +<pre class="brush: html"><video width="480" controls poster="https://archive.org/download/WebmVp8Vorbis/webmvp8.gif" > + <source src="https://archive.org/download/WebmVp8Vorbis/webmvp8.webm" type="video/webm"> + <source src="https://archive.org/download/WebmVp8Vorbis/webmvp8_512kb.mp4" type="video/mp4"> + <source src="https://archive.org/download/WebmVp8Vorbis/webmvp8.ogv" type="video/ogg"> + Your browser doesn't support HTML5 video tag. +</video></pre> + +<p>Podeu provar l'exemple anterior en l'exemple de demostració de vídeo HTML5 amb l'editor de codi de previsualització en viu.</p> + +<h2 id="Suport_de_servidor">S<span class="short_text" id="result_box" lang="ca"><span>uport de servidor</span></span></h2> + +<p>Si el tipus MIME pel video no està configurat correctament en el servidor, el vídeo no es pot mostrar o mostrar un quadre gris que conté una X (si JavaScript està habilitat).</p> + +<p>Si utilitzeu el servidor web Apache per publicar vídeos Ogg Theora, podeu solucionar aquest problema mitjançant l'addició de les extensions de tipus d'arxius de vídeo a "video/ogg" tipus MIME. Les extensions de tipus d'arxiu de vídeo més comuns són ".ogm", ".ogv" o ".ogg". Per a això, editeu el fitxer "mime.types" a "/etc/ apache" o utilitzar la directiva de configuració "AddType" a httpd.conf.</p> + +<pre class="eval">AddType video/ogg .ogm +AddType video/ogg .ogv +AddType video/ogg .ogg +</pre> + +<p>Si publiqueu els vostres vídeos com WebM, podeu solucionar aquest problema per al servidor web Apache afegint l'extensió utilitzada pels arxius de vídeo (".webm" és el més comú) per al tipus MIME "video/WebM" a través del arxiu "mime.types" en "/etc/ apache" o per mitjà de la directiva de configuració "AddType" en httpd.conf.</p> + +<pre class="eval">AddType video/webm .webm +</pre> + +<p>El vostre proveïdor d'allotjament web pot proporcionar una interfície fàcil dels canvis de configuració de tipus MIME per a les noves tecnologies fins que una actualització global es produeix de forma natural.</p> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element implementa la interfície <code><a href="/en-US/docs/Web/API/HTMLVideoElement">HTMLVideoElement</a></code>.</p> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>3.0</td> + <td>{{CompatGeckoDesktop("1.9.1")}}</td> + <td>9.0</td> + <td>10.5</td> + <td>3.1</td> + </tr> + <tr> + <td>atribut <code>autoplay</code></td> + <td>3.0</td> + <td>{{CompatGeckoDesktop("1.9.1")}}</td> + <td>9.0</td> + <td>10.5</td> + <td>3.1</td> + </tr> + <tr> + <td>atribut <code>buffered</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>controls</code></td> + <td>3.0</td> + <td>{{CompatGeckoDesktop("1.9.1")}}</td> + <td>9.0</td> + <td>10.5</td> + <td>3.1</td> + </tr> + <tr> + <td>atribut <code>crossorigin</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoDesktop("12.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>loop</code></td> + <td>3.0</td> + <td>{{CompatGeckoDesktop("11.0")}}</td> + <td>9.0</td> + <td>10.5</td> + <td>3.1</td> + </tr> + <tr> + <td>atribut <code>muted</code></td> + <td>30.0</td> + <td>{{CompatGeckoDesktop("11.0")}}</td> + <td>10.0</td> + <td>{{CompatVersionUnknown}}</td> + <td>5.0</td> + </tr> + <tr> + <td><code>propietat played</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoDesktop("15.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>poster</code></td> + <td>3.0</td> + <td>{{CompatGeckoDesktop("1.9.2")}}</td> + <td>9.0</td> + <td>10.5</td> + <td>3.1</td> + </tr> + <tr> + <td>atribut <code>preload</code></td> + <td>3.0</td> + <td>{{CompatGeckoDesktop("2.0")}}</td> + <td>9.0</td> + <td>{{CompatVersionUnknown}}</td> + <td>3.1</td> + </tr> + <tr> + <td>atribut <code>src</code></td> + <td>3.0</td> + <td>{{CompatGeckoDesktop("1.9.1")}}</td> + <td>9.0</td> + <td>10.5</td> + <td>3.1</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>Suport bàsic</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>autoplay</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>8.1</td> + <td>{{CompatUnknown}}</td> + <td>10.0<sup>[1]</sup></td> + </tr> + <tr> + <td>atribut <code>buffered</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>controls</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>loop</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("11.0")}}</td> + <td>8.0</td> + <td>{{CompatUnknown}}</td> + <td>6.0</td> + </tr> + <tr> + <td>atribut <code>muted</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("11.0")}}</td> + <td>8.0</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>propietat played</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("15.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>poster</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>preload</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>src</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>crossorigin</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("12.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] A partir d'IOS 10, la reproducció automàtica és permissible només per als vídeos que <a href="https://developer.apple.com/library/prerelease/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_10_0.html">no tenen cap so o que tenen la pista d'àudio deshabilitat.</a></p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li><a href="/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements">Formats de mitjans suportats pels elements audio i video</a></li> + <li>{{htmlelement("audio")}}</li> + <li><a href="/en-US/docs/Using_HTML5_audio_and_video">L'ùs d'HTML5 audio i video</a></li> + <li><a href="/en-US/docs/Manipulating_video_using_canvas">Manipulan video usant canvas</a></li> + <li><a href="/en-US/docs/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement"><code>nsIDOMHTMLMediaElement</code></a></li> + <li><a class="external" href="https://html.spec.whatwg.org/#the-video-element">L'element <code>video</code></a> (especificació HTML5 )</li> + <li><a href="/en-US/docs/Configuring_servers_for_Ogg_media">Configuració de servidors de mitjans Ogg</a></li> + <li><a href="http://www.jwplayer.com/html5/">L'estat de video en HTML5</a></li> +</ul> diff --git a/files/ca/web/html/element/wbr/index.html b/files/ca/web/html/element/wbr/index.html new file mode 100644 index 0000000000..c23f22dd6e --- /dev/null +++ b/files/ca/web/html/element/wbr/index.html @@ -0,0 +1,112 @@ +--- +title: <wbr> +slug: Web/HTML/Element/wbr +tags: + - Element + - HTML + - HTML text-level semantics + - Reference + - Web +translation_of: Web/HTML/Element/wbr +--- +<div>{{HTMLRef}}</div> + +<p>L'element HTML <em>oportunitat de ruptura de la paraula</em> <code><wbr></code> representa una posició dins d'un text en el qual el navegador pot trencar opcionalment una línia, malgrat les seves regles de divisió de línies, no crearien una interrupció en aquest lloc.</p> + +<p>En pàgines codificades UTF-8 , <code><wbr></code> es comporta com el punt de codi <code>U+200B</code> <code>ZERO-WIDTH SPACE</code>. En particular, es comporta com un punt de codi Unicode bidi BN, el que significa que no té efecte sobre bidi-ordering: <code><div dir=rtl></code>123, <code><wbr></code>456<code></div></code> mostra, quan no està trencada en dues línies, <code>123,456</code> i no <code>456,123</code>.</p> + +<p>Per la mateixa raó, l'element <code><wbr></code> no introdueix un guió en el punt d'interrupció de línia. Perquè aparegui un guió només al final d'una línia, utilitzeu l'entitat de caràcter de guió tou (<code>&shy;</code>).</p> + +<p><span id="result_box" lang="ca"><span>Aquest</span> <span>element</span> <span>es va implementar</span> <span>per primera</span> <span>vegada</span> <span>a Internet</span> <span>Explorer</span> <span>5.5</span> <span>i</span> <span>es va definir</span> <span>oficialment</span> <span>en HTML5.</span></span></p> + +<h2 id="Context_d'ùs">Context d'ùs</h2> + +<table class="standard-table"> + <tbody> + <tr> + <td>Contingut permès</td> + <td>Buit</td> + </tr> + <tr> + <td>Omissió de l'etiqueta</td> + <td>És un {{Glossary("empty element")}}; <span id="result_box" lang="ca"><span>ha de tenir una</span> <span>etiqueta</span> <span>d'inici,</span> <span>però</span> <span>no ha de tenir</span> <span>una etiqueta</span> <span>de tancament.</span></span></td> + </tr> + <tr> + <td>Elements pares permesos</td> + <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">contingut textual</a>.</td> + </tr> + <tr> + <td>Normativa del document</td> + <td><a class="external" href="http://dev.w3.org/html5/spec/text-level-semantics.html#the-wbr-element">HTML 5, secció 4.6.24</a></td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element només inclou els <a href="/en-US/docs/HTML/Global_attributes">atributs global</a>.</p> + +<h2 id="Interfície_DOM">Interfície DOM</h2> + +<p>Aquest element implementa la interfície <a href="/en-US/docs/DOM/HTMLElement">HTMLElement</a>.</p> + +<h2 id="Exemple">Exemple</h2> + +<p><em><a class="external" href="http://styleguide.yahoo.com/">La Guia d'Estil de Yahoo</a> </em>recomana <a class="external" href="http://styleguide.yahoo.com/editing/treat-abbreviations-capitalization-and-titles-consistently/website-names-and-addresses">trencar una adreça URL aban de la puntuació</a>, per evitar deixar un signe de puntuació al final de la línia, que el lector pugui confondre amb el final de la URL.</p> + +<pre class="brush: html"><p>http://this<wbr>.is<wbr>.a<wbr>.really<wbr>.long<wbr>.example<wbr>.com/With<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages</p> +</pre> + +<p>{{EmbedLiveSample("Example")}}</p> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>1.0</td> + <td>1.0</td> + <td>{{CompatNo}}<sup>[1]</sup></td> + <td>11.7</td> + <td>4.0</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>Suport bàsic</td> + <td>1.5</td> + <td>1.0</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] <span id="result_box" lang="ca"><span>El suport a</span> <span>l'etiqueta</span> </span><code><wbr></code><span lang="ca"> <span>es va introduir</span> <span>a Internet</span> <span>Explorer</span> <span>5.5,</span> <span>encara que</span> <span>és va retira</span> <span>de nou en la</span> <span>versió 7</span><span>.</span></span></p> diff --git a/files/ca/web/html/element/xmp/index.html b/files/ca/web/html/element/xmp/index.html new file mode 100644 index 0000000000..0135b49522 --- /dev/null +++ b/files/ca/web/html/element/xmp/index.html @@ -0,0 +1,46 @@ +--- +title: <xmp> +slug: Web/HTML/Element/xmp +tags: + - Element + - HTML + - Obsolete + - Reference + - Web +translation_of: Web/HTML/Element/xmp +--- +<div>{{Obsolete_header}}</div> + +<h2 id="Summary" name="Summary">Sumari</h2> + +<p>L'<em>Element HTML Exemple</em> (<code><xmp></code>) processa el text entre les etiquetes d'inici i de finalització sense interpretar l'HTML entre elles i usar una font de pas fix. L'especificació HTML2 va recomanar que hauria de ser suficientment àmplia per permetre 80 caràcters per línia.</p> + +<div class="note"><strong>Nota: </strong> <span class="short_text" id="result_box" lang="ca"><span>No utilitzeu</span> <span>aquest</span> <span>element.</span></span> + +<ul> + <li>Està desaprovat des d'HTML3.2 i no va ser implementat d'una manera consistent. Va ser retirat per complet del llenguatge en HTML5.</li> + <li>Utilitzar l'element {{HTMLElement("pre")}} o, si és més adequat semànticament, l'element {{HTMLElement("code")}} al seu lloc. Recordeu que és necessari evitar el caràcter '<code><</code>' com '<code>&lt;</code>' per assegurar-se que no s'interpreti com marcat.</li> + <li>Una font de pas fix també es pot obtenir en qualsevol element, aplicant un estil <a href="/en-US/docs/CSS" title="CSS">CSS</a> adequat usant espai senzill com el valor genèric de la font amb la propietat {{cssxref ("font-family")}}.</li> +</ul> +</div> + +<h2 id="Attributes" name="Attributes">Atributs</h2> + +<p>Aquest element no té altres atributs que els <a href="/en-US/docs/Web/HTML/global_attributes" title="HTML/global attributes">atributs globals</a>, comuns a tots els elements.</p> + +<h2 id="DOM_interface" name="DOM_interface">Interfície DOM</h2> + +<p>Aquest element implementa la interfície {{domxref('HTMLElement')}}.</p> + +<div class="note"> +<p><strong>Nota d'implementació: </strong>fins Gecko 1.9.2 inclòs, Firefox implementa la interfície {{domxref('HTMLSpanElement')}} per aquest element.</p> +</div> + +<h2 id="See_also" name="See_also">Veure</h2> + +<ul> + <li>Els elements {{HTMLElement("pre")}} i {{HTMLElement("code")}} per utilitzar en el seu lloc.</li> + <li>Els elements {{HTMLElement("plaintext")}} i {{HTMLElement("listing")}}, similars a {{HTMLElement("xmp")}} però estan obsolets.</li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/ca/web/html/elements_en_línia/index.html b/files/ca/web/html/elements_en_línia/index.html new file mode 100644 index 0000000000..0ec8db2c0d --- /dev/null +++ b/files/ca/web/html/elements_en_línia/index.html @@ -0,0 +1,82 @@ +--- +title: Elements en línia +slug: Web/HTML/Elements_en_línia +tags: + - Beginner + - HTML + - 'HTML:Element Reference' +translation_of: Web/HTML/Inline_elements +--- +<h2 id="Summary" name="Summary">Sumari</h2> + +<p>Els elements HTML (Hypertext Markup Language) solen ser elements "en línia" o elements a "nivell de bloc". Un element en línia ocupa només l'espai delimitat per les etiquetes que defineixen l'element en línia. El següent exemple demostra la influència de l'element en línia:</p> + +<h2 id="Inline_example" name="Inline_example">Exemple en línia</h2> + +<h3 id="HTML">HTML</h3> + +<pre class="brush: html"><p>This <span>span</span> is an inline element; its background has been colored to display both the beginning and end of the inline element's influence</p></pre> + +<h3 id="CSS">CSS</h3> + +<pre class="brush: css">span { background-color: #8ABB55; } +</pre> + +<p>{{ EmbedLiveSample('Inline_example') }}</p> + +<h2 id="En_línia_vs._nivell_de_bloc">En línia vs. nivell de bloc</h2> + +<dl> + <dt>Model de contingut</dt> + <dd>En general, els elements en línia poden contenir únicament les dades i altres elements en línia.</dd> + <dt>Format</dt> + <dd>Per defecte, els elements en línia no comencen amb nova línia.</dd> +</dl> + +<h2 id="Elements" name="Elements">Elements</h2> + +<p>Els següents elements són "en línia":</p> + +<div class="threecolumns"> +<dl> + <dt>{{ HTMLElement("a") }}</dt> + <dt>{{ HTMLElement("b") }}</dt> + <dt>{{ HTMLElement("big") }}</dt> + <dt>{{ HTMLElement("i") }}</dt> + <dt>{{ HTMLElement("small") }}</dt> + <dt>{{ HTMLElement("tt") }}</dt> + <dt>{{ HTMLElement("abbr") }}</dt> + <dt>{{ HTMLElement("acronym") }}</dt> + <dt>{{ HTMLElement("cite") }}</dt> + <dt>{{ HTMLElement("code") }}</dt> + <dt>{{ HTMLElement("dfn") }}</dt> + <dt>{{ HTMLElement("em") }}</dt> + <dt>{{ HTMLElement("kbd") }}</dt> + <dt>{{ HTMLElement("strong") }}</dt> + <dt>{{ HTMLElement("samp") }}</dt> + <dt>{{ HTMLElement("time") }}</dt> + <dt>{{ HTMLElement("var") }}</dt> + <dt>{{ HTMLElement("a") }}</dt> + <dt>{{ HTMLElement("bdo") }}</dt> + <dt>{{ HTMLElement("br") }}</dt> + <dt>{{ HTMLElement("img") }}</dt> + <dt>{{ HTMLElement("map") }}</dt> + <dt>{{ HTMLElement("object") }}</dt> + <dt>{{ HTMLElement("q") }}</dt> + <dt>{{ HTMLElement("script") }}</dt> + <dt>{{ HTMLElement("span") }}</dt> + <dt>{{ HTMLElement("sub") }}</dt> + <dt>{{ HTMLElement("sup") }}</dt> + <dt>{{ HTMLElement("button") }}</dt> + <dt>{{ HTMLElement("input") }}</dt> + <dt>{{ HTMLElement("label") }}</dt> + <dt>{{ HTMLElement("select") }}</dt> + <dt>{{ HTMLElement("textarea") }}</dt> +</dl> +</div> + +<h2 id="See_also" name="See_also">Veure</h2> + +<ul> + <li><a href="/en/HTML/Block-level_elements" title="en/HTML/Block-level_elements">Elements a nivell de bloc</a></li> +</ul> diff --git a/files/ca/web/html/global_attributes/accesskey/index.html b/files/ca/web/html/global_attributes/accesskey/index.html new file mode 100644 index 0000000000..fb7e6062d4 --- /dev/null +++ b/files/ca/web/html/global_attributes/accesskey/index.html @@ -0,0 +1,143 @@ +--- +title: accesskey +slug: Web/HTML/Global_attributes/accesskey +tags: + - Global attributes + - HTML + - Reference +translation_of: Web/HTML/Global_attributes/accesskey +--- +<p>{{HTMLSidebar("Global_attributes")}}</p> + +<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global </a><strong>accesskey</strong> ofereix un suggeriment per generar una drecera de teclat per a l'element actual. Aquest atribut consisteix en una llista separada per espais de caràcters (un únic punt de codi Unicode). El navegador utilitza la primera que existeix en la distribució del teclat de l'ordinador.</p> + +<p>L'operació per activar l'accesskey depèn de navegador i la seva plataforma.</p> + +<table class="standard-table"> + <tbody> + <tr> + <th> </th> + <th>Windows</th> + <th>Linux</th> + <th>Mac</th> + </tr> + <tr> + <th>Firefox</th> + <td colspan="2" rowspan="1" style="text-align: center;"><kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd><em>key</em></kbd></td> + <td>En Firefox 14 o superior, <kbd>Control</kbd> + <kbd>Alt</kbd> + <kbd><em>key</em></kbd><br> + En Firefox 13 o anterior, <kbd>Control</kbd> + <kbd><em>key</em></kbd></td> + </tr> + <tr> + <th>Internet Explorer</th> + <td><kbd>Alt</kbd> + <kbd><em>key</em></kbd></td> + <td colspan="2" rowspan="1">N/A</td> + </tr> + <tr> + <th>Google Chrome</th> + <td colspan="2" rowspan="1" style="text-align: center;"><kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd><em>key</em></kbd></td> + <td><kbd>Control</kbd> + <kbd>Alt</kbd> + <kbd><em>key</em></kbd></td> + </tr> + <tr> + <th>Safari</th> + <td><kbd>Alt</kbd> + <kbd><em>key</em></kbd></td> + <td>N/A</td> + <td><kbd>Control</kbd> + <kbd>Alt</kbd> + <kbd><em>key</em></kbd></td> + </tr> + <tr> + <th>Opera</th> + <td colspan="3" rowspan="1"><kbd>Shift</kbd> + <kbd>Esc</kbd> s'obre una llista de continguts que són accessibles per accesskey i, a continuació, pot seleccionar un element fent clic <kbd><em>key</em></kbd></td> + </tr> + </tbody> +</table> + +<p><span id="result_box" lang="ca"><span>Recordeu que</span> <span>Firefox es pot</span> <span>personalitzar</span> <span>la tecla</span> <span>de modificació</span> <span>requerida per les</span> <span>preferències de l'usuari</span><span>.</span></span></p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', "interaction.html#the-accesskey-attribute", "accesskey")}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Sense canvis des de l'última instantània , {{SpecName('HTML5.1')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', "editing.html#the-accesskey-attribute", "accesskey")}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td>Instantània de {{SpecName('HTML WHATWG')}}, sense canvis des de {{SpecName('HTML5 W3C')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', "editing.html#the-accesskey-attribute", "accesskey")}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Instantània de {{SpecName('HTML WHATWG')}}. Des de {{SpecName('HTML4.01')}}, diversos caràcters es poden establir com accesskey. A més, es pot configurar en qualsevol element.</td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', "interact/forms.html#h-17.11.2", "accesskey")}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td>Unicament suportat en {{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("label") }}, {{ HTMLElement("legend") }} i {{ HTMLElement("textarea") }}</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Tots els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li> +</ul> diff --git a/files/ca/web/html/global_attributes/class/index.html b/files/ca/web/html/global_attributes/class/index.html new file mode 100644 index 0000000000..e1e91991eb --- /dev/null +++ b/files/ca/web/html/global_attributes/class/index.html @@ -0,0 +1,106 @@ +--- +title: class +slug: Web/HTML/Global_attributes/class +tags: + - Global attributes + - HTML + - Reference +translation_of: Web/HTML/Global_attributes/class +--- +<div>{{HTMLSidebar("Global_attributes")}}</div> + +<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <strong>class</strong> és una llista separada per espais de les classes de l'element. Les classes permeten a CSS i Javascript seleccionar i accedir a elements específics a través dels <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Class_selectors">selectors de classe</a> o funcions com el mètode DOM {{domxref("document.getElementsByClassName")}}.</p> + +<p>Encara que l'especificació no posa requisits en el nom de les classes, s'anima als desenvolupadors web a utilitzar noms que descriguin el propòsit semàntic de l'element, en lloc de la presentació de l'element (Per exemple, <em>atribut</em> per descriure un atribut en lloc de <em>cursiva</em>, encara que un element d'aquesta classe pot presentar-se en <em>cursiva</em>). Els noms semàntics segueixen sent lògics encara que la presentació de la pàgina canviï.</p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', "elements.html#classes", "class")}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Sense canvis des de l'última instantània , {{SpecName('HTML5.1')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', "elements.html#classes", "class")}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td>Instantània de {{SpecName('HTML WHATWG')}}, sense canvis des de {{SpecName('HTML5 W3C')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', "elements.html#classes", "class")}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Instantània de {{SpecName('HTML WHATWG')}}. Des de {{SpecName('HTML4.01')}}, <code>class</code> és ara un veritable atribut global.</td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', "struct/global.html#h-7.5.2", "class")}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td>Suportat en tots els elements però {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("param")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}}, i {{HTMLElement("title")}}.</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}} [1]</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] <code>class</code> és un veritable atribut global només a partir de Firefox 32.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Tots els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li> +</ul> diff --git a/files/ca/web/html/global_attributes/contenteditable/index.html b/files/ca/web/html/global_attributes/contenteditable/index.html new file mode 100644 index 0000000000..10fb43c949 --- /dev/null +++ b/files/ca/web/html/global_attributes/contenteditable/index.html @@ -0,0 +1,107 @@ +--- +title: contenteditable +slug: Web/HTML/Global_attributes/contenteditable +tags: + - Global attributes + - HTML + - Reference +translation_of: Web/HTML/Global_attributes/contenteditable +--- +<p>{{HTMLSidebar("Global_attributes")}}</p> + +<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <strong>contenteditable</strong> és un atribut enumerat que indica si l'element ha de ser modificable per l'usuari. Si és així, el navegador modifica el seu widget per permetre l'edició. L'atribut ha de prendre un dels següents valors:</p> + +<ul> + <li><span style="font-family: courier new;">true</span> o <em>cadena buida</em>, indica que l'element ha de ser editable;</li> + <li><span style="font-family: courier new;">false</span>, indica que l'element no ha de ser editable</li> +</ul> + +<p>Si aquest atribut no està definit, el seu valor per defecte és <em>heretat</em> del seu element pare.</p> + +<p>Aquest és un atribut enumerat i no un booleà. Això vol dir que l'ús explícit d'un dels valors <span style="font-family: courier new;">true</span>, <span style="font-family: courier new;">false</span> o empty string és obligatori i que no està permès una forma abreujada com <code><label contenteditable></code> Exemple d'etiqueta <code></label></code> . L'ús correcte és <code><label contenteditable="true"></code> Exemple d'etiqueta <code></label></code> .</p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', "editing.html#attr-contenteditable", "contenteditable")}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', "editing.html#attr-contenteditable", "contenteditable")}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td>Instantània de {{SpecName('HTML WHATWG')}}, sense canvis des de {{SpecName('HTML5 W3C')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', "editing.html#attr-contenteditable", "contenteditable")}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Instantània de {{SpecName('HTML WHATWG')}}, definició inicial.</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatGeckoDesktop("1.9") }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</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>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatGeckoMobile("1.9") }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a></li> + <li>{{domxref("HTMLElement.contentEditable")}} i {{domxref("HTMLElement.isContentEditable")}}</li> +</ul> diff --git a/files/ca/web/html/global_attributes/contextmenu/index.html b/files/ca/web/html/global_attributes/contextmenu/index.html new file mode 100644 index 0000000000..220950716f --- /dev/null +++ b/files/ca/web/html/global_attributes/contextmenu/index.html @@ -0,0 +1,117 @@ +--- +title: contextmenu +slug: Web/HTML/Global_attributes/contextmenu +tags: + - Global attributes + - HTML + - Reference +translation_of: Web/HTML/Global_attributes/contextmenu +--- +<div>{{HTMLSidebar("Global_attributes")}}</div> + +<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <code><strong>contextmenu</strong></code> és l'<strong><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id">id</a></strong> d'un {{HTMLElement("menu")}} per ser utilitzat com el menú contextual d'aquest element.</p> + +<p>Un <em>menú contextual</em> és un menú que apareix després de la interacció de l'usuari, com un clic dret. HTML5 ara ens permet personalitzar aquest menú. Aquests són alguns exemples d'implementació, incloent menús niats.</p> + +<h2 id="Exemple">Exemple</h2> + +<h3 id="HTML">HTML</h3> + +<pre class="brush:html; highlight:[1,10,15]"><body contextmenu="share"> + <menu type="context" id="share"> + <menu label="share"> + <menuitem label="Twitter" onclick="shareViaTwitter()"></menuitem> + <menuitem label="Facebook" onclick="shareViaFacebook()"></menuitem> + </menu> + </menu> + <ol> + <li> + Anywhere in the example you can share the page on Twitter and + Facebook using the Share menu from your context menu. + </li> + <li contextmenu="changeFont" id="fontSizing"> + On this specific list element, you can change the size of the text + by using the "Increase/Decrease font" actions from your context menu + </li> + <menu type="context" id="changeFont"> + <menuitem label="Increase Font" onclick="incFont()"></menuitem> + <menuitem label="Decrease Font" onclick="decFont()"></menuitem> + </menu> + <li contextmenu="ChangeImage" id="changeImage"> + On the image below, you can fire the "Change Image" action + in your Context Menu.<br /> + <img src="https://developer.mozilla.org/media/img/promote/promobutton_mdn5.png" + contextmenu="ChangeImage" id="promoButton" /> + <menu type="context" id="ChangeImage"> + <menuitem label="Change Image" onclick="changeImage()"></menuitem> + </menu> + </li> + </ol> +</body> +</pre> + +<h3 id="JavaScript">JavaScript</h3> + +<pre class="brush:js">function shareViaTwitter() { + window.open("https://twitter.com/intent/tweet?text=" + + "Hurray! I am learning ContextMenu from MDN via Mozilla"); +} + +function shareViaFacebook() { + window.open("https://facebook.com/sharer/sharer.php?u=" + + "https://developer.mozilla.org/en/HTML/Element/Using_HTML_context_menus"); +} + +function incFont() { + document.getElementById("fontSizing").style.fontSize = "larger"; +} + +function decFont() { + document.getElementById("fontSizing").style.fontSize = "smaller"; +} + +function changeImage() { + var index = Math.ceil(Math.random() * 39 + 1); + document.images[0].src = + "https://developer.mozilla.org/media/img/promote/promobutton_mdn" + + index + ".png"; +}</pre> + +<h3 id="Resultat">Resultat</h3> + +<p>{{EmbedLiveSample("Example", "100%", 400)}}</p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', "forms.html#attr-contextmenu", "contextmenu")}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', "interactive-elements.html#context-menus", "contextmenu")}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td>Instantània de {{SpecName('HTML WHATWG')}}, definició inicial.</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> + +<p>{{Compat("html.global_attributes.contextmenu")}}</p> + +<p>[1] Una implementació experimental està disponible a través de l'opció de línia d'ordres <code>--enable-blink-features=ContextMenu</code>. Fins Chrome 52 i Opera 39 estava disponible l'opció d'habilitació de les <em>característiques de la Plataforma Web Experimental</em>, però va ser eliminada a causa d'un <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=412945">problema de compatibilitat web</a>. El suport per aquesta caracteristica se sol·licita en <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=87553">Chromium bug 87553</a>.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li> + <li>{{domxref("HTMLElement.contextMenu")}}</li> +</ul> diff --git a/files/ca/web/html/global_attributes/data-_star_/index.html b/files/ca/web/html/global_attributes/data-_star_/index.html new file mode 100644 index 0000000000..e0984687a0 --- /dev/null +++ b/files/ca/web/html/global_attributes/data-_star_/index.html @@ -0,0 +1,119 @@ +--- +title: data-* +slug: Web/HTML/Global_attributes/data-* +tags: + - Global attributes + - HTML + - Reference +translation_of: Web/HTML/Global_attributes/data-* +--- +<p class="note">{{HTMLSidebar("Global_attributes")}}</p> + +<p>Els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a> <strong>data-*</strong> formen una classe d'atributs anomenats <strong>atributs de dades personalitzades</strong>, que permeten que la informació propietària s'intercanviï entre l' <a href="https://developer.mozilla.org/en-US/docs/Web/HTML" title="en/HTML">HTML</a> i la seva representació <a href="https://developer.mozilla.org/en-US/docs/DOM" title="en/DOM">DOM</a> mitjançan scripts. Totes aquestes dades personalitzades estan disponibles a través de la interfície {{domxref ("HTMLElement")}} de l'element en el qual s'estableix l'atribut. La propietat {{domxref ("HTMLElement.dataset")}} li dóna accés. El * pot ser reemplaçat per qualsevol nom que segueix <a href="http://www.w3.org/TR/REC-xml/#NT-Name">la regla de producció de noms XML</a> amb les següents restriccions:</p> + +<ul> + <li>el nom no ha de començar amb <code>xml</code>, qualsevol que sigui el cas que s'utilitzi per a aquestes lletres;</li> + <li>el nom no ha de contenir cap punt i coma (U+003A);</li> + <li>el nom no ha de contenir majúscules de l'A a la Z.</li> +</ul> + +<p>Recordeu que la propietat {{domxref ("HTMLElement.dataset")}} és un {{domxref ("DOMStringMap")}}, i el nom de l'atribut de dades personalitzades <em>data-test-value</em> serà accessible a través de <code>HTMLElement.dataset.testValue</code> ( o <code>HTMLElement.dataset["testValue"]</code> ) com qualsevol guió (<code>u+002D</code>) se substitueix la següent lletra en majúscula, convertint el nom a (CamelCase).</p> + +<h3 id="Ùs">Ùs</h3> + +<p>Mitjançant la incorpoarció d'atributs <strong>data-</strong>*, fins i tot els elements HTML ordinaris poden convertir-se en programes-objectes força complexos i potents. Per exemple, una nau espacial "<a href="https://en.wikipedia.org/wiki/Sprite_%28computer_graphics%29">sprite</a>" en un joc podria ser un simple element {{HTMLElement ("img")}} amb un atribut <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class">class</a> i diversos atributs data- *:</p> + +<pre><img class="spaceship cruiserX3" src="shipX3.png" + data-ship-id="324" data-weapons="laserI laserII" data-shields="72%" + data-x="414354" data-y="85160" data-z="31940" + onclick="spaceships[this.dataset.shipId].blasted()" +</img> +</pre> + +<p id="Specifications">(Veure més <em><a href="https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes">aquí</a>)</em></p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', "dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes", "data-*")}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', "dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes", "data-*")}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td>Instantània de {{SpecName('HTML WHATWG')}}, sense canvis des de {{SpecName('HTML5 W3C')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', "dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes", "data-*")}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Instantània de {{SpecName('HTML WHATWG')}}, definició inicial.</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatGeckoDesktop(6) }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</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>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatGeckoMobile(6) }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li> + <li>La propietat {{domxref ("HTMLElement.dataset")}} permet accedir i modificar aquests valors.</li> +</ul> diff --git a/files/ca/web/html/global_attributes/dir/index.html b/files/ca/web/html/global_attributes/dir/index.html new file mode 100644 index 0000000000..13421f5361 --- /dev/null +++ b/files/ca/web/html/global_attributes/dir/index.html @@ -0,0 +1,130 @@ +--- +title: dir +slug: Web/HTML/Global_attributes/dir +tags: + - Global attributes + - HTML + - Reference +translation_of: Web/HTML/Global_attributes/dir +--- +<p class="note">{{HTMLSidebar("Global_attributes")}}</p> + +<p><span id="result_box" lang="ca"><span>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a></span><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes"> <span>global</span></a> <strong><span>dir</span></strong> <span>és</span> <span>un atribut</span> <span>enumerat</span> <span>indica la</span> <span>direccionalitat</span> <span>del text</span> <span>de l'element.</span> <span>Pot tenir</span> <span>els</span> <span>següents</span> <span>valors</span><span>:</span></span></p> + +<ul> + <li><span style="font-family: Courier New;">ltr</span>, significa d'<em>esquerra a dreta</em> i s'utilitza per als idiomes que s'escriuen d'esquerra a la dreta (com l'anglès)</li> + <li><span style="font-family: Courier New;">rtl</span>, significa <em>dreta a esquerra</em> i s'utilitza per als idiomes que s'escriuen de dreta a l'esquerra (com l'àrab);</li> + <li><span style="font-family: Courier New;">auto</span>, permet a l'agent d'usuari que decideixi. S'utilitza un algoritme bàsic, que analitza els caràcters dins de l'element fins que troba un caràcter amb una direccionalitat forta, a continuació, aplicar la direccionalitat a tot l'element.</li> +</ul> + +<div class="note"> +<p><strong>Notes d'ùs</strong></p> + +<p>Aquest atribut és obligatori per a l'element {{ HTMLElement("bdo") }} on té un significat semàntic diferent.</p> + +<ul> + <li> + <p>Aquest atribut <em>no</em> és heretat per l'element {{ HTMLElement("bdi") }}. Si no s'estableix el seu valor a <code>auto</code>.</p> + </li> + <li> + <p>Aquest atribut pot ser anul·lat per les propietats CSS {{ cssxref("direction") }} i {{ cssxref("unicode-bidi") }}, si una pàgina CSS està activa i l'element és compatible amb aquestes propietats.</p> + </li> + <li> + <p>A mesura que la direccionalitat del text està semànticament relacionada amb el seu contingut i no a la seva presentació, es recomana que els desenvolupadors web utilitzin aquest atribut en lloc de les propietats CSS relacionades quan sigui possible. D'aquesta manera, el text es mostrarà correctament fins i tot en un navegador que no suporti CSS o tingui desactivada la CSS.</p> + </li> + <li> + <p>El valor <code>auto</code> s'ha d'utilitzar per a les dades amb una direccionalitat desconeguda, igual que les dades procedents de l'entrada de l'usuari, eventualment emmagatzemades en una base de dades.</p> + </li> +</ul> +</div> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', "dom.html#the-dir-attribute", "dir")}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', "dom.html#the-dir-attribute", "dir")}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td>Instantània de {{SpecName('HTML WHATWG')}}, sense canvis des de {{SpecName('HTML5 W3C')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', "dom.html#the-dir-attribute", "dir")}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Instantània de {{SpecName('HTML WHATWG')}}, des de {{SpecName('HTML4.01')}} s'afegeix el valor <code>auto</code>, i ara és un veritable atribut global.</td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', "dirlang.html#h-8.2", "dir")}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td>Suportat en tots els elements però {{HTMLElement("applet")}}, {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("bdo")}}, {{HTMLElement("br")}}, {{HTMLElement("frame")}}, {{HTMLElement("frameset")}}, {{HTMLElement("iframe")}}, {{HTMLElement("param")}} i {{HTMLElement("script")}}.</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</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>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li> + <li>{{domxref ("HTMLElement.dir")}} reflecteix aquest atribut.</li> +</ul> diff --git a/files/ca/web/html/global_attributes/draggable/index.html b/files/ca/web/html/global_attributes/draggable/index.html new file mode 100644 index 0000000000..1e1090fc70 --- /dev/null +++ b/files/ca/web/html/global_attributes/draggable/index.html @@ -0,0 +1,104 @@ +--- +title: draggable +slug: Web/HTML/Global_attributes/draggable +tags: + - Experimental + - Global attributes + - HTML + - Reference +translation_of: Web/HTML/Global_attributes/draggable +--- +<p>{{HTMLSidebar("Global_attributes")}} {{SeeCompatTable}}</p> + +<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a><strong> draggable</strong> és un atribut enumerat que indica si l'element es pot arrossegar, mitjançant el {{domxref("HTML_Drag_and_Drop_API","HTML Drag and Drop API")}}. Pot tenir els següents valors:</p> + +<ul> + <li><span style="font-family: courier new;">true</span>, indica que l'element pot ser arrossegat</li> + <li><span style="font-family: courier new;">false</span>, indica que l'element no pot ser arrossegat.</li> +</ul> + +<p>Si aquest atribut no està establert, el valor predeterminat és <code>auto</code>, és a dir, el comportament ha de ser el definit per incompliment per part del navegador.</p> + +<p>Aquest atribut és enumerat i no un booleà. Això vol dir que l'ús explícit d'un dels valors <code>true</code> o <code>false</code> és obligatori i que una forma abreujada com <code><label draggable></code> Exemple <code>Label</label></code> no està permès. L'ús correcte és <code><label draggable="true"></code> Exemple <code>Label</label></code>.</p> + +<p>Per defecte, només seleccions de textes, imatges i enllaços es poden arrossegar. Per a tots els altres elements, l'esdeveniment <strong>{{domxref('GlobalEventHandlers.ondragstart','ondragstart')}}</strong> ha d'establir-se perquè funcioni el mecanisme d'arrossegar i deixar anar, com es mostra en aquest <a href="https://developer.mozilla.org/en-US/docs/DragDrop/Drag_Operations">exemple complet</a>.</p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', "interaction.html#the-draggable-attribute", "draggable")}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', "editing.html#the-draggable-attribute", "draggable")}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td>Instantània de {{SpecName('HTML WHATWG')}}, definició inicial</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatGeckoDesktop("1.8.1") }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</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>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatGeckoMobile("1.8.1") }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li> +</ul> diff --git a/files/ca/web/html/global_attributes/dropzone/index.html b/files/ca/web/html/global_attributes/dropzone/index.html new file mode 100644 index 0000000000..9435eb1c68 --- /dev/null +++ b/files/ca/web/html/global_attributes/dropzone/index.html @@ -0,0 +1,99 @@ +--- +title: dropzone +slug: Web/HTML/Global_attributes/dropzone +tags: + - Experimental + - Global attributes + - HTML + - Reference +translation_of: Web/HTML/Global_attributes/dropzone +--- +<p class="note">{{HTMLSidebar("Global_attributes")}}{{SeeCompatTable}}</p> + +<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <strong>dropzone</strong> és un atribut enumerat que indica quin tipus de contingut poden ser arrossegats sobre un element, utilitzant l'<a href="https://developer.mozilla.org/En/DragDrop/Drag_and_Drop" style="text-decoration: none; color: rgb(51, 102, 153) !important; cursor: default;" title="https://developer.mozilla.org/En/DragDrop/Drag_and_Drop">API Drag and Drop</a>. Pot tenir els següents valors:</p> + +<ul> + <li><span style="font-family: courier new;">copy</span>, indica que el deixa anar crearà una còpia de l'element que va ser arrossegat.</li> + <li><span style="font-family: courier new;">move</span>, indica que l'element arrossegat es mourà a aquesta nova ubicació.</li> + <li><span style="font-family: courier new;">link</span>, crearà un enllaç a les dades arrossegats.</li> +</ul> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', "interaction.html#the-dropzone-attribute", "dropzone")}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', "editing.html#the-dropzone-attribute", "dropzone")}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td>Instantània de {{SpecName('HTML WHATWG')}}, definició inicial</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatNo }}</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Característica</th> + <th>Android</th> + <th>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown}}</td> + <td>{{ CompatNo }}</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li> +</ul> diff --git a/files/ca/web/html/global_attributes/hidden/index.html b/files/ca/web/html/global_attributes/hidden/index.html new file mode 100644 index 0000000000..3c25165b26 --- /dev/null +++ b/files/ca/web/html/global_attributes/hidden/index.html @@ -0,0 +1,109 @@ +--- +title: hidden +slug: Web/HTML/Global_attributes/hidden +tags: + - Global attributes + - HTML + - Reference +translation_of: Web/HTML/Global_attributes/hidden +--- +<div>{{HTMLSidebar("Global_attributes")}}</div> + +<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <strong><code>hidden</code></strong> és un atribut booleà que indica que l'element no és encara, o ja no és rellevant. Per exemple, es pot fer servir per ocultar els elements de la pàgina que no es poden utilitzar fins que el procés d'inici de sessió s'ha completat. Els navegadors no mostraran els elements amb l'atribut <code>hidden</code> establert.</p> + +<p>L'atribut <code>hidden</code> no ha de ser utilitzat per a ocultar el contingut que legítimament es podria mostrar en una altra presentació. Per exemple, és incorrecte utilitzar hidden per ocultar els panells en un diàleg amb pestanyess, ja que la interfície amb pestanyes no és més que una mena de presentació de desbordament - un podria igualment mostrar les imatges de tots els controls de formulari en una pàgina gran amb una barra de desplaçament. De la mateixa manera és incorrecte utilitzar aquest atribut solsament per a ocultar el contingut d'una presentació - si per alguna cosa es el marcat de hidden, és que ho amaga a totes les presentacions, incloent, per exemple, els lectors de pantalla.</p> + +<p>Els elements ocults no s'han de vincular des d'elements no-ocults i els elements que són descendents d'un element ocult encara estan actius, el que significa que els elements del script encara es poden executar i els elements de formulari encara poden ser presentats.</p> + +<div class="note"> +<p><strong>Nota:</strong> El canvi del valor de la propietat CSS {{cssxref ("display")}} d'un element amb l'atribut <code>hidden</code> sobreescriu el seu comportament. Per exemple, els elements d'estil <code>display: flex</code> es mostrarà tot i la presència de l'atribut <code>hidden</code>.</p> +</div> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', "interaction.html#the-hidden-attribute", "hidden")}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', "rendering.html#hiddenCSS", "Hidden elements")}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Defineix la representació per defecte suggerida usant l'atribut <code>hidden</code> CSS</td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', "editing.html#the-hidden-attribute", "hidden")}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td>Instantània de {{SpecName('HTML WHATWG')}}, + <p>definició inicial</p> + + <p> </p> + </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatGeckoDesktop("2") }}</td> + <td>11</td> + <td>{{ CompatVersionUnknown() }}</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>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>4</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatGeckoMobile("2") }}</td> + <td>11</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li> +</ul> diff --git a/files/ca/web/html/global_attributes/id/index.html b/files/ca/web/html/global_attributes/id/index.html new file mode 100644 index 0000000000..15d6226ba1 --- /dev/null +++ b/files/ca/web/html/global_attributes/id/index.html @@ -0,0 +1,113 @@ +--- +title: id +slug: Web/HTML/Global_attributes/id +tags: + - Global attributes + - HTML + - Reference +translation_of: Web/HTML/Global_attributes/id +--- +<div>{{HTMLSidebar("Global_attributes")}}</div> + +<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <strong>id</strong> defineix un identificador únic (ID) que ha de ser únic en tot el document. El seu propòsit és identificar l'element quan es vincula (usant un identificador de fragment), scripts, o estil (CSS).</p> + +<p>El valor d'aquest atribut és una cadena opaca: això vol dir que l'autor web no ho ha de fer servir per transmetre qualsevol informació. Un significat particular, per exemple el significat semàntic, no ha de derivar de la cadena.</p> + +<p>El valor d'aquest atribut no ha de contenir espais en blanc (espais, tabulacions, etc.). Els navegadors tracten IDs no conformes que contenen espais en blanc com si l'espai en blanc fora part de l'ID. En contrast amb l'atribut <strong>class</strong>, que permet valors separats per espais, els elements només poden tenir un únic ID.</p> + +<div class="note"> +<p><strong>Nota:</strong> L'ús de caràcters ASCII, excepte les lletres i dígits, '_', '-' i '.' pot causar problemes de compatibilitat, ja que no estaven permesos en HTML 4. Malgrat aquesta restricció ha estat aixecada en HTML 5, un ID ha de començar amb una lletra per compatibilitat.</p> +</div> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', "dom.html#the-id-attribute", "id")}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', "dom.html#the-id-attribute", "id")}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td>Instantània de {{SpecName('HTML WHATWG')}}, sense canvis des de {{SpecName('HTML5 W3C')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', "dom.html#the-id-attribute", "id")}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Instantània de {{SpecName('HTML WHATWG')}}, ara acceptar '_', '-' i '.' al començament del id. És també un verdader atribut global.</td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/global.html#adef-id', 'id')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td>Suportat en tots els elements però {{HTMLElement("base")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}}, i {{HTMLElement("title")}}.</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] <code>id</code> és un veritable atribut global només a partir de Gecko 32.0 {{geckoRelease("32.0")}}.</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li> + <li>{{domxref("Element.id")}} <span class="short_text" id="result_box" lang="ca"><span>que reflecteix</span> <span>aquest</span> <span>atribut</span></span>.</li> +</ul> diff --git a/files/ca/web/html/global_attributes/index.html b/files/ca/web/html/global_attributes/index.html new file mode 100644 index 0000000000..bbe00ae786 --- /dev/null +++ b/files/ca/web/html/global_attributes/index.html @@ -0,0 +1,463 @@ +--- +title: Global attributes +slug: Web/HTML/Global_attributes +tags: + - Attribute + - HTML + - NeedsBrowserCompatibility + - NeedsTranslation + - Reference + - TopicStub + - Web +translation_of: Web/HTML/Global_attributes +--- +<div>{{HTMLSidebar("Global_attributes")}}</div> + +<div class="summary"> +<p><strong>Global attributes</strong> are attributes common to all HTML elements; they can be used on all elements, though the attributes may have no effect on some elements.</p> +</div> + +<p>Global attributes may be specified on all <a href="/en-US/docs/Web/HTML/Element">HTML elements</a>, <em>even those not specified in the standard</em>. That means that any non-standard elements must still permit these attributes, even though using those elements means that the document is no longer HTML5-compliant. For example, HTML5-compliant browsers hide content marked as <code><foo hidden>...<foo></code><code>, </code>even though <code><foo></code> is not a valid HTML element.</p> + +<p>In addition to the basic HTML global attributes, the following global attributes also exist:</p> + +<ul> + <li>Both <strong><code>xml:lang</code></strong> and <code><strong>xml:base</strong></code>, deprecated, inherited from the XHTML specifications and kept for compatibility purpose.</li> + <li>The multiple <code><strong><a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA">aria-*</a></strong></code> attributes, used for improving accessibility.</li> + <li>The event handler attributes: <code><strong>onabort</strong></code>, <code><strong>onautocomplete</strong></code>, <code><strong>onautocompleteerror</strong></code>, <code><strong>onblur</strong></code>, <code><strong>oncancel</strong></code>, <code><strong>oncanplay</strong></code>, <code><strong>oncanplaythrough</strong></code>, <code><strong>onchange</strong></code>, <code><strong>onclick</strong></code>, <code><strong>onclose</strong></code>, <code><strong>oncontextmenu</strong></code>, <code><strong>oncuechange</strong></code>, <code><strong>ondblclick</strong></code>, <code><strong>ondrag</strong></code>, <code><strong>ondragend</strong></code>, <code><strong>ondragenter</strong></code>, <code><strong>ondragexit</strong></code>, <code><strong>ondragleave</strong></code>, <code><strong>ondragover</strong></code>, <code><strong>ondragstart</strong></code>, <code><strong>ondrop</strong></code>, <code><strong>ondurationchange</strong></code>, <code><strong>onemptied</strong></code>, <code><strong>onended</strong></code>, <code><strong>onerror</strong></code>, <code><strong>onfocus</strong></code>, <code><strong>oninput</strong></code>, <code><strong>oninvalid</strong></code>, <code><strong>onkeydown</strong></code>, <code><strong>onkeypress</strong></code>, <code><strong>onkeyup</strong></code>, <code><strong>onload</strong></code>, <code><strong>onloadeddata</strong></code>, <code><strong>onloadedmetadata</strong></code>, <code><strong>onloadstart</strong></code>, <code><strong>onmousedown</strong></code>, <code><strong>onmouseenter</strong></code>, <code><strong>onmouseleave</strong></code>, <code><strong>onmousemove</strong></code>, <code><strong>onmouseout</strong></code>, <code><strong>onmouseover</strong></code>, <code><strong>onmouseup</strong></code>, <code><strong>onmousewheel</strong></code>, <code><strong>onpause</strong></code>, <code><strong>onplay</strong></code>, <code><strong>onplaying</strong></code>, <code><strong>onprogress</strong></code>, <code><strong>onratechange</strong></code>, <code><strong>onreset</strong></code>, <code><strong>onresize</strong></code>, <code><strong>onscroll</strong></code>, <code><strong>onseeked</strong></code>, <code><strong>onseeking</strong></code>, <code><strong>onselect</strong></code>, <code><strong>onshow</strong></code>, <code><strong>onsort</strong></code>, <code><strong>onstalled</strong></code>, <code><strong>onsubmit</strong></code>, <code><strong>onsuspend</strong></code>, <code><strong>ontimeupdate</strong></code>, <code><strong>ontoggle</strong></code>, <code><strong>onvolumechange</strong></code>, <code><strong>onwaiting</strong></code>.</li> +</ul> + +<h2 id="Description">Description</h2> + +<dl> + <dt id="accesskey"><code><a href="/en-US/docs/Web/HTML/Global_attributes/accesskey">accesskey</a></code></dt> + <dd>Provides a hint for generating a keyboard shortcut for the current element. This attribute consists of a space-separated list of characters. The browser should use the first one that exists on the computer keyboard layout.</dd> + <dt id="class"><code><a href="/en-US/docs/Web/HTML/Global_attributes/class">class</a></code></dt> + <dd>Is a space-separated list of the classes of the element. Classes allows CSS and JavaScript to select and access specific elements via the <a href="/En/CSS/Class_selectors" title="https://developer.mozilla.org/En/CSS/Class_selectors">class selectors</a> or functions like the method {{domxref("Document.getElementsByClassName()")}}.</dd> + <dt id="contenteditable"><code><a href="/en-US/docs/Web/HTML/Global_attributes/contenteditable">contenteditable</a></code></dt> + <dd>Is an enumerated attribute indicating if the element should be editable by the user. If so, the browser modifies its widget to allow editing. The attribute must take one of the following values: + <ul> + <li><code>true</code> or the <em>empty string</em>, which indicates that the element must be editable;</li> + <li><code>false</code>, which indicates that the element must not be editable.</li> + </ul> + </dd> + <dt id="contextmenu"><code><a href="/en-US/docs/Web/HTML/Global_attributes/contextmenu">contextmenu</a></code></dt> + <dd>Is the <code><a href="#attr-id"><strong>id</strong></a></code> of an {{HTMLElement("menu")}} to us as the contextual menu for this element.</dd> + <dt><code><a href="/en-US/docs/Web/HTML/Global_attributes/data-*">data-*</a></code></dt> + <dd>Forms a class of attributes, called custom data attributes, that allow proprietary information to be exchanged between the <a href="/en-US/docs/Web/HTML" title="en/HTML">HTML</a> and its <a href="/en-US/docs/Glossary/DOM" title="en/DOM">DOM</a> representation that may be used by scripts. All such custom data are available via the {{domxref("HTMLElement")}} interface of the element the attribute is set on. The {{domxref("HTMLElement.dataset")}} property gives access to them.</dd> + <dt><code><a href="/en-US/docs/Web/HTML/Global_attributes/dir">dir</a></code></dt> + <dd>Is an enumerated attribute indicating the directionality of the element's text. It can have the following values: + <ul> + <li><code>ltr</code>, which means <em>left to right </em>and is to be used for languages that are written from the left to the right (like English);</li> + <li><code>rtl</code>, which means <em>right to left</em> and is to be used for languages that are written from the right to the left (like Arabic);</li> + <li><code>auto</code>, which let the user agent decides. It uses a basic algorithm as it parses the characters inside the element until it finds a character with a strong directionality, then apply that directionality to the whole element.</li> + </ul> + </dd> + <dt><code><a href="/en-US/docs/Web/HTML/Global_attributes/draggable">draggable</a></code> {{experimental_inline}}</dt> + <dd>Is an enumerated attribute indicating whether the element can be dragged, using the <a href="/en-us/docs/DragDrop/Drag_and_Drop">Drag and Drop API</a>. It can have the following values: + <ul> + <li><code>true</code>, which indicates that the element may be dragged</li> + <li><code>false</code>, which indicates that the element may not be dragged.</li> + </ul> + </dd> + <dt><code><a href="/en-US/docs/Web/HTML/Global_attributes/dropzone">dropzone</a></code> {{experimental_inline}}</dt> + <dd>Is an enumerated attribute indicating what types of content can be dropped on an element, using the <a href="/En-us/docs/DragDrop/Drag_and_Drop" title="https://developer.mozilla.org/En/DragDrop/Drag_and_Drop">Drag and Drop API</a>. It can have the following values: + <ul> + <li><code>copy</code>, which indicates that dropping will create a copy of the element that was dragged</li> + <li><code>move</code>, which indicates that the element that was dragged will be moved to this new location.</li> + <li><code>link</code>, will create a link to the dragged data.</li> + </ul> + </dd> + <dt id="hidden"><code><a href="/en-US/docs/Web/HTML/Global_attributes/hidden">hidden</a></code></dt> + <dd>Is a Boolean attribute indicates that the element is not yet, or is no longer, <em>relevant</em>. For example, it can be used to hide elements of the page that can't be used until the login process has been completed. The browser won't render such elements. This attribute must not be used to hide content that could legitimately be shown.</dd> + <dt id="id"><code><a href="/en-US/docs/Web/HTML/Global_attributes/id">id</a></code></dt> + <dd>Defines a unique identifier (ID) which must be unique in the whole document. Its purpose is to identify the element when linking (using a fragment identifier), scripting, or styling (with CSS).</dd> + <dt id="itemid"><code><a href="/en-US/docs/Web/HTML/Global_attributes/itemid">itemid</a></code> {{experimental_inline}}</dt> + <dt id="itemprop"><code><a href="/en-US/docs/Web/HTML/Global_attributes/itemprop">itemprop</a></code> {{experimental_inline}}</dt> + <dt id="itemref"><code><a href="/en-US/docs/Web/HTML/Global_attributes/itemref">itemref</a></code> {{experimental_inline}}</dt> + <dt id="itemscope"><code><a href="/en-US/docs/Web/HTML/Global_attributes/itemscope">itemscope</a> </code>{{experimental_inline}}</dt> + <dt id="itemtype"><code><a href="/en-US/docs/Web/HTML/Global_attributes/itemtype">itemtype</a></code> {{experimental_inline}}</dt> + <dd>These attributes are related to the <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/links.html#microdata" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/links.html#microdata">WHATWG HTML Microdata feature</a>.</dd> + <dt id="lang"><code><a href="/en-US/docs/Web/HTML/Global_attributes/lang">lang</a></code></dt> + <dd>Participates in defining the language of the element, the language that non-editable elements are written in or the language that editable elements should be written in. The tag contains one single entry value in the format defines in the <a class="external" href="http://www.ietf.org/rfc/bcp/bcp47.txt" title="http://www.ietf.org/rfc/bcp/bcp47.txt"><em>Tags for Identifying Languages (BCP47)</em></a> IETF document. <a href="#attr-xml:lang"><strong>xml:lang</strong></a> has priority over it.</dd> + <dt id="spellcheck_.7B.7Bexperimental_inline.7D.7D"><code><a href="/en-US/docs/Web/HTML/Global_attributes/spellcheck">spellcheck</a></code> {{experimental_inline}}</dt> + <dd>Is an enumerated attribute defines whether the element may be checked for spelling errors. It may have the following values: + <ul> + <li><code>true</code>, which indicates that the element should be, if possible, checked for spelling errors;</li> + <li><code>false</code>, which indicates that the element should not be checked for spelling errors.</li> + </ul> + </dd> + <dt id="style"><code><a href="/en-US/docs/Web/HTML/Global_attributes/style">style</a></code></dt> + <dd>Contains <a href="/en/CSS" title="en/CSS">CSS</a> styling declarations to be applied to the element. Note that it is recommended for styles to be defined in a separate file or files. This attribute and the {{ HTMLElement("style") }} element have mainly the purpose of allowing for quick styling, for example for testing purposes.</dd> + <dt id="tabindex"><code><a href="/en-US/docs/Web/HTML/Global_attributes/tabindex">tabindex</a></code></dt> + <dd>Is an integer attribute indicates if the element can take input focus (is <em>focusable</em>), if it should participate to sequential keyboard navigation, and if so, at what position. It can takes several values: + <ul> + <li>a <em>negative value</em> means that the element should be focusable, but should not be reachable via sequential keyboard navigation;</li> + <li><code>0</code> means that the element should be focusable and reachable via sequential keyboard navigation, but its relative order is defined by the platform convention;</li> + <li>a <em>positive value</em> which means should be focusable and reachable via sequential keyboard navigation; its relative order is defined by the value of the attribute: the sequential follow the increasing number of the <a href="#attr-tabindex"><strong>tabindex</strong></a>. If several elements share the same tabindex, their relative order follows their relative position in the document).</li> + </ul> + </dd> + <dt id="title"><code><a href="/en-US/docs/Web/HTML/Global_attributes/title">title</a></code></dt> + <dd>Contains a text representing advisory information related to the element it belongs to. Such information can typically, but not necessarily, be presented to the user as a tooltip.</dd> + <dt id="title"><code><a href="/en-US/docs/Web/HTML/Global_attributes/translate">translate</a></code></dt> + <dd>Is an enumerated attribute that is used to specify whether an element's attribute values and the values of it<code>s</code> {{domxref("Text")}} node children are to be translated when the page is localized, or whether to leave them unchanged. It can have the following values: + <ul> + <li>empty string and <code>"yes"</code>, which indicates that the element will be translated.</li> + <li><code>"no</code>", which indicates that the element will not be translated.</li> + </ul> + </dd> +</dl> + +<h2 id="Specifications">Specifications</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', "dom.html#global-attributes", "Global attributes")}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>From latest snapshot, {{SpecName('HTML5.1')}}, <strong>itemid</strong>, <strong>itemprop</strong>, <strong>itemref</strong>, <strong>itemscope</strong>, and <strong>itemtype</strong> have been added.</td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', "dom.html#global-attributes", "Global attributes")}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td>Snapshot of {{SpecName('HTML WHATWG')}}. From {{SpecName('HTML5 W3C')}}, <strong>spellcheck</strong>, <strong>draggable</strong>, and <strong>dropzone</strong> have been added.</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', "dom.html#global-attributes", "Global attributes")}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Snapshot of {{SpecName('HTML WHATWG')}}. From {{SpecName("HTML4.01")}}, the concept of global attributes is introduced and the <strong>dir</strong>, <strong>lang</strong>, <strong>style</strong>, <strong>id</strong>, <strong>class</strong>, <strong>tabindex</strong>, <strong>accesskey</strong>, and <strong>title</strong> are now true global attributes.<br> + <strong>xml:lang</strong> which was initially part of XHTML, is now also part of HTML.<br> + <strong>hidden</strong>, <strong>data-*</strong>, <strong>contextmenu</strong>, <strong>contenteditable</strong>, and<strong> <strong>translate</strong></strong> have been added.</td> + </tr> + <tr> + <td>{{SpecName('HTML4.01')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td>There are no global attributes defined. Several attributes that will become global attributes in subsequent specifications are defined on a subset of elements.<br> + <strong>class</strong> and <strong>style</strong> are supported on all elements but {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("param")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}}, and {{HTMLElement("title")}}.<br> + <strong>dir</strong> is supported on all elements but {{HTMLElement("applet")}}, {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("bdo")}}, {{HTMLElement("br")}}, {{HTMLElement("frame")}}, {{HTMLElement("frameset")}}, {{HTMLElement("iframe")}}, {{HTMLElement("param")}}, and {{HTMLElement("script")}}.<br> + <strong>id</strong> is supported on all elements but {{HTMLElement("base")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}}, and {{HTMLElement("title")}}.<br> + <strong>lang</strong> is supported on all elements but {{HTMLElement("applet")}}, {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("br")}}, {{HTMLElement("frame")}}, {{HTMLElement("frameset")}}, {{HTMLElement("iframe")}}, {{HTMLElement("param")}}, and {{HTMLElement("script")}}.<br> + <strong>tabindex</strong> is only supported on {{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("button")}}, {{HTMLElement("object")}}, {{HTMLElement("select")}}, and {{HTMLElement("textarea")}}.<br> + <strong>accesskey</strong> is only supported on {{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("label") }}, {{ HTMLElement("legend") }} and {{ HTMLElement("textarea") }}.<br> + <strong>title</strong> is supported on all elements but {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("param")}}, {{HTMLElement("script")}}, and {{HTMLElement("title")}}.</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility">Browser compatibility</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>accesskey</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>class</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>contenteditable</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("1.9")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>contextmenu</td> + <td>{{CompatNo}}</td> + <td>{{CompatGeckoDesktop(9)}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td>data-*</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("6")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>dir</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>draggable</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("1.8.1")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>dropzone</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>hidden</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("2")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>id</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>itemid, itemprop, itemref, itemscope, itemtype</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>lang</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>spellcheck</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("1.8.1")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>style</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>tabindex</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>title</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>accesskey</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>class</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>contenteditable</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.9")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>contextmenu</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td>data-*</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("6")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>dir</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>draggable</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.8.1")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>dropzone</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>hidden</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("2")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>id</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>itemid, itemprop, itemref, itemscope, itemtype</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>lang</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>spellcheck</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.8.1")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>style</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>tabindex</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>title</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="See_also">See also</h2> + +<ul> + <li>{{domxref("Element")}} and {{domxref("GlobalEventHandlers")}} interfaces that allow to query most global attributes.</li> +</ul> diff --git a/files/ca/web/html/global_attributes/itemid/index.html b/files/ca/web/html/global_attributes/itemid/index.html new file mode 100644 index 0000000000..79941cabc2 --- /dev/null +++ b/files/ca/web/html/global_attributes/itemid/index.html @@ -0,0 +1,149 @@ +--- +title: itemid +slug: Web/HTML/Global_attributes/itemid +tags: + - Attribute + - Global attribute + - HTML + - Microdata + - Reference +translation_of: Web/HTML/Global_attributes/itemid +--- +<div>{{HTMLSidebar("Global_attributes")}}</div> + +<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <strong>itemid</strong> és l'identificador únic i global d'un element. Els atributs itemid només es poden especificar en els elements que tenen tant els atributs <strong>itemscope</strong> com <strong>itemtype</strong>. A més, el itemid només es pot especificar en elements amb un atribut itemscope de qui el corresponent itemtype es refereix o defineix un vocabulari que suporta identificadors globals.</p> + +<p>El vocabulari dels <code>itemtype's</code> donarà el significat exacte d'un identificador global definit dins del vocabulari. El vocabulari definirà si diversos elements amb el mateix identificador global poden coexistir i, si se'ls permet, de com manejar els elements amb el mateix identificador.</p> + +<p class="note"><strong>Nota:</strong> La definició de Whatwg.org d'un itemid diu que ha de ser una adreça URL. Això no sembla ser el cas, com mostra el següent exemple. Més aviat la definició de facto és que un itemid és un identificador únic, de manera que un URN és apropiat. Aquesta inconsistència reflecteix, sens dubte, el caràcter incomplet de l'especificació de Microdata.</p> + +<h2 id="Exemple">Exemple</h2> + +<h3 id="HTML">HTML</h3> + +<pre class="brush: html"><dl itemscope + itemtype="http://vocab.example.net/book" + itemid="urn:isbn:0-330-34032-8"> +<dt>Title <dd itemprop="title">The Reality Dysfunction +<dt>Author <dd itemprop="author">Peter F. Hamilton +<dt>Publication date +<dd><time itemprop="pubdate" datetime="1996-01-26">26 January 1996</time> </dl></pre> + +<h3 id="Estructuració_de_les_dades"><span class="short_text" id="result_box" lang="ca"><span>Estructuració de les dades</span></span></h3> + +<table class="standard-table"> + <tbody> + <tr> + <td colspan="1" rowspan="14">itemscope</td> + <td>itemtype: itemid</td> + <td colspan="2" rowspan="1"> + <div class="jyrRxf-eEDwDf jcd3Mb IZ65Hb-hUbt4d">http://vocab.example.net/book: urn:isbn:0-330-34032-8</div> + </td> + </tr> + <tr> + <td>itemprop</td> + <td>title</td> + <td>The Reality Dysfunction</td> + </tr> + <tr> + <td>itemprop</td> + <td>author</td> + <td> + <div class="jyrRxf-eEDwDf jcd3Mb">Peter F. Hamilton</div> + </td> + </tr> + <tr> + <td>itemprop</td> + <td>pubdate</td> + <td>1996-01-26</td> + </tr> + </tbody> +</table> + +<h3 id="Resultat">Resultat</h3> + +<p>{{EmbedLiveSample('HTML', '', '', '', 'Web/HTML/Global_attributes/itemid')}}</p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + <tr> + <td><code><a href="https://html.spec.whatwg.org/multipage/microdata.html#attr-itemid">itemid</a></code></td> + <td> </td> + <td>WG Nota - <span class="short_text" id="result_box" lang="ca"><span>Ja</span> <span>no s'està</span> <span>desenvolupant</span> <span>activament</span></span></td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li><a href="/en-US/docs/Web/HTML/Global_attributes">Altres atributs globals diferents</a></li> + <li>Altres atributs globals relacionats amb microdata: + <ul> + <li>{{htmlattrxref("itemid")}}</li> + <li>{{htmlattrxref("itemprop")}}</li> + <li>{{htmlattrxref("itemref")}}</li> + <li>{{htmlattrxref("itemscope")}}</li> + <li>{{htmlattrxref("itemtype")}}</li> + </ul> + </li> +</ul> diff --git a/files/ca/web/html/global_attributes/itemprop/index.html b/files/ca/web/html/global_attributes/itemprop/index.html new file mode 100644 index 0000000000..47e607921a --- /dev/null +++ b/files/ca/web/html/global_attributes/itemprop/index.html @@ -0,0 +1,463 @@ +--- +title: itemprop +slug: Web/HTML/Global_attributes/itemprop +tags: + - Attribute + - Global attribute + - HTML + - Reference +translation_of: Web/HTML/Global_attributes/itemprop +--- +<div>{{HTMLSidebar("Global_attributes")}}</div> + +<p>L'atribut global <strong>itemprop</strong> s'utilitza per afegir propietats a un element. Cada element HTML pot tenir un atribut itemprop especificat, i un itemprop es compon d'un parell nom-valor. Cada parell nom-valor es denomina <strong>propietat</strong>, i un grup d'una o més propietats constitueix un <strong>element</strong>. Els valors de propietat són una cadena o una adreça URL i es poden associar amb una gamma molt àmplia d'elements incloent {{HTMLElement("audio")}}, {{HTMLElement("embed")}}, {{HTMLElement("iframe")}}, {{HTMLElement("img")}}, {{HTMLElement("link")}}, {{HTMLElement("object")}}, {{HTMLElement("source")}} , {{HTMLElement("track")}}, and {{HTMLElement("video")}}.</p> + +<h2 id="Exemples">Exemples</h2> + +<h3 id="HTML">HTML</h3> + +<pre class="brush: html"><div itemscope itemtype ="http://schema.org/Movie"> + <h1 <strong>itemprop="name"</strong>>Avatar</h1> + <span>Director: <span <strong>itemprop="director"</strong>>James Cameron</span> (born August 16, 1954)</span> + <span <strong>itemprop="genre"</strong>>Science fiction</span> + <a href="../movies/avatar-theatrical-trailer.html" <strong>itemprop="trailer"</strong>>Trailer</a> +</div></pre> + +<h3 id="Estructuració_de_les_dades"><span class="short_text" id="result_box" lang="ca"><span>Estructuració de les dades</span></span></h3> + +<table class="standard-table"> + <tbody> + <tr> + <td colspan="1" rowspan="2"> </td> + <th colspan="2" rowspan="1"><strong>Item</strong></th> + </tr> + <tr> + <th><strong>itemprop name</strong></th> + <th><strong>itemprop value</strong></th> + </tr> + <tr> + <td>itemprop</td> + <td>name</td> + <td>Avatar</td> + </tr> + <tr> + <td>itemprop</td> + <td>director</td> + <td>James Cameron</td> + </tr> + <tr> + <td>itemprop</td> + <td>genre</td> + <td>Science fiction</td> + </tr> + <tr> + <td>itemprop</td> + <td>trailer</td> + <td>../movies/avatar-theatrical-trailer.html</td> + </tr> + </tbody> +</table> + +<h2 id="Propietats">Propietats</h2> + +<p>Les propietats tenen valors que són una cadena o un URL. Quan un valor de cadena és una adreça URL, s'expressa mitjançant l'element i el seu atribut href, l'element img i el seu atribut src, o altres elements que tenen enllaços o que incoproran recursos externs.</p> + +<h4 id="Tres_propietats_amb_valors_que_són_cadenes"><span class="short_text" id="result_box" lang="ca"><span>Tres</span> <span>propietats amb</span> <span>valors</span> <span>que són</span> <span>cadenes</span></span></h4> + +<pre class="brush: html"><div itemscope> + <p>My name is <span itemprop="name">Neil</span>.</p> + <p>My band is called <span itemprop="band">Four Parts Water</span>.</p> + <p>I am <span itemprop="nationality">British</span>.</p> +</div></pre> + +<h4 id="Una_propietat_image_el_valor_del_qual_és_una_adreça_URL">Una propietat, "image", el valor del qual és una adreça URL</h4> + +<pre class="brush: html"><div itemscope> + <img itemprop="image" src="google-logo.png" alt="Google"> +</div></pre> + +<p>Quan un valor de cadena no pot ser fàcilment llegit i comprès per una persona (per exemple, una cadena llarga de números i lletres), aquest es pot visualitzar utilitzant l'atribut value de l'element data, aquesta versió és més fàcil d'entendre per un humà ja que determina el contingut dels elements (que no forma part de les dades estructurades - vegeu l'exemple següent).</p> + +<h4 id="Un_element_amb_una_propietat_el_valor_de_la_qual_és_un_ID_de_producte._L'ID_no_és_humanament_amistós_pel_que_el_nom_del_producte_s'utilitza_el_text_per_a_ser_humanament_visible_en_lloc_del_ID.">Un element amb una propietat el valor de la qual és un ID de producte. L'ID no és humanament amistós, pel que el nom del producte s'utilitza el text per a ser humanament visible en lloc del ID.</h4> + +<pre class="brush: html"><h1 itemscope> + <data itemprop="product-id" value="9678AOU879">The Instigator 2000</data> +</h1></pre> + +<p>Per les dades numèriques, l'element meter i el seu atribut value es poden utilitzar.</p> + +<h4 id="Un_exemple_de_l'element_meter">Un exemple de l'element meter</h4> + +<pre class="brush: html"><div itemscope itemtype="http://schema.org/Product"> + <span itemprop="name">Panasonic White 60L Refrigerator</span> + <img src="panasonic-fridge-60l-white.jpg" alt=""> + <div itemprop="aggregateRating" + itemscope itemtype="http://schema.org/AggregateRating"> + <meter itemprop="ratingValue" min=0 value=3.5 max=5>Rated 3.5/5</meter> + (based on <span itemprop="reviewCount">11</span> customer reviews) + </div> +</div></pre> + +<p>De la mateixa manera, per les dades relacionades amb la data i hora , l'element time i el seu atribut datetime es poden utilitzar.</p> + +<h4 id="En_aquest_exemple_l'element_té_una_propietat_birthday_el_valor_de_la_qual_és_una_date.">En aquest exemple, l'element té una propietat, "birthday", el valor de la qual és una date.</h4> + +<pre class="brush: html"><div itemscope> + I was born on <time itemprop="birthday" datetime="2009-05-10">May 10th 2009</time>. +</div></pre> + +<p>Les propietats també poden ser grups de parells nom-valor, posant l'atribut itemscope en l'element que es declara la propietat. Cada valor és una cadena o un grup de parells nom-valor (és a dir, un element).</p> + +<h4 id="En_aquest_exemple_l'element_exterior_representa_una_persona_i_la_interior_representa_una_banda"><span id="result_box" lang="ca"><span>En aquest</span> <span>exemple</span><span>, l'element</span> <span>exterior representa</span> <span>una persona,</span> <span>i la interior</span> <span>representa una</span> <span>banda</span></span></h4> + +<pre class="brush: html"><div itemscope> + <p>Name: <span itemprop="name">Amanda</span></p> + <p>Band: <span itemprop="band" itemscope> <span itemprop="name">Jazz Band</span> (<span itemprop="size">12</span> players)</span></p> +</div></pre> + +<p>L'element exterior superior té dues propietats, "name" i "band". El "name" és "Amanda", i la "band" és un element en si mateix, amb dues propietats, "name" i "size". El "name" de la banda és "Jazz Band", i la "size" és "12". L'element exterior en aquest exemple és un element microdata de nivell superior. Els elements que no formen part dels altres s'anomenen elements microdata de nivell superior.</p> + +<h4 id="Aquest_exemple_és_el_mateix_que_l'anterior_però_totes_les_propietats_són_separades_dels_seus_elements">Aquest exemple és el mateix que l'anterior, però totes les propietats són separades dels seus elements</h4> + +<pre class="brush: html"><div itemscope id="amanda" itemref="a b"></div> +<p id="a">Name: <span itemprop="name">Amanda</span></p> +<div id="b" itemprop="band" itemscope itemref="c"></div> +<div id="c"> + <p>Band: <span itemprop="name">Jazz Band</span></p> + <p>Size: <span itemprop="size">12</span> players</p> +</div></pre> + +<p>Això dóna el mateix resultat que l'exemple anterior. El primer element té dues propietats, "name", té asignat "Amanda" i "band", té asignat un altre element. Aquest segon element té dues propietats addicionals, "name" té assignat "Jazz Band", i "size ", té assignat "12".</p> + +<p><span id="result_box" lang="ca"><span>Un element</span> <span>pot</span> <span>tenir diverses</span> <span>propietats amb</span> <span>el mateix</span> <span>nom</span> <span>i diferents</span> <span>valors.</span></span></p> + +<h4 id="Aquest_exemple_descriu_un_gelat_amb_dos_sabors"><span class="short_text" id="result_box" lang="ca"><span>Aquest exemple</span> <span>descriu</span> <span>un gelat</span><span>, amb dos</span> <span>sabors</span></span></h4> + +<pre class="brush: html"><div itemscope> + <p>Flavors in my favorite ice cream:</p> + <ul> + <li itemprop="flavor">Lemon sorbet</li> + <li itemprop="flavor">Apricot sorbet</li> + </ul> +</div></pre> + +<p>Això dóna com a resultat un element amb dues propietats, ambdues amb el nom "flavor" i amb els valors "Lemon sorbet" i "Apricot sorbet" .</p> + +<p>Un element que introdueix una propietat també pot introduir múltiples propietats a la vegada, per evitar la duplicació quan algunes de les propietats tenen el mateix valor.</p> + +<h4 id="Aquí_veiem_un_element_amb_dues_propietats_favorite-color_i_favorite-fruit_ambdues_establertes_en_el_valor_orange">Aquí veiem un element amb dues propietats, "favorite-color" i "favorite-fruit", ambdues establertes en el valor "orange"</h4> + +<pre class="brush: html"><div itemscope> + <span itemprop="favorite-color favorite-fruit">orange</span> +</div></pre> + +<div class="note"> +<p>Nota: No hi ha relació entre els microdata i el contingut del document, on els microdata son marcats.</p> +</div> + +<h4 id="No_hi_ha_cap_diferència_semàntica_entre_els_dos_exemples_següents"><span id="result_box" lang="ca"><span>No hi ha</span> <span>cap diferència</span> <span>semàntica</span> <span>entre els</span> <span>dos exemples</span> <span>següents</span></span></h4> + +<pre class="brush: html"><figure> + <img src="castle.jpeg"> + <figcaption><span itemscope><span itemprop="name">The Castle</span></span> (1986)</figcaption> +</figure></pre> + +<pre class="brush: html"><span itemscope><meta itemprop="name" content="The Castle"></span> +<figure> + <img src="castle.jpeg"> + <figcaption>The Castle (1986)</figcaption> +</figure></pre> + +<p>Tots dos tenen una figura amb un títol, i tots dos, sense cap relació amb la figura, té un element amb un parell nom-valor amb el nom "name" i el valor "The Castle". L'única diferència és que si l'usuari arrossega el figcaption fora del document, l'element serà inclos en les dades d'arrossegar i deixar anar. No s'inclourà la imatge associada amb l'element.</p> + +<h2 id="Noms_i_valors">Noms i valors</h2> + +<p>Una propietat és un conjunt desordenat de símbols únics que són sensibles i representen els parells de nom-valor. El valor de la propietat ha de tenir almenys un símbol. En el següent exemple, cada cel·la de dades és un símbol.</p> + +<h3 id="Exemples_Noms">Exemples Noms</h3> + +<table class="standard-table"> + <thead> + <tr> + <th colspan="1" rowspan="2" scope="col"> </th> + <th colspan="2" rowspan="1" scope="col">Item</th> + </tr> + <tr> + <th scope="col">itemprop <strong>name</strong></th> + <th scope="col">itemprop <strong>value</strong></th> + </tr> + </thead> + <tbody> + <tr> + <th>itemprop</th> + <td>country</td> + <td>Ireland</td> + </tr> + <tr> + <th>itemprop</th> + <td>Option</td> + <td>2</td> + </tr> + <tr> + <th>itemprop</th> + <td>https://www.flickr.com/photos/nlireland/6992065114/</td> + <td>Ring of Kerry</td> + </tr> + <tr> + <th>itemprop</th> + <td>img</td> + <td>https://www.flickr.com/photos/nlireland/6992065114/</td> + </tr> + <tr> + <th>itemprop</th> + <td>website</td> + <td>flickr</td> + </tr> + <tr> + <th>itemprop</th> + <td>(token)</td> + <td>(token)</td> + </tr> + </tbody> +</table> + +<p>Els tokens són cadenes o URL's. Un element es denomina un <strong>element escrit ( typed item )</strong> si és un URL. Altrament, és una cadena. Les cadenes no poden contenir un punt o dos punts (vegeu més endavant).</p> + +<ol> + <li>Si l'element és un element escrit aquest ha de ser: + <ol> + <li>Un nom de propietat definida, o</li> + <li>Una URL vàlida, que es refereix a la definició del vocabulari, o</li> + <li>Una URL vàlida que s'usa com un nom de propietari propietat de l'element (és a dir, no està definit en una especificació pública), o</li> + </ol> + </li> + <li>Si l'element no és un element escrit aquest ha de ser: + <ol> + <li>Una cadena que no conté caràcters "." (U+002E FULL STOP) i sense caràcters ":" (U+003A COLON) i s'usa com un nom de propietat d'element propietari (de nou, no s'ha definit en una especificació pública).</li> + </ol> + </li> +</ol> + +<p class="note"><strong>Nota:</strong> les regles anteriors no permeten caràcters ":" en valors no URL, perquè en cas contrari no podien distingir-se de les URLs. Els valors amb caràcters "." estan reservats per a futures ampliacions. Els caràcters d'espai no es permeten perquè en cas contrari els valors serien analitzats com múltiples símbols.</p> + +<h2 id="Valors">Valors</h2> + +<p>El valor de la propietat d'un parell nom-valor es dóna per al primer cas coincident de la llista següent:</p> + +<ul> + <li>Si l'element té un atribut <strong>itemscope</strong> + + <ul> + <li><span id="result_box" lang="ca"><span>El valor és</span> <span>l'<strong>item</strong></span> <span>creat</span> <span>per l'element</span><span>.</span></span> .</li> + </ul> + </li> + <li><span id="result_box" lang="ca"><span>Si l'element</span> <span>és un</span> <span>element</span></span> <strong>meta</strong> + <ul> + <li>El valor és el valor de l'atribut <strong>content</strong> de l'element</li> + </ul> + </li> + <li><span id="result_box" lang="ca"><span>Si l'element</span> <span>és un</span> <span>element</span></span> <strong>audio</strong>, <strong>embed</strong>, <strong>iframe</strong>, <strong>img</strong>, <strong>source</strong>, <strong>track</strong> o <strong>video</strong> + <ul> + <li>El valor és la cadena URL resultant que resulta d'analitzar el valor de l'atribut src de l'element en relació amb el document node (part de <a href="https://developer.mozilla.org/en-US/docs/Web/API/Microdata_DOM_API">Microdata DOM API</a>) de l'element en el moment en què s'estableix l'atribut</li> + </ul> + </li> + <li><span id="result_box" lang="ca"><span>Si l'element</span> <span>és un</span> <span>element</span></span> <strong>a</strong>, <strong>area</strong> o <strong>link</strong> + <ul> + <li>El valor és la cadena URL resultant que resulta d'analitzar el valor de l'atribut href de l'element en relació amb el document node de l'element en el moment que s'estableix l'atribut</li> + </ul> + </li> + <li><span id="result_box" lang="ca"><span>Si l'element</span> <span>és un</span> <span>element</span></span> <strong>object</strong> + <ul> + <li>El valor és la cadena URL resultant que resulta d'analitzar el valor de l'atribut data de l'element en relació amb el document node de l'element en el moment que s'estableix l'atribut</li> + </ul> + </li> + <li><span id="result_box" lang="ca"><span>Si l'element</span> <span>és un</span> <span>element</span></span> <strong>data</strong> + <ul> + <li>El valor és el valor de l'atribut value de l'element</li> + </ul> + </li> + <li><span id="result_box" lang="ca"><span>Si l'element</span> <span>és un</span> <span>element</span></span> <strong>meter </strong> + <ul> + <li>El valor és el valor de l'atribut <strong>value</strong> de l'element</li> + </ul> + </li> + <li><span id="result_box" lang="ca"><span>Si l'element</span> <span>és un</span> <span>element</span></span> <strong>time </strong> + <ul> + <li>El valor és el valor <strong>datetime</strong> de l'element</li> + </ul> + </li> +</ul> + +<p><span class="short_text" id="result_box" lang="ca"><span>D'una altra manera</span></span></p> + +<ul> + <li><span class="short_text" id="result_box" lang="ca"><span>El valor és</span> <strong><span>textContent</span></strong> <span>de l'element.</span></span></li> +</ul> + +<p>Si el valor d'una propietat és un URL, la propietat s'haurà d'especificar mitjançant un element de propietat URL. Els elements de la propietat URL són els elements <strong>a</strong>, <strong>area</strong>, <strong>audio</strong>, <strong>embed</strong>, <strong>iframe</strong>, <strong>img</strong>, <strong>link</strong>, <strong>object</strong>, <strong>source</strong>, <strong>track</strong> i <strong>video</strong>.</p> + +<h3 id="Ordre_dels_noms">Ordre dels noms</h3> + +<p>Els noms estan desordenats respecte a l'altra, però si un nom en particular té diversos valors, tenen un ordre relatiu.</p> + +<h4 id="En_el_següent_exemple_la_propietat_a_té_els_valors_1_i_2_en_aquest_ordre_però_si_la_propietat_a_ve_abans_que_la_propietat_b_o_no_no_és_important">En el següent exemple, la propietat "a" té els valors "1" i "2", en aquest ordre, però si la propietat "a" ve abans que la propietat "b" o no, no és important</h4> + +<pre class="brush: html"><div itemscope> + <p itemprop="a">1</p> + <p itemprop="a">2</p> + <p itemprop="b">test</p> +</div></pre> + +<h4 id="El_següent_és_equivalent"><span class="short_text" id="result_box" lang="ca"><span>El següent</span> <span>és</span> <span>equivalent</span></span></h4> + +<pre class="brush: html"><div itemscope> + <p itemprop="b">test</p> + <p itemprop="a">1</p> + <p itemprop="a">2</p> +</div></pre> + +<h4 id="Com_és_el_següent"><span class="short_text" id="result_box" lang="ca"><span>Com és el</span> <span>següent</span></span></h4> + +<pre class="brush: html"><div itemscope> + <p itemprop="a">1</p> + <p itemprop="b">test</p> + <p itemprop="a">2</p> +</div></pre> + +<h4 id="I_el_següent"> <span class="short_text" id="result_box" lang="ca"><span>I el</span> <span>següent</span></span></h4> + +<pre class="brush: html"><div id="x"> + <p itemprop="a">1</p> +</div> +<div itemscope itemref="x"> + <p itemprop="b">test</p> + <p itemprop="a">2</p> +</div> +</pre> + +<h2 id="Altres_exemples">Altres exemples</h2> + +<h3 id="HTML_2">HTML</h3> + +<pre class="brush: html"><dl itemscope itemtype="http://vocab.example.net/book" itemid="urn:isbn:0-330-34032-8"> + <dt>Title <dd itemprop="title">The Reality Dysfunction + <dt>Author <dd itemprop="author">Peter F. Hamilton + <dt>Publication date + <dd><time itemprop="pubdate" datetime="1996-01-26">26 January 1996</time> +</dl> +</pre> + +<h3 id="Estructuració_de_les_dades_2"><span class="short_text" id="result_box" lang="ca"><span>Estructuració de les dades</span></span></h3> + +<table class="standard-table"> + <tbody> + <tr> + <td colspan="1" rowspan="14">itemscope</td> + <td>itemtype: itemid</td> + <td colspan="2" rowspan="1">http://vocab.example.net/book: urn:isbn:0-330-34032-8</td> + </tr> + <tr> + <td>itemprop</td> + <td>title</td> + <td>The Reality Dysfunction</td> + </tr> + <tr> + <td>itemprop</td> + <td>author</td> + <td>Peter F. Hamilton</td> + </tr> + <tr> + <td>itemprop</td> + <td>pubdate</td> + <td>1996-01-26</td> + </tr> + </tbody> +</table> + +<h3 id="Resultat">Resultat</h3> + +<p>{{EmbedLiveSample('HTML_2', '', '', '', 'Web/HTML/Global_attributes/itemprop')}}</p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + <tr> + <td><code><a href="https://html.spec.whatwg.org/multipage/microdata.html#names:-the-itemprop-attribute:names:-the-itemprop-attribute">itemprop</a></code></td> + <td> </td> + <td>WG Nota - <span class="short_text" id="result_box" lang="ca"><span>Ja</span> <span>no s'està</span> <span>desenvolupant</span> <span>activament</span></span></td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Característica</th> + <th>Android</th> + <th>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> + +<h2 id="Veure">Veure</h2> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">Altres atributs globals diferents</a></li> + <li>Altres atributs globals relacionats amb microdata: + <ul> + <li>{{htmlattrxref("itemid")}}</li> + <li>{{htmlattrxref("itemprop")}}</li> + <li>{{htmlattrxref("itemref")}}</li> + <li>{{htmlattrxref("itemscope")}}</li> + <li>{{htmlattrxref("itemtype")}}</li> + </ul> + </li> +</ul> +</div> +</div> diff --git a/files/ca/web/html/global_attributes/itemref/index.html b/files/ca/web/html/global_attributes/itemref/index.html new file mode 100644 index 0000000000..3a1a9f19e5 --- /dev/null +++ b/files/ca/web/html/global_attributes/itemref/index.html @@ -0,0 +1,181 @@ +--- +title: itemref +slug: Web/HTML/Global_attributes/itemref +tags: + - Attribute + - Global attribute + - HTML + - Microdata + - Reference +translation_of: Web/HTML/Global_attributes/itemref +--- +<div>{{HTMLSidebar("Global_attributes")}}</div> + +<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <strong>itemref</strong> Les propietats que no són descendents d'un element amb l'atribut <code>itemscope</code> es poden associar amb l'element utilitzant una <code><strong>itemref</strong></code>. <code>itemref</code> proporciona una llista d'elements id's (no Itemids) amb propietats addicionals en qualsevol lloc del document.</p> + +<p><span id="result_box" lang="ca"><span>L'atribut</span> <code><span>itemref</span></code> <span>només</span> <span>es</span> <span>pot</span> <span>especificar</span> <span>en elements que</span> <span>tinguin un</span> <span>atribut</span> <code><span>itemscope</span></code> <span>especificat.</span></span></p> + +<p class="note"><strong>Nota: </strong>l'atribut <code>itemref</code> no és part del model de dades microdata. No és més que una construcció sintàctica per ajudar els autors a afegir anotacions a les pàgines en què les dades anotades no segueixen una estructura d'arbre convenient. Per exemple, es permet als autors el marcatge de dades en una taula de manera que cada columna defineix un element a part, mantenint les propietats de les cel·les.</p> + +<h2 id="Exemple">Exemple</h2> + +<h3 id="HTML">HTML</h3> + +<pre class="brush: html"><div itemscope id="amanda" itemref="a b"></div> +<p id="a">Name: <span itemprop="name">Amanda</span> </p> +<div id="b" itemprop="band" itemscope itemref="c"></div> +<div id="c"> + <p>Band: <span itemprop="name">Jazz Band</span> </p> + <p>Size: <span itemprop="size">12</span> players</p> +</div> +</pre> + +<h3 id="Estructuració_de_les_dades"><span class="short_text" id="result_box" lang="ca"><span>Estructuració de les dades</span></span></h3> + +<table class="standard-table"> + <tbody> + <tr> + <th>id's</th> + <th>itemscope</th> + <th>itemref</th> + <th> </th> + <th>(itemprop name)</th> + <th>(itemprop value)</th> + </tr> + <tr> + <td>id=amanda</td> + <td>itemscope</td> + <td>itemref=a,b</td> + <td> </td> + <td> </td> + <td> </td> + </tr> + <tr> + <td>id=a</td> + <td> </td> + <td> </td> + <td>itemprop</td> + <td>name</td> + <td>Amanda</td> + </tr> + <tr> + <td>id=b</td> + <td>itemscope</td> + <td>itemref=c</td> + <td> </td> + <td>band</td> + <td> </td> + </tr> + <tr> + <td colspan="1" rowspan="2">id=c</td> + <td> </td> + <td> </td> + <td>itemprop</td> + <td>Band</td> + <td>Jazz Band</td> + </tr> + <tr> + <td> </td> + <td> </td> + <td>itemprop</td> + <td>Size</td> + <td>12</td> + </tr> + </tbody> +</table> + +<h3 id="Resultat">Resultat</h3> + +<p>{{EmbedLiveSample('Example', '', '', '', 'Web/HTML/Global_attributes/itemref')}}</p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + <tr> + <td><code><a href="https://html.spec.whatwg.org/multipage/microdata.html#items">itemref</a></code></td> + <td> </td> + <td>WG Nota - <span class="short_text" id="result_box" lang="ca"><span>Ja</span> <span>no s'està</span> <span>desenvolupant</span> <span>activament</span></span></td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">Altres atributs globals diferents</a></li> + <li>Altres atributs globals relacionats amb microdata: + <ul> + <li>{{htmlattrxref("itemid")}}</li> + <li>{{htmlattrxref("itemprop")}}</li> + <li>{{htmlattrxref("itemref")}}</li> + <li>{{htmlattrxref("itemscope")}}</li> + <li>{{htmlattrxref("itemtype")}}</li> + </ul> + </li> +</ul> + +<div class="s3gt_translate_tooltip" id="s3gt_translate_tooltip" style="position: absolute; left: 106px; top: 156px; opacity: 0;"> +<div class="s3gt_translate_tooltip_mini" id="s3gt_translate_tooltip_mini_logo" title="Traducir texto seleccionado"> </div> + +<div class="s3gt_translate_tooltip_mini" id="s3gt_translate_tooltip_mini_sound" title="Reproducir"> </div> + +<div class="s3gt_translate_tooltip_mini" id="s3gt_translate_tooltip_mini_copy" title="Copy text to Clipboard"> </div> +</div> diff --git a/files/ca/web/html/global_attributes/itemscope/index.html b/files/ca/web/html/global_attributes/itemscope/index.html new file mode 100644 index 0000000000..6e7c42d8e9 --- /dev/null +++ b/files/ca/web/html/global_attributes/itemscope/index.html @@ -0,0 +1,315 @@ +--- +title: itemscope +slug: Web/HTML/Global_attributes/itemscope +tags: + - Attribute + - Global attribute + - HTML + - Microdata + - Reference +translation_of: Web/HTML/Global_attributes/itemscope +--- +<div>{{HTMLSidebar("Global_attributes")}}</div> + +<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <code><strong>itemscope</strong></code> (en general) treballa juntament amb {{htmlattrxref ("itemtype")}} per especificar que el contingut HTML en un bloc es sobre un element en particular. <code>itemscope</code> crea l'element i defineix l'ambit del <code>itemtype</code> associat a ell. <code>itemtype</code> és un URL vàlid d'un vocabulari (com schema.org) que descriu l'element i el seu context de propietats. En els exemples següents el vocabulari utilitzat és de schema.org. Cada element HTML pot tenir un atribut <code>itemscope</code> especificat. Un element i<code>temscope</code> que no té un <code>itemtype</code> associat té una <code>itemref.</code></p> + +<div class="note"> +<p><strong>Nota:</strong> Més informació sobre els atributs <code>itemtype</code> es poden trobar a <a href="http://schema.org/Thing">http://schema.org/Thing</a></p> +</div> + +<h3 id="Exemple_senzill">Exemple senzill</h3> + +<h4 id="HTML">HTML</h4> + +<pre class="brush:html"><div itemscope itemtype ="http://schema.org/Movie"> + <h1 itemprop="name">Avatar</h1> + <span>Director: <span itemprop="director">James Cameron</span> (born August 16, 1954)</span> + <span itemprop="genre">Science fiction</span> + <a href="https://youtu.be/0AY1XIkX7bY" itemprop="trailer">Trailer</a> +</div> +</pre> + +<h4 id="sect1"> </h4> + +<h4 id="Estructuració_de_les_dades">Estructuració de les dades</h4> + +<table class="standard-table"> + <tbody> + <tr> + <td rowspan="6">itemscope</td> + <td>Itemtype</td> + <td colspan="2">Movie</td> + </tr> + <tr> + <td>itemprop</td> + <td>(itemprop name)</td> + <td>(itemprop value)</td> + </tr> + <tr> + <td>itemprop</td> + <td>director</td> + <td>James Cameron</td> + </tr> + <tr> + <td>itemprop</td> + <td>genre</td> + <td>Science Fiction</td> + </tr> + <tr> + <td>itemprop</td> + <td>name</td> + <td>Avatar</td> + </tr> + <tr> + <td>itemprop</td> + <td>https://youtu.be/0AY1XIkX7bY</td> + <td>Trailer</td> + </tr> + </tbody> +</table> + +<h3 id="itemscope_id's"><code>itemscope</code> id's</h3> + +<p>Un element amb l'atribut <code>itemscope</code> especificat crea un nou element que consisteix en un grup de parells de nom-valor. Els elements amb un atribut <code>itemscope</code> i un atribut <code>itemtype</code> també poden tenir un atribut {{htmlattrxref ("id")}} especificat (no un itemid, cf. {{htmlattrxref ("itemref")}}), per donar un identificador global a l'element, de manera que pot estar relacionat amb altres elements de pàgines d'altres llocs a la web.</p> + +<h3 id="Exemple">Exemple</h3> + +<p>Hi ha tres <code>itemscope</code> en aquest exemple. Els tres <code>itemscope</code>, al seu torn, estableixen l'ambit corresponent de tres <code>itemtype</code>. Els tres <code>itemtype</code> són <code>Recipe</code>, <code>AggregateRating</code> i <code>NutritionInformation</code> . Aquests <code>itemtype</code> són part de la estructura de dades de schema.org per a una recepta.</p> + +<pre class="brush: html"><div itemscope itemtype="http://schema.org/Recipe"> +<h2 itemprop="name">Grandma's Holiday Apple Pie</h2> +<img itemprop="image" src="https://c1.staticflickr.com/1/30/42759561_8631e2f905_n.jpg" width="50" height="50"/> +<p>By <span itemprop="author" itemscope itemtype="http://schema.org/Person"> +<span itemprop="name">Carol Smith</p></span> +</span> +<p>Published: <time datetime="2009-11-05" itemprop="datePublished"> +November 5, 2009</p></time> +<span itemprop="description">This is my grandmother's apple pie recipe. I like to add a dash of nutmeg.<br></span> + <span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> + <span itemprop="ratingValue">4.0</span> stars based on <span itemprop="reviewCount">35</span> reviews<br></span> +Prep time: <time datetime="PT30M" itemprop="prepTime">30 min<br></time> + Cook time: <time datetime="PT1H" itemprop="cookTime">1 hour<br></time> + Total time: <time datetime="PT1H30M" itemprop="totalTime">1 hour 30 min<br></time> + Yield: <span itemprop="recipeYield">1 9" pie (8 servings)<br></span> + <span itemprop="nutrition" itemscope itemtype="http://schema.org/NutritionInformation"> + Serving size: <span itemprop="servingSize">1 medium slice<br></span> + Calories per serving: <span itemprop="calories">250 cal<br></span> + Fat per serving: <span itemprop="fatContent">12 g<br></span> +</span> +<p>Ingredients:<br> + <span itemprop="recipeIngredient">Thinly-sliced apples: 6 cups<br></span> + <span itemprop="recipeIngredient">White sugar: 3/4 cup<br></span> + ... </p> + +Directions: <br> + <div itemprop="recipeInstructions"> + 1. Cut and peel apples<br> + 2. Mix sugar and cinnamon. Use additional sugar for tart apples. <br> + ... + </div> +</div> </pre> + +<h3 id="Resultats">Resultats</h3> + +<h4 id="HTML_2">HTML</h4> + +<p>{{EmbedLiveSample('Example', '500', '550', '', 'Web/HTML/Global_attributes/itemscope')}}</p> + +<h4 id="Estructuració_de_les_dades_2">Estructuració de les dades</h4> + +<table class="standard-table"> + <tbody> + <tr> + <td colspan="1" rowspan="14">itemscope</td> + <td>itemtype</td> + <td colspan="2" rowspan="1">Recipe</td> + </tr> + <tr> + <td>itemprop</td> + <td>name</td> + <td>Grandma's Holiday Apple Pie</td> + </tr> + <tr> + <td>itemprop</td> + <td>image</td> + <td>https://c1.staticflickr.com/1/30/42759561_8631e2f905_n.jpg</td> + </tr> + <tr> + <td>itemprop</td> + <td>datePublished</td> + <td>2009-11-05</td> + </tr> + <tr> + <td>itemprop</td> + <td>description</td> + <td>This is my grandmother's apple pie recipe. I like to add a dash of nutmeg.</td> + </tr> + <tr> + <td>itemprop</td> + <td>prepTime</td> + <td>PT30M</td> + </tr> + <tr> + <td>itemprop</td> + <td>cookTime</td> + <td>PT1H</td> + </tr> + <tr> + <td>itemprop</td> + <td>totalTime</td> + <td>PT1H30M</td> + </tr> + <tr> + <td>itemprop</td> + <td>recipeYield</td> + <td>1 9" pie (8 servings)</td> + </tr> + <tr> + <td>itemprop</td> + <td>recipeIngredient</td> + <td>Thinly-sliced apples: 6 cups</td> + </tr> + <tr> + <td>itemprop</td> + <td>recipeIngredient</td> + <td>White sugar: 3/4 cup</td> + </tr> + <tr> + <td>itemprop</td> + <td>recipeInstructions</td> + <td>1. Cut and peel apples 2. Mix sugar and cinnamon. Use additional sugar for tart apples .</td> + </tr> + <tr> + <td>itemprop</td> + <td colspan="2" rowspan="1">author [Person]</td> + </tr> + <tr> + <td>itemprop</td> + <td>name</td> + <td>Carol Smith</td> + </tr> + <tr> + <td colspan="1" rowspan="3">itemscope</td> + <td>itemprop[itemtype]</td> + <td colspan="2" rowspan="1">aggregateRating [AggregateRating]</td> + </tr> + <tr> + <td>itemprop</td> + <td>ratingValue</td> + <td>4.0</td> + </tr> + <tr> + <td>itemprop</td> + <td>reviewCount</td> + <td>35</td> + </tr> + <tr> + <td colspan="1" rowspan="4">itemscope</td> + <td>itemprop[itemtype]</td> + <td colspan="2" rowspan="1">nutrition [NutritionInformation]</td> + </tr> + <tr> + <td>itemprop</td> + <td>servingSize</td> + <td>1 medium slice</td> + </tr> + <tr> + <td>itemprop</td> + <td>calories</td> + <td>250 cal</td> + </tr> + <tr> + <td>itemprop</td> + <td>fatContent</td> + <td>12 g</td> + </tr> + </tbody> +</table> + +<div class="note"> +<p><strong>Nota</strong>: Una eina molt útil per a l'extracció d'estructures de microdata d'HTML és Google's <a href="https://developers.google.com/structured-data/testing-tool/">Structured Data Testing Tool</a>. Intenteu-ho en el codi HTML que es mostra a dalt.</p> +</div> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + <tr> + <td><code><a href="https://html.spec.whatwg.org/multipage/microdata.html#items">itemscope</a></code></td> + <td> </td> + <td>WG Nota - <span class="short_text" id="result_box" lang="ca"><span>Ja</span> <span>no s'està</span> <span>desenvolupant</span> <span>activament</span></span></td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">Altres atributs globals diferents</a></li> + <li>Altres atributs globals relacionats amb microdata: + <ul> + <li>{{htmlattrxref("itemid")}}</li> + <li>{{htmlattrxref("itemprop")}}</li> + <li>{{htmlattrxref("itemref")}}</li> + <li>{{htmlattrxref("itemscope")}}</li> + <li>{{htmlattrxref("itemtype")}}</li> + </ul> + </li> +</ul> diff --git a/files/ca/web/html/global_attributes/itemtype/index.html b/files/ca/web/html/global_attributes/itemtype/index.html new file mode 100644 index 0000000000..9e6d0b8671 --- /dev/null +++ b/files/ca/web/html/global_attributes/itemtype/index.html @@ -0,0 +1,295 @@ +--- +title: itemtype +slug: Web/HTML/Global_attributes/itemtype +tags: + - Attribute + - Global attribute + - HTML + - Microdata + - Reference +translation_of: Web/HTML/Global_attributes/itemtype +--- +<div>{{HTMLSidebar("Global_attributes")}}</div> + +<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <strong><code>itemtype</code></strong> especifica l'URL del vocabulari que s'utilitzarà per definir <code>itemprop</code> (propietats dels elements) en l'estructura de dades. {{Htmlattrxref ("itemscope")}} s'utilitza per establir l'ambit d'on en l'estructura de dades del vocabulari establert per <code>itemtype</code> estarà actiu.</p> + +<p>Google i altres motors de cerca donen suport al vocabulari <a href="http://schema.org/">schema.org</a> per dades estructurades. Aquest vocabulari defineix un conjunt estàndard de noms de tipus i noms de propietats, per exemple, <code><a href="http://schema.org/MusicEvent">MusicEvent</a> </code> indica la representació d'un concert amb <code><a href="http://schema.org/startDate">startDate</a></code> i propietats d'ubicació per especificar els detalls clau del concert. En aquest cas, seria <code><a href="http://schema.org/MusicEvent">MusicEvent</a></code> l'URL utilitzada per itemtype i startDate i la ubicació seria itemprop que <code><a href="http://schema.org/MusicEvent">MusicEvent</a> </code> defineix.</p> + +<div class="note"> +<p><strong>Note:</strong> Més informació sobre els atributs <code>itemtype</code> es poden trobar a <a href="http://schema.org/Thing">http://schema.org/Thing</a></p> +</div> + +<ul> + <li>L'atribut <strong>itemtype</strong> ha de tenir un valor que és un conjunt desordenat de cadenes úniques que distingeixen entre majúscules i minúscules, cadascuna de les quals és un URL vàlid que és un URL absoluta, i tots les quals estan definides per utilitzar el mateix vocabulari. El valor de l'atribut ha de tenir almenys una cadena.</li> + <li>Els tipus d'elements han de ser definits en les especificacions aplicables (com <a href="http://schema.org/">schema.org</a> ) i han ser definits per utilitzar el mateix vocabulari.</li> + <li>L'atribut <code>itemtype</code> només es pot especificar en elements que tinguin especificat un atribut <code>itemscope</code>.</li> + <li>L'atribut <code>itemid</code> només es pot especificar en elements que tinguin definit un atribut <code>itemscope</code> i un atribut <code>itemtype</code>, i només es pot definir en elements amb un atribut <code>itemscope</code> en el que el seu atribut <code>itemtype</code> especifica un vocabulari que no admet identificadors globals per els elements, com es definit en l'especificació del vocabulari.</li> + <li>El significat exacte d'un identificador global està determinat mitjançant l'especificació del vocabulari. Correspon a aquestes especificacions definir si es permet que existeixin múltiples elements amb el mateix identificador global (ja sigui en la mateixa pàgina o diferents pàgines), i quines són les regles de processament per a aquest vocabulari pel que fa al maneig del cas de diversos elements amb el mateix ID.</li> +</ul> + +<h3 id="Exemple_senzill">Exemple senzill</h3> + +<h4 id="HTML">HTML</h4> + +<pre class="brush: html"><div itemscope itemtype="http://schema.org/Product"> + <span itemprop="brand">ACME</span> + <span itemprop="name">Executive Anvil</span> +</div></pre> + +<h4 id="Estructuració_de_les_dades">Estructuració de les dades</h4> + +<table class="standard-table"> + <tbody> + <tr> + <td rowspan="4">itemscope</td> + <td>itemtype</td> + <td colspan="2" rowspan="1">schema.org Product</td> + </tr> + <tr> + <td>itemprop</td> + <td>name</td> + <td>Executive Anvil</td> + </tr> + <tr> + <td>itemprop</td> + <td colspan="2" rowspan="1">brand [Thing]</td> + </tr> + <tr> + <td>itemprop</td> + <td>name</td> + <td>ACME</td> + </tr> + </tbody> +</table> + +<h2 id="Exemple">Exemple</h2> + +<h3 id="HTML_2">HTML</h3> + +<pre class="brush: html"><div itemscope itemtype="http://schema.org/Product"> + <span itemprop="brand">ACME<br></span> + <span itemprop="name">Executive Anvil<br></span> + <img itemprop="image" src="https://pixabay.com/static/uploads/photo/2015/09/05/18/15/suitcase-924605_960_720.png" width="50" height="50" alt="Executive Anvil logo" /><br> + +<span itemprop="description">Sleeker than ACME's Classic Anvil, the + Executive Anvil is perfect for the business traveler + looking for something to drop from a height. + <br> +</span> + + Product #: <span itemprop="mpn">925872<br></span> + <span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> + Rating: <span itemprop="ratingValue">4.4</span> stars, based on <span itemprop="reviewCount">89 + </span> reviews<p> + </span> + +<span itemprop="offers" itemscope itemtype="http://schema.org/Offer"> + Regular price: $179.99<br> + <meta itemprop="priceCurrency" content="USD" /> + <span itemprop="price">Sale price: $119.99<br></span> + (Sale ends <time itemprop="priceValidUntil" datetime="2020-11-05"> + 5 November!</time>)<br> + Available from: <span itemprop="seller" itemscope itemtype="http://schema.org/Organization"> + <span itemprop="name">Executive Objects<br></span> + </span> + Condition: <link itemprop="itemCondition" href="http://schema.org/UsedCondition"/>Previously owned, + in excellent condition<br> + <link itemprop="availability" href="http://schema.org/InStock"/>In stock! Order now! +</span> + + </span> + +</div></pre> + +<h3 id="Resultat">Resultat</h3> + +<h4 id="HTML_3">HTML</h4> + +<p>{{EmbedLiveSample('HTML_2', '300', '400', '', 'Web/HTML/Global_attributes/itemtype')}}</p> + +<h4 id="Estructuració_de_les_dades_2">Estructuració de les dades</h4> + +<table class="standard-table"> + <tbody> + <tr> + <td colspan="1" rowspan="7">itemscope</td> + <td>itemtype</td> + <td colspan="2" rowspan="1">Product (http://schema.org/Product)</td> + </tr> + <tr> + <td>itemprop</td> + <td>name</td> + <td>Executive Anvil</td> + </tr> + <tr> + <td>itemprop</td> + <td>image</td> + <td>https://pixabay.com/static/uploads/photo/2015/09/05/18/15/suitcase-924605_960_720.png</td> + </tr> + <tr> + <td>itemprop</td> + <td>description</td> + <td>Sleeker than ACME's Classic Anvil, the Executive Anvil is perfect for the business traveler looking for something to drop from a height.</td> + </tr> + <tr> + <td>itemprop</td> + <td>mpn</td> + <td>925872</td> + </tr> + <tr> + <td>itemprop</td> + <td>brand [Thing]</td> + <td> </td> + </tr> + <tr> + <td>itemprop</td> + <td>name</td> + <td>ACME</td> + </tr> + <tr> + <td colspan="1" rowspan="9">itemscope</td> + <td>itemprop[itemtype]</td> + <td>aggregateRating[AggregateRating]</td> + <td> </td> + </tr> + <tr> + <td>itemprop</td> + <td>ratingValue</td> + <td>4.4</td> + </tr> + <tr> + <td>itemprop</td> + <td>reviewCount</td> + <td>89</td> + </tr> + <tr> + <td>itemprop</td> + <td>offers [Offer]</td> + <td>http://schema.org/Offer</td> + </tr> + <tr> + <td>itemprop</td> + <td>priceCurrency</td> + <td>USD</td> + </tr> + <tr> + <td>itemprop</td> + <td>price</td> + <td>119.99</td> + </tr> + <tr> + <td>itemprop</td> + <td>priceValidUntil</td> + <td>2020-11-05</td> + </tr> + <tr> + <td>itemprop</td> + <td>itemCondition</td> + <td>http://schema.org/UsedCondition</td> + </tr> + <tr> + <td>itemprop</td> + <td>availability</td> + <td>http://schema.org/InStock</td> + </tr> + <tr> + <td colspan="1" rowspan="2">itemscope</td> + <td>itemprop[itemtype]</td> + <td>seller [Organization]</td> + <td>http://schema.org/Organization</td> + </tr> + <tr> + <td>itemprop</td> + <td>name</td> + <td>Executive Objects</td> + </tr> + </tbody> +</table> + +<div class="note"> +<p><strong>Nota</strong>: Una eina molt útil per a l'extracció d'estructures de microdata d'HTML és Google's <a class="external external-icon" href="https://developers.google.com/structured-data/testing-tool/">Structured Data Testing Tool</a>. Intenteu-ho en el codi HTML que es mostra a dalt.</p> +</div> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + <tr> + <td><code><a href="https://html.spec.whatwg.org/multipage/microdata.html#items">itemtype</a></code></td> + <td> </td> + <td>WG Nota - <span class="short_text" id="result_box" lang="ca"><span>Ja</span> <span>no s'està</span> <span>desenvolupant</span> <span>activament</span></span></td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</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>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">Altres atributs globals diferents</a></li> + <li>Altres atributs globals relacionats amb microdata: + <ul> + <li>{{htmlattrxref("itemid")}}</li> + <li>{{htmlattrxref("itemprop")}}</li> + <li>{{htmlattrxref("itemref")}}</li> + <li>{{htmlattrxref("itemscope")}}</li> + <li>{{htmlattrxref("itemtype")}}</li> + </ul> + </li> +</ul> diff --git a/files/ca/web/html/global_attributes/lang/index.html b/files/ca/web/html/global_attributes/lang/index.html new file mode 100644 index 0000000000..5817c27aca --- /dev/null +++ b/files/ca/web/html/global_attributes/lang/index.html @@ -0,0 +1,102 @@ +--- +title: lang +slug: Web/HTML/Global_attributes/lang +translation_of: Web/HTML/Global_attributes/lang +--- +<p class="note">{{HTMLSidebar("Global_attributes")}}</p> + +<p> L'<a href="/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <strong>lang </strong>participa en la definició de la llengua de l'element,la llengua en que els elements no editables estan escrits o la llengua en que els elements editables han de ser escrit. L'etiqueta conté un valor d'entrada únic que correspon a una de les etiquetes del document IETF <a class="external" href="http://www.ietf.org/rfc/bcp/bcp47.txt" title="http://www.ietf.org/rfc/bcp/bcp47.txt"><em>Tags for Identifying Languages (BCP47)</em></a>. Si el contingut de l'etiqueta és uan <em>cadena buida </em>la llengua s'estableix com <em>a </em><em>desgoneguda</em> ; si el contingut de l'etiqueta no és valid, en referència al BCP47, s'estableix com a <em>invàlida</em>.</p> + +<p>Encara que l'atribut <strong>lang</strong> hagi sigut establert, pot no tenir-se e compte, ja que l'atribut <a href="/en-US/docs/Web/HTML/Global_attributes/xml:lang"><strong>xml:lang</strong></a> té prioritat. Llegiu <a href="/en-US/docs/Determining_the_language_of_element" title="en/Determining the language of element"> l'algoritme per determinar la llengua</a> d'un contingut d'un element per veure com la llengua es determina en tots els casos.</p> + +<p>Per la pseudo-classe de CSS {{ cssxref(":lang") }}, dos noms de llengües invàlides són diferents si els seus noms són diferents.</p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentaris</th> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', "dom.html#the-lang-and-xml:lang-attributes", "lang")}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>No hi ha canvis de l'última instantània, {{SpecName('HTML5.1')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', "dom.html#the-lang-and-xml:lang-attributes", "lang")}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td>Instantània de {{SpecName('HTML WHATWG')}}, no hi ha canvis de {{SpecName('HTML5 W3C')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', "dom.html#the-lang-and-xml:lang-attributes", "lang")}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Instantània de {{SpecName('HTML WHATWG')}}, comprotament amb <strong>xml:lang</strong> i determinació de llenguatge algorísmic definit. També és un veritable atribut global.</td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/dirlang.html#h-8.1', 'lang')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td>Supportat en tots elements menys en {{HTMLElement("applet")}}, {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("br")}}, {{HTMLElement("frame")}}, {{HTMLElement("frameset")}}, {{HTMLElement("iframe")}}, {{HTMLElement("param")}}, i {{HTMLElement("script")}}.</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility">Browser compatibility</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>Suport Bàsic</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</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>Chrome per Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport Bàsic</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Vegeu_també">Vegeu també</h2> + +<ul> + <li>Tots els <a href="/en-US/docs/Web/HTML/Global_attributes">Atributs globals</a>.</li> +</ul> diff --git a/files/ca/web/html/global_attributes/spellcheck/index.html b/files/ca/web/html/global_attributes/spellcheck/index.html new file mode 100644 index 0000000000..6a9d94f1fc --- /dev/null +++ b/files/ca/web/html/global_attributes/spellcheck/index.html @@ -0,0 +1,215 @@ +--- +title: spellcheck +slug: Web/HTML/Global_attributes/spellcheck +tags: + - Experimental + - Global attributes + - HTML + - Reference +translation_of: Web/HTML/Global_attributes/spellcheck +--- +<p class="note">{{HTMLSidebar("Global_attributes")}}{{SeeCompatTable}}</p> + +<p>L'atribut global spellcheck és un atribut enumerat defineix si en l'element es poden comprovar els errors d'ortografia. Pot tenir els següents valors:</p> + +<ul> + <li><code>true</code>, indica que l'element, si és possible, se li ha de comprovar els errors d'ortografia;</li> + <li><code>false</code>, indica que l'element, si és possible, no se li ha de comprovar els errors d'ortografia.</li> +</ul> + +<p>Si aquest atribut no està establert, el valor predeterminat és de tipus d'element i definit pel navegador. Aquest valor per defecte també pot <em>heretar</em>, la qual cosa vol dir que el contingut de l'element es revisa l'ortografia només si el seu ancestre més proper té un estat <code>true</code> per la correcció ortogràfica.<br> + <br> + Podeu consultar <a href="/en/HTML/Controlling_spell_checking_in_HTML_forms" title="en/Controlling spell checking in HTML forms">aquest article</a> per veure un exemple complet de l'ús d'aquest atribut.</p> + +<p>Aquest atribut és un enumerat i no un booleà. Això vol dir que l'ús explícit d'un dels valors <code>true</code> o <code>false</code> és obligatori i que una forma abreujada com <code><label spellcheck></code>Exemple <code>Label</ label></code> no està permès. L'ús correcte és <code><label spellcheck="true"></code>Exemple <code>Label</label></code>.</p> + +<p>Aquest atribut és simplement un suggeriment per al navegador: els navegadors no són necessaris per a poder comprovar els errors d'ortografia. Generalment, els elements no editables no es comproven els errors d'ortografia, tot i que l'atribut <strong>spellcheck</strong> s'estableixi en <code>true</code> i el navegador sigui compatible amb la correcció ortogràfica.</p> + +<p>El <em>valor per defecte</em> d'aquest atribut depèn del navegador i l'element:</p> + +<table class="fullwidth-table"> + <tbody> + <tr> + <th>Browser</th> + <th>{{ HTMLElement("html") }}</th> + <th>{{ HTMLElement("textarea") }}</th> + <th>{{ HTMLElement("input") }}</th> + <th>others</th> + <th>Comment</th> + </tr> + <tr> + <td rowspan="3">Firefox</td> + <td><code>false</code></td> + <td><code>false</code></td> + <td><code>false</code></td> + <td><em>inherited</em></td> + <td>When <code>layout.spellcheckDefault</code> is <code>0</code></td> + </tr> + <tr> + <td><strong><code>false</code></strong></td> + <td><strong><code>true</code></strong></td> + <td><strong><em>inherited</em></strong></td> + <td><strong><em>inherited</em></strong></td> + <td><strong>When <code>layout.spellcheckDefault</code> is <code>1</code> (default value)</strong></td> + </tr> + <tr> + <td><code>false</code></td> + <td><code>true</code></td> + <td><code>true</code></td> + <td><em>inherited</em></td> + <td>When <code>layout.spellcheckDefault</code> is <code>2</code></td> + </tr> + <tr> + <td rowspan="3">Seamonkey</td> + <td><code>false</code></td> + <td><code>false</code></td> + <td><code>false</code></td> + <td><em>inherited</em></td> + <td>When <code>layout.spellcheckDefault</code> is <span style="font-family: Courier New;"><code>0</code></span></td> + </tr> + <tr> + <td><strong><code>false</code></strong></td> + <td><strong><code>true</code></strong></td> + <td><strong><em>inherited</em></strong></td> + <td><strong><em>inherited</em></strong></td> + <td><strong>When <code>layout.spellcheckDefault</code> is <span style="font-family: Courier New;">1</span> (default value)</strong></td> + </tr> + <tr> + <td><code>false</code></td> + <td><code>true</code></td> + <td><code>true</code></td> + <td><em>inherited</em></td> + <td>When <code>layout.spellcheckDefault</code> is <span style="font-family: Courier New;"><code>2</code></span></td> + </tr> + <tr> + <td rowspan="3">Camino</td> + <td><code>false</code></td> + <td><code>false</code></td> + <td><code>false</code></td> + <td><em>inherited</em></td> + <td>When <code>layout.spellcheckDefault</code> is <span style="font-family: Courier New;"><code>0</code></span></td> + </tr> + <tr> + <td><code>false</code></td> + <td><code>true</code></td> + <td><em>inherited</em></td> + <td><em>inherited</em></td> + <td>When <code>layout.spellcheckDefault</code> is <span style="font-family: Courier New;"><code>1</code></span></td> + </tr> + <tr> + <td><strong><code>false</code></strong></td> + <td><strong><code>true</code></strong></td> + <td><strong><code>true</code></strong></td> + <td><strong><em>inherited</em></strong></td> + <td><strong>When <span style="font-family: Courier New;">layout.spellcheckDefault</span> is <span style="font-family: Courier New;"><code>2</code> </span><strong>(default value)</strong></strong></td> + </tr> + <tr> + <td>Chrome</td> + <td><code>false</code></td> + <td><code>true</code></td> + <td>?</td> + <td><em>inherited</em></td> + </tr> + <tr> + <td>Internet Explorer</td> + <td><code>false</code></td> + <td><code>true</code></td> + <td>?</td> + <td><em>inherited</em></td> + </tr> + <tr> + <td>Opera</td> + <td><code>false</code></td> + <td><code>true</code></td> + <td>?</td> + <td><em>inherited</em></td> + </tr> + <tr> + <td>Safari</td> + <td><code>false</code></td> + <td><code>true</code></td> + <td>?</td> + <td><em>inherited</em></td> + </tr> + </tbody> +</table> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', "interaction.html#spelling-and-grammar-checking", "spellcheck")}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', "editing.html#spelling-and-grammar-checking", "spellcheck")}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td>Instantània de {{SpecName('HTML WHATWG')}}, definició inicial.</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatGeckoDesktop("1.8.1") }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</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>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatUnknown}}</td> + <td>{{ CompatGeckoMobile("1.8.1") }}</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li> +</ul> diff --git a/files/ca/web/html/global_attributes/style/index.html b/files/ca/web/html/global_attributes/style/index.html new file mode 100644 index 0000000000..5487e42a7f --- /dev/null +++ b/files/ca/web/html/global_attributes/style/index.html @@ -0,0 +1,107 @@ +--- +title: style +slug: Web/HTML/Global_attributes/style +translation_of: Web/HTML/Global_attributes/style +--- +<p class="note">{{HTMLSidebar("Global_attributes")}}</p> + +<p>L'<a href="/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <strong>style</strong> contè declaracions d'estil <a href="/en/CSS" title="en/CSS">CSS</a> per ser aplicat a l'element. Fixeu-vos que es recomana definir els estils en un fitxer o fitxers diferent. Tant aquest atribut com l'element {{ HTMLElement("style") }} tenen principalment la finalitat de permetre aplicar estils de forma ràpida, per exemple per propòsits de testeig.</p> + +<div class="note"> +<p><strong>Nota d'ús: </strong>Aquest atribut no s'ha d'utilitzar per transmetre informació semàntica. Fins i tot en el cas que s'eliminin tots els estils, la pàgina hauria de remandre semànticament correcta. No s'hauria d'utilitzar per amagar informació irrellevant; si aquest és l'objectiu, s'hauria d'utilitzar l'atribut <a href="#attr-hidden" title="#attr-hidden"><strong>hidden</strong></a>.</p> +</div> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentaris</th> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', "dom.html#the-style-attribute", "style")}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Cap canvi des de l'última instantània, {{SpecName('HTML5.1')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', "dom.html#the-style-attribute", "style")}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td>Instantània de {{SpecName('HTML WHATWG')}}, cap canvi desde {{SpecName('HTML5 W3C')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', "dom.html#the-style-attribute", "style")}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Instantània {{SpecName('HTML WHATWG')}}. A partir de {{SpecName("HTML4.01")}}, és un atribut global vertader.</td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'present/styles.html#h-14.2.2', 'style')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td>Suportat en tots els elements excepte:{{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("param")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}}, and {{HTMLElement("title")}}.</td> + </tr> + <tr> + <td>{{ SpecName("CSS3 Style", "", "") }}</td> + <td>{{Spec2("CSS3 Style")}}</td> + <td>Es defineix el contingut de l'atribut <strong>style</strong>.</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>Suport bàsic</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</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>Chrome per Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Vegeu_també">Vegeu també</h2> + +<ul> + <li>Tots els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li> +</ul> diff --git a/files/ca/web/html/global_attributes/tabindex/index.html b/files/ca/web/html/global_attributes/tabindex/index.html new file mode 100644 index 0000000000..13ccd52808 --- /dev/null +++ b/files/ca/web/html/global_attributes/tabindex/index.html @@ -0,0 +1,116 @@ +--- +title: tabindex +slug: Web/HTML/Global_attributes/tabindex +tags: + - Global attributes + - HTML + - Reference +translation_of: Web/HTML/Global_attributes/tabindex +--- +<p>{{HTMLSidebar("Global_attributes")}}</p> + +<p class="note">El valor màxim per tabindex no ha d'excedir de 32.767 especificació W3C secció 17.11.1. Si no s'especifica el valor per omissió és -1</p> + +<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <span lang="ca"> <strong><span>tabindex</span></strong> <span>és</span> <span>un enter que</span> <span>indica</span> <span>si l'element</span> <span>pot</span> <span>tenir</span> <span>el focus</span> <span>d'entrada</span> <span>(</span><span>és</span> <em><span>enfocable</span></em><span>)</span><span>,</span> <span>si</span> <span>ha de participar</span> <span>en la navegació</span> <span>per teclat</span> <span>seqüencial</span><span>, i en cas</span> <span>afirmatiu</span><span>,</span> <span>en quina posició</span><span>.</span> <span>Pot prendre</span> <span>diversos</span> <span>valors</span><span>:</span></span></p> + +<ul> + <li><em>un valor negatiu</em> significa que l'element ha de ser enfocable, però no ha de ser accessible a través de la navegació seqüencial del teclat;</li> + <li><code>0</code> vol dir que l'element ha de ser enfocable i accessible a través de la navegació seqüencial del teclat, però el seu ordre relatiu està definit per la convenció de la plataforma;</li> + <li>un <em>valor positiu</em> significa que ha de ser enfocable i accessible a través de la navegació seqüencial del teclat; el seu ordre relatiu es defineix pel valor de l'atribut: el seguiment seqüencial va incrementan el nombre de tabindex. Si diversos elements comparteixen el mateix tabindex, el seu ordre relatiu segueix la seva posició relativa en el document.</li> +</ul> + +<p>Un element amb un valor <code>0</code>, un valor no vàlid o cap valor <strong>tabindex</strong> ha de ser col·locat després dels elements amb un <strong>tabindex</strong> positiu en l'ordre navegació seqüencial del teclat.</p> + +<p>Podeu consultar <a href="/en/Focus_management_in_HTML" title="en/Focus management in HTML">aquest article</a> per veure una explicació completa d'administració de l'enfocament.</p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', "editing.html#attr-tabindex", "tabindex")}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', "editing.html#attr-tabindex", "tabindex")}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td>Instantània de {{SpecName('HTML WHATWG')}}, sense canvis des de {{SpecName('HTML5 W3C')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', "editing.html#attr-tabindex", "tabindex")}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Instantània de {{SpecName('HTML WHATWG')}}. Des de {{SpecName("HTML4.01")}}, <span id="result_box" lang="ca"><span>l'atribut</span> <span>ara</span> <span>és compatible</span> <span>amb</span> <span>tots</span> <span>els</span> <span>elements</span> <span>(</span><span>atributs</span> <span>globals</span><span>)</span><span>.</span></span></td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'interact/forms.html#adef-tabindex', 'tabindex')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td>Només soportat en {{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("button")}}, {{HTMLElement("object")}}, {{HTMLElement("select")}} i {{HTMLElement("textarea")}}.</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</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>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li> + <li>{{domxref("HTMLElement.tabIndex")}} <span class="short_text" id="result_box" lang="ca"><span>que reflecteix</span> <span>aquest</span> <span>atribut.</span></span></li> + <li>Problemes d'accessibilitat amb tabindex: Veure <a href="http://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html" id="id-22" style="font-size: inherit; line-height: inherit;" title="Don’t Use Tabindex Greater than 0 | Adrian Roselli">No utilitzar Tabindex més gran que 0 | Adrian Roselli</a>.</li> +</ul> diff --git a/files/ca/web/html/global_attributes/title/index.html b/files/ca/web/html/global_attributes/title/index.html new file mode 100644 index 0000000000..de5b97f8e2 --- /dev/null +++ b/files/ca/web/html/global_attributes/title/index.html @@ -0,0 +1,139 @@ +--- +title: title +slug: Web/HTML/Global_attributes/title +tags: + - Global attributes + - HTML + - Reference +translation_of: Web/HTML/Global_attributes/title +--- +<p>{{HTMLSidebar("Global_attributes")}}</p> + +<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <strong>title</strong> conté un text que representa informació d'assessorament en relació amb l'element al qual pertany. Aquesta informació pot generalment, però no necessàriament, presentar-se a l'usuari com una descripció. Aquests són alguns dels usos típics d'aquest atribut:</p> + +<ul> + <li>Vincle: <span class="short_text" id="result_box" lang="ca"><span>el títol</span> <span>o una descripció</span> <span>del document</span> <span>vinculat</span></span></li> + <li>Element Media com una imatge: <span class="short_text" id="result_box" lang="ca"><span>una descripció o</span> <span>crèdits</span> <span>associats</span></span></li> + <li><span class="short_text" id="result_box" lang="ca"><span>Paràgraf</span></span>: <span class="short_text" id="result_box" lang="ca"><span>una nota</span> <span>al peu o</span> <span>un comentari</span> <span>sobre ell</span></span></li> + <li>Cita: <span id="result_box" lang="ca"><span>alguna informació</span> <span>sobre l'autor,</span> <span>i</span> <span>així</span> <span>successivament</span></span>.</li> +</ul> + +<p>Si s'omet aquest atribut, vol dir que el títol de l'ancestre més proper d'aquest element segueix sent rellevant per a ell (i legítimament es pot utilitzar com la descripció d'aquest element). Si aquest atribut s'estableix en una <em>cadena buida</em>, significa explícitament que el títol del seu ancestre més proper no és rellevant per a aquest element (i no ha de ser utilitzat en la descripció d'aquest element).</p> + +<p>Semàntiques addicionals estan connectats als atributs del <strong>title</strong> dels elements {{ HTMLElement("link") }}, {{ HTMLElement("abbr") }}, {{ HTMLElement("input") }} i {{ HTMLElement("menuitem") }}.</p> + +<p>L'atribut <strong>title</strong> pot contenir diverses línies. Cada <code>U+LINE FEED (LF)</code> que s'insereix representa un salt de línia. Algunes precaucions han de ser preses encara que, lo que vol dir que:</p> + +<pre class="brush: html"><p>Newlines in title should be taken into account,like this <abbr title="This is a +multiline title">example</abbr>.</p> +</pre> + +<p><span class="short_text" id="result_box" lang="ca"><span>defineix un</span> <span>títol</span> <span>de dues</span> <span>línies.</span></span></p> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', "elements.html#the-title-attribute", "title")}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', "dom.html#the-title-attribute", "title")}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td>Instantània de {{SpecName('HTML WHATWG')}}, sense canvis des de {{SpecName('HTML5 W3C')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', "dom.html#the-title-attribute", "title")}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Instantània de {{SpecName('HTML WHATWG')}}. Des de {{SpecName("HTML4.01")}}, <span class="short_text" id="result_box" lang="ca"><span>és un veritable</span> <span>atribut</span> <span>global</span></span></td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/global.html#adef-title', 'title')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td>Suportat amb tots els elements però {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("param")}}, {{HTMLElement("script")}} i {{HTMLElement("title")}}.</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + </tr> + <tr> + <td>Suport Multi-línia</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{CompatGeckoDesktop(12)}}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Característica</th> + <th>Android</th> + <th>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + </tr> + <tr> + <td>Suport Multi-línia</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile(12)}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li> + <li>{{domxref("HTMLElement.title")}} <span class="short_text" id="result_box" lang="ca"><span>que reflecteix</span> <span>aquest</span> <span>atribut.</span></span></li> +</ul> diff --git a/files/ca/web/html/global_attributes/translate/index.html b/files/ca/web/html/global_attributes/translate/index.html new file mode 100644 index 0000000000..34d63218b9 --- /dev/null +++ b/files/ca/web/html/global_attributes/translate/index.html @@ -0,0 +1,99 @@ +--- +title: translate +slug: Web/HTML/Global_attributes/translate +tags: + - Experimental + - Global attributes + - HTML + - Reference +translation_of: Web/HTML/Global_attributes/translate +--- +<p class="note">{{HTMLSidebar("Global_attributes")}}{{SeeCompatTable}}</p> + +<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <span lang="ca"> </span> <strong>translate</strong> és un atribut enumerat que s'utilitza per especificar si els valors dels atributs d'un element i els valors dels seus node de <code id="the-translate-attribute:text"><a href="https://html.spec.whatwg.org/multipage/infrastructure.html#text">Text</a></code> fills s'han de traduir quan la pàgina es localitzada, o deixar-los sense canvis. Pot tenir els següents valors:</p> + +<ul> + <li>cadena buida i <code>"yes"</code>, indica que l'element s'ha de traduir quan es localitza la pàgina.</li> + <li><code>"no"</code>, <span class="short_text" id="result_box" lang="ca"><span>indica que</span> <span>l'element no</span> <span>s'ha de traduir.</span></span></li> +</ul> + +<h2 id="Especificacions">Especificacions</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', "dom.html#attr-translate", "translate")}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', "dom.html#the-translate-attribute", "translate")}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td>Instantània de {{SpecName('HTML WHATWG')}}, definició inicial</td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</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>Suport bàsic</td> + <td>{{ CompatNo }}</td> + <td>{{ CompatNo }}</td> + <td>{{ CompatNo }}</td> + <td>{{ CompatNo }}</td> + <td>{{ CompatNo }}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Característica</th> + <th>Android</th> + <th>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{ CompatNo }}</td> + <td>{{ CompatNo }}</td> + <td>{{CompatNo }}</td> + <td>{{ CompatNo }}</td> + <td>{{ CompatNo }}</td> + <td>{{ CompatNo }}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veure">Veure</h2> + +<ul> + <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li> + <li>La propietat {{domxref("HTMLElement.translate")}} <span class="short_text" id="result_box" lang="ca"><span>reflecteix</span> <span>aquest</span> <span>atribut</span></span> .</li> +</ul> diff --git a/files/ca/web/html/index.html b/files/ca/web/html/index.html new file mode 100644 index 0000000000..81475f514a --- /dev/null +++ b/files/ca/web/html/index.html @@ -0,0 +1,106 @@ +--- +title: HTML (HyperText Markup Language) +slug: Web/HTML +tags: + - HTML + - HTML Lesson + - HTML Programming + - HTML Tutorials + - HTML5 + - Hyper text + - Hypertext + - Landing + - Reference + - Web + - What is HTML + - 'l10n:priority' +translation_of: Web/HTML +--- +<div>{{HTMLSidebar}}</div> + +<p class="summary"><strong>HTML</strong><strong> </strong>(llenguatge de marcatge hipertextual - HyperText Markup Language) és el bloc de construcció més bàsic de la web. Defineix el significat i l'estructura del contingut web. Altres tecnologies a més de HTML s'utilitzen generalment per descriure l'aparença/presentació (<a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a>) o la funcionalitat (<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript">JavaScript</a>) d'una pàgina web.</p> + +<p>"HyperText" fa referència als enllaços que connecten pàgines web entre si, ja sigui dins d'un únic lloc web o entre llocs web. Els enllaços són un aspecte fonamental de la web. En penjar contingut a Internet i enllaçar-lo a pàgines creades per altres persones, us convertiu en un participant actiu a la World Wide Web.</p> + +<p>HTML utilitza "marcat" per anotar text, imatges i altres continguts per mostrar-ho en un navegador web. El marcat HTML inclou "elements" especials com {{HTMLElement("head")}}, {{HTMLElement("title")}}, {{HTMLElement("body")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("p")}}, {{HTMLElement("div")}}, {{HTMLElement("span")}}, {{HTMLElement("img")}} i molts altres.</p> + +<p class="brush: html">Un element d'HTML és separa d'un altre text en un document mitjançant "etiquetes", les quals consisteixen en el nom de l'element envoltat per "<code><</code>" i "<code>></code>". El nom d'un element dins una etiqueta és indiferent a majúscules o minúscules. Que és, pot ser escrit dins majúscul, minúscula, o una mescla. Per exemple, l'etiqueta <code><title></code> es pot escriure com <code><Title></code>, <code><TITLE></code>, o en qualsevol altre manera.</p> + +<p>Els següents articles us ajudaran a aprendre més sobre HTML.</p> + +<section class="cleared" id="sect1"> +<ul class="card-grid"> + <li><span>Introducció a HTML</span> + + <p>Si sou nou en el desenvolupament web, assegureu-vos de llegir l'article <a href="/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics">HTML Bàsics</a> per aprendre què és HTML i com utilitzar-lo.</p> + </li> + <li><span>Tutorials HTML</span> + <p>Per articles sobre com utilitzar HTML, així com tutorials i exemples complets, consulteu el nostre <a href="https://developer.mozilla.org/en-US/docs/Learn/HTML">àrea d'aprenentatge HTML</a>.</p> + </li> + <li><span>Referència HTML</span> + <p>A la nostra àmplia secció de <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference">referència HTML</a>, trobareu els detalls sobre cada element i atribut en HTML.</p> + </li> +</ul> + +<div class="row topicpage-table"> +<div class="section"> +<h2 class="Tools" id="Tools" name="Tools">Tutorials per principiants</h2> + +<p>La nostra <a href="https://developer.mozilla.org/en-US/docs/Learn/HTML">àrea d'aprenentatge HTML</a> ofereix múltiples mòduls que ensenyen HTML des del principi, sense necessitat d'un coneixement previ.</p> + +<dl> + <dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">Introducció a HTML</a></dt> + <dd>Aquest mòdul estableix l'escenari, perquè us aneu acostumant a conceptes i sintaxis importants, com aplicar HTML al text, com crear hipervincles i com usar HTML per estructurar una pàgina web.</dd> + <dt><a href="/en-US/docs/Learn/HTML/Multimedia_and_embedding">Multimèdia i incrustació</a></dt> + <dd>Aquest mòdul explora com utilitzar HTML per incloure multimèdia a les vostres pàgines web, incloent les diferents maneres en què es poden incloure les imatges i com incrustar vídeo, àudio i fins i tot pàgines web senceres.</dd> + <dt><a href="/en-US/docs/Learn/HTML/Tables">Taules HTML</a></dt> + <dd>Representar dades tabulars en una pàgina web d'una manera comprensible i accessible pot ser un repte. Aquest mòdul inclou el marcat bàsic de la taula, juntament amb característiques més complexes, com ara la implementació de subtítols i resums.</dd> + <dt><a href="/en-US/docs/Learn/HTML/Forms">Formularis HTML</a></dt> + <dd>Els formularis són una part molt important de la Web: proporcionen gran part de la funcionalitat que necessiteu per interactuar amb els llocs web, p. ex. registrar i iniciar sessió, enviar comentaris, comprar productes i molt més. Aquest mòdul us permet començar a crear les parts del costat del client dels formularis.</dd> + <dt><a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto">Utilitzar HTML per resoldre problemes comuns</a></dt> + <dd>Proporciona enllaços a seccions de contingut que expliquen com utilitzar HTML per resoldre problemes molt comuns a l'hora de crear una pàgina web: tractar els títols, afegir imatges o vídeos, fer èmfasi en el contingut, crear un formulari bàsic, etc.</dd> +</dl> + +<h2 id="Temes_avançats">Temes avançats</h2> + +<dl> + <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/CORS_enabled_image">Imatge CORS habilitada</a></dt> + <dd>L'atribut {{htmlattrxref("crossorigin", "img")}} en combinació amb un encapçalament {{glossary("CORS")}} adequat, permet que les imatges definides per l'element {{HTMLElement("img")}} es carreguin des d'origens estrangers i s'utilitzin en un element {{HTMLElement("canvas")}} com si s'estiguessin carregant des de l'origen actual.</dd> + <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/CORS_settings_attributes">Atributs de configuració de CORS</a></dt> + <dd class="landingPageList">Alguns elements HTML que proporcionen suport per <a href="/ca/docs/HTTP/Access_control_CORS">CORS</a>, com ara {{HTMLElement("img")}} o {{HTMLElement("video")}}, tenen un atribut <code>crossorigin</code> (propietat <code>crossOrigin</code>), que us permet configurar les sol·licituds CORS per les dades recuperades de l'element.</dd> + <dt class="landingPageList"><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content">Precàrrega de contingut amb rel="preload"</a></dt> + <dd class="landingPageList">El valor <code>preload</code> de l'atribut {{htmlattrxref("rel", "link")}} de l'element {{htmlelement("link")}} permet escriure sol·licituds de cerca declaratives en el seu {{htmlelement("head")}} HTML , especificant els recursos que les vostres pàgines necessitaran, ràpidament després de la càrrega, per la qual cosa necessita començar la precàrrega abans del cicle de vida d'una càrrega de pàgina, abans que la maquinària de representació principal, del navegador, entri en acció . Això garanteix que estiguin disponibles abans i sigui menys probable que bloquegi el primer renderitzat de la pàgina, la qual cosa comporta millores en el rendiment. Aquest article proporciona una guia bàsica sobre com funciona el <code>preload</code>.</dd> +</dl> +</div> + +<div class="section"> +<h2 class="Documentation" id="Referències">Referències</h2> + +<dl> + <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/Reference">Referència HTML</a></dt> + <dd class="landingPageList">HTML consisteix en <strong>elements</strong>, cadascun dels quals pot ser modificat per un cert nombre d'<strong>atributs</strong>. Els documents HTML es connecten entre si per <a href="/ca/docs/Web/HTML/Link_types">enllaços</a>.</dd> + <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/Element">Referència de l'element HTML</a></dt> + <dd class="landingPageList">Navegareu per una llista de tots els {{glossary("Element", "elements")}} {{glossary("HTML")}}.</dd> + <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/Attributes">Referència de l'atribut HTML</a></dt> + <dd class="landingPageList">Els elements en HTML tenen <strong>atributs</strong>. Són valors addicionals que configuren els elements o ajusten el seu comportament de diverses maneres.</dd> + <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/Global_attributes">Atributs Globals</a></dt> + <dd class="landingPageList">Els atributs globals es poden especificar en tots els <a href="/ca/docs/Web/HTML/Element">elements HTML</a>, <em>fins i tot aquells no especificats en l'estàndard</em>. Això significa que qualsevol element no estàndard ha de permetre aquests atributs, encara que aquests elements facin que el document HTML5 no sigui compatible.</dd> + <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/Inline_elements">Elements en línia</a> i <a href="/en-US/docs/Web/HTML/Block-level_elements">elements a nivell de bloc</a></dt> + <dd class="landingPageList">Els elements HTML solen ser elements "en línia" o "a nivell de bloc". Un element inline ocupa només l'espai delimitat per les etiquetes que el defineixen. Un element a nivell de bloc ocupa tot l'espai del seu element pare (contenidor), creant així un "bloc".</dd> + <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/Link_types">Tipus d'enllaços</a></dt> + <dd class="landingPageList">En HTML, es poden utilitzar diversos tipus d'enllaços per establir i definir la relació entre dos documents. Els elements d'enllaç que els tipus es poden configurar, inclouen {{HTMLElement("a")}}, {{HTMLElement("area")}} i {{HTMLElement("link")}}</dd> + <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/Supported_media_formats">Formats de medis compatibles amb elements d'àudio u vídeo HTML</a></dt> + <dd class="landingPageList">Els elements {{HTMLElement("audio")}} i {{HTMLElement("video")}} permeten reproduir medis d'àudio i de vídeo. Aquests elements proporcionen una alternativa nativa del navegador a funcions similars que es troben en Adobe Flash i altres connectors (plug-ins).</dd> + <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/Kinds_of_HTML_content">Tipus de contingut HTML</a> (Avançat)</dt> + <dd class="landingPageList">HTML es compon de diversos tipus de contingut, cadascun dels quals es permet utilitzar en determinats contextos i està prohibit en uns altres. De la mateixa manera, cadascun d'ells té un conjunt d'altres categories de contingut que poden contenir i elements que poden o no ser utilitzats en ells. Aquesta és una guia per a aquestes categories.</dd> +</dl> + +<h2 class="landingPageList" id="Temes_relacionats">Temes relacionats</h2> + +<dl> + <dt><a href="/en-US/docs/Web/HTML/Applying_color">Aplicació de colors a elements HTML usant CSS</a></dt> + <dd>Aquest article abasta la majoria de les maneres d'utilitzar CSS per afegir color a contingut HTML, enumerant quines parts dels documents HTML es poden acolorir i quines propietats CSS s'utilitzaran en fer-ho. Inclou exemples, enllaços a eines de construcció de paleta, i molt més.</dd> +</dl> +</div> +</div> +<span class="alllinks"><a href="/ca/docs/tag/HTML">Veure Tot...</a></span></section> diff --git a/files/ca/web/html/optimizing_your_pages_for_speculative_parsing/index.html b/files/ca/web/html/optimizing_your_pages_for_speculative_parsing/index.html new file mode 100644 index 0000000000..df48dec4e3 --- /dev/null +++ b/files/ca/web/html/optimizing_your_pages_for_speculative_parsing/index.html @@ -0,0 +1,29 @@ +--- +title: Optimizing your pages for speculative parsing +slug: Web/HTML/Optimizing_your_pages_for_speculative_parsing +translation_of: Glossary/speculative_parsing +--- +<p><span id="result_box" lang="ca"><span class="alt-edited">Tradicionalment en els navegadors, </span></span>el analitzador sintàctic<span lang="ca"><span class="alt-edited"> d'HTML s'executa en el fil principal i s'ha bloquejat després d'una etiqueta <code></script></code> fins que l'script s'ha recuperat de la xarxa i s'executat.</span></span> El analitzador sintàctic d'HTML en Firefox 4 i versions posteriors dóna suport a l'anàlisi especulativa fora del fil principal. A continuació s'analitza mentre que els scripts estan sent descarregats i s'executen. Com en Firefox 3.5 i 3.6, l'analitzador sintàctic d'HTML comença càrregues especulatives per als scripts, fulles d'estil i imatges que troba per davant en la seqüència. No obstant això, en Firefox 4 i posterior l'analitzador sintàctic d'HTML també executa l'algorisme de construcció de l'arbre HTML especulativament. <span id="result_box" lang="ca"><span>L'avantatge</span> <span>és que</span> <span>quan una</span> <span>especulació</span> <span>té</span> <span>èxit, no</span> <span>hi ha</span> <span>necessitat</span> <span>de reanàlisi</span> <span>de la</span> <span>part de l'arxiu</span> <span>d'entrada </span> <span>ja que </span></span><span lang="ca"><span>va ser</span> <span>analitzat</span> <span>a la recerca de</span> <span>scripts</span><span>, fulls</span> <span>d'estil</span> <span>i imatges</span></span>. L'inconvenient és que hi ha més feina perduda quan l'especulació falla.</p> + +<p>Aquest document pot ajudar evitar que aquest tipus de coses que fan que l'especulació falli i alenteixen la càrrega de la pàgina.</p> + +<h2 id="Fent_càrregues_especulatives_successives">Fent càrregues especulatives successives</h2> + +<p>Només hi ha una regla per fer càrregues especulatives de scripts vinculats, fulls d'estil i imatges successives:</p> + +<ul> + <li>Si s'utilitza un element <code><base></code> per anul·lar l'URI base de la pàgina, posar l'element de la part non-scripted del document. No ho afegiu a través de <code>document.write()</code> or <code>document.createElement()</code>.</li> +</ul> + +<h2 id="Evitant_perdre_la_sortida_del_constructor_d'arbre">Evitant perdre la sortida del constructor d'arbre</h2> + +<p>El constructor d'arbre especulatiu falla quan <code>document.write()</code> canvia l'estat del constructor d'arbre, de tal manera que l'estat especulatiu després de la etiqueta <code></script></code> ja no se sosté quan ha estat analitzat tot el contingut inserit per <code>document.write()</code>.<span id="result_box" lang="ca"><span> No obstant això</span><span>, només els</span> <span>usos</span> <span>inusuals</span> <span>de</span> <code><span>document.write</span><span>(</span><span>)</span></code> <span>causen</span> <span>problemes.</span> <span>Aquestes</span> <span>són</span> <span>les</span> <span>coses</span> <span>que cal evitar</span><span>:</span></span></p> + +<ul> + <li><span id="result_box" lang="ca"><span>No escriviu</span> <span>arbres</span> <span>desequilibrats</span></span>. <code><script>document.write("<div>");</script></code> és incorrecta. <code><script>document.write("<div></div>");</script> </code>està bé.</li> + <li><span id="result_box" lang="ca"><span>No escriviu</span> <span>un símbol</span> <span>sense acabar</span></span>. <code><script>document.write("<div></div");</script></code> is incorrecta.</li> + <li><span id="result_box" lang="ca"><span>No</span> <span>acabeu un</span> <span>escrit</span> <span>amb</span> <span>un retorn de</span> <span>carro</span></span>. <code><script>document.write("Hello World!\r");</script></code> és incorrecta <code><script>document.write("Hello World!\n");</script> </code>està bé.</li> + <li>Noteu que l'escriptura d'etiquetes equilibrades pot fer que altres etiquetes poguin inferir d'una manera que fa que l'escriptura sigui desequilibrada. Per exemple <code><script>document.write("<div></div>");</script></code> dins de l'element head s'interpreta com <code><script>document.write("</head><body><div></div>");</script></code> el qual està desequilibrat.</li> + <li><span class="short_text" id="result_box" lang="ca"><span class="alt-edited">No doneu format part d'una taula</span></span>. <code><table><script>document.write("<tr><td>Hello World!</td></tr>");</script></table></code> és incorrecta. However, <code><script>document.write("</code><code><table></code><code><tr><td>Hello World!</td></tr></code><code></table></code><code>");</script></code> està bé.</li> + <li>TODO: <span id="result_box" lang="ca"><span>document.write</span> <span>dins d'altres</span> <span>elements</span> <span>de format.</span></span>.</li> +</ul> |