diff options
Diffstat (limited to 'files/pt-pt/web/html/element')
| -rw-r--r-- | files/pt-pt/web/html/element/audio/index.html | 47 | ||||
| -rw-r--r-- | files/pt-pt/web/html/element/fieldset/index.html | 177 | ||||
| -rw-r--r-- | files/pt-pt/web/html/element/figcaption/index.html | 101 | ||||
| -rw-r--r-- | files/pt-pt/web/html/element/figure/index.html | 56 | ||||
| -rw-r--r-- | files/pt-pt/web/html/element/head/index.html | 108 | ||||
| -rw-r--r-- | files/pt-pt/web/html/element/index.html | 107 | ||||
| -rw-r--r-- | files/pt-pt/web/html/element/nav/index.html | 99 | ||||
| -rw-r--r-- | files/pt-pt/web/html/element/progress/index.html | 128 | ||||
| -rw-r--r-- | files/pt-pt/web/html/element/video/index.html | 69 |
9 files changed, 892 insertions, 0 deletions
diff --git a/files/pt-pt/web/html/element/audio/index.html b/files/pt-pt/web/html/element/audio/index.html new file mode 100644 index 0000000000..f8b7c3229b --- /dev/null +++ b/files/pt-pt/web/html/element/audio/index.html @@ -0,0 +1,47 @@ +--- +title: Audio +slug: Web/HTML/Elemento/Audio +translation_of: Web/HTML/Element/audio +--- +<p>{{ gecko_minversion_header("1.9.1") }}</p> +<p>O elemento <code>audio</code> é usado para embutir conteúdo de som em um documento HTML or XHTML. O elemento <code>audio</code> foi adicionado como parte do HTML 5.</p> +<ul> + <li>Tipo do Elemento: <a class="internal" href="/en/HTML/Block-level_elements" title="en/HTML/Block-level elements">block-level</a> (en)</li> + <li>Conteúdo Permitido: texto alternativo</li> +</ul> +<div class="note"> + <strong>Nota:</strong> Atualmente, o Firefox suporta apenas Vorbis, em recipientes Ogg, assim como o formato WAV. O servidor também deve servir o arquivo usando o MIME type correto para que o Firefox o reproduza corretamente.</div> +<h2 id="Atributos">Atributos</h2> +<dl> + <dt> + autoplay</dt> + <dd> + Um atributo boleano; se especificado (mesmo se o valor for "false"!), o áudio começará a tocar automaticamente assim que ele conseguir, portanto, sem parar para finalizar o carregamento dos dados.</dd> + <dt> + controls {{ unimplemented_inline() }} {{ bug(449149) }}</dt> + <dd> + Se este atributo estiver presente, o navegador oferecerá controles para permitir que o usuário controle a reprodução do áudio, incluindo volume, procura, e pausa/continuar.</dd> + <dt> + loop {{ unimplemented_inline() }} {{ bug(449157) }}</dt> + <dd> + Um atributo boleano; se especificado, quando alcançar o fim do áudio, voltará ao início automaticamente.</dd> + <dt> + src</dt> + <dd> + A URL do áudio a embutir. Este é assunto para <a class="internal" href="/En/HTTP_access_control" title="En/HTTP access control">protocolos de acesso HTTP</a> (en).</dd> +</dl> +<p>O deslocamento de tempo é especificado como um valor de ponto flutuante indicando o número de segundos do deslocamento.</p> +<div class="note"> + <strong>Nota:</strong> A definição do valor de deslocamento de tempo ainda não está completa na especificação do HTML 5 e está sujeita a mudanças.</div> +<h2 id="Exemplos">Exemplos</h2> +<pre class="brush: html"><audio src="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).ogg" autoplay> + Seu navegador não suporta o elemento <code>audio</code>. +</audio> +</pre> +<p>Reproduz o arquivo de áudio anexado à versão em inglês deste artigo.</p> +<h2 id="Veja_Também">Veja Também</h2> +<ul> + <li><a class="internal" href="/Pt/HTML/Elemento/Video" title="pt/HTML/Elemento/Video"><code>video</code></a></li> + <li><code>{{ interface("nsIDOMHTMLMediaElement") }}</code></li> + <li><a class="internal" href="/Pt/Usando_%C3%A1udio_e_v%C3%ADdeo_no_Firefox" title="pt/Usando áudio e vídeo no Firefox">Usando áudio e vídeo no Firefox</a></li> +</ul> diff --git a/files/pt-pt/web/html/element/fieldset/index.html b/files/pt-pt/web/html/element/fieldset/index.html new file mode 100644 index 0000000000..44fd353489 --- /dev/null +++ b/files/pt-pt/web/html/element/fieldset/index.html @@ -0,0 +1,177 @@ +--- +title: '<fieldset>: O elemento "Field Set"' +slug: Web/HTML/Elemento/fieldset +tags: + - Elemento + - Formulários HTML + - HTML + - Referencia + - Web + - formulários +translation_of: Web/HTML/Element/fieldset +--- +<p>O <strong>elemento HTML <code><fieldset></code> </strong>é utilizado para agrupar vários controlos, bem como as etiquetas ({{HTMLElement("label")}}) dentro de um formulário da Web.</p> + +<div>{{EmbedInteractiveExample("pages/tabbed/fieldset.html", "tabbed-standard")}}</div> + +<p class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples </a> and send us a pull request.</p> + +<p>As the example above shows, the <code><fieldset></code> element provides a grouping for a part of an HTML form, with a nested {{htmlelement("legend")}} element providing a caption for the <code><fieldset></code>. It takes few attributes, the most notable of which are <code>form</code>, which can contain the <code>id</code> of a {{htmlelement("form")}} on the same page, allowing you to make the <code><fieldset></code> part of that <code><form></code> even if it is not nested inside it, and <code>disabled</code>, which allows you to disable the <code><fieldset></code> and all its contents in one go.</p> + +<h2 id="Atributos">Atributos</h2> + +<p>This element includes the <a href="/en-US/docs/HTML/Global_attributes">global attributes</a>.</p> + +<dl> + <dt>{{htmlattrdef("disabled")}} {{HTMLVersionInline(5)}}</dt> + <dd>If this Boolean attribute is set, all form controls that are descendants of the <code><fieldset></code>, are disabled, meaning they are not editable but will be submitted along with <code><form></code> in comparison with {{htmlattrdef("disabled")}} attribute on form controls. They won't receive any browsing events, like mouse clicks or focus-related events. By default browsers display such controls grayed out. Note that form elements inside the {{HTMLElement("legend")}} element won't be disabled.</dd> + <dt>{{htmlattrdef("form")}} {{HTMLVersionInline(5)}}</dt> + <dd>This attribute takes the value of the <code>id</code> attribute of a {{HTMLElement("form")}} element you want the <code><fieldset></code> to be part of, even if it is not inside the form.</dd> + <dt>{{htmlattrdef("name")}} {{HTMLVersionInline(5)}}</dt> + <dd>The name associated with the group. + <div class="note"><strong>Note</strong>: The caption for the fieldset is given by the first {{HTMLElement("legend")}} element nested inside it.</div> + </dd> +</dl> + +<h2 id="Estilizar_com_CSS">Estilizar com CSS</h2> + +<p>There are several special styling considerations for <code><fieldset></code>.</p> + +<p>Its {{cssxref("display")}} value is <code>block</code> by default, and it establishes a block formatting context. If the <code><fieldset></code> is styled with an inline-level <code>display</code> value, it will behave as <code>inline-block</code>, otherwise it will behave as <code>block</code>. By default there is a 2px groove border surrounding the contents, and a small amount of default padding. The element has <code>min-inline-size: min-content</code> by default.</p> + +<p>If a <code><legend></code> is present, it is placed over the block-start border. The <code><legend></code> shrink-wraps, and also establishes a formatting context. The <code>display</code> value is blockified (for example, <code>display: inline</code> behaves as <code>block</code>).</p> + +<p>There will be an anonymous box holding the contents of the <code><fieldset></code>, which inherits certain properties from the <code><fieldset></code>. If the <code><fieldset></code> is styled with <code>display: grid</code> or <code>display: inline-grid</code>, then the anonymous box will be a grid formatting context. If the <code><fieldset></code> is styled with <code>display: flex</code> or <code>display: inline-flex</code>, then the anonymous box will be a flex formatting context. Otherwise it establishes a block formatting context.</p> + +<p>You can feel free to style the <code><fieldset></code> and <code><legend></code> in any way you want to suit your page design.</p> + +<div class="note"> +<p><strong>Nota: </strong>as of this writing, there are bugs in Microsoft Edge and Google Chrome which prevent <a href="/en-US/docs/Glossary/Flexbox">flexbox</a> and <a href="/en-US/docs/Web/CSS/CSS_Grid_Layout">grid </a>layouts from being used inside a {{HTMLElement("fieldset")}}. <a href="https://github.com/w3c/csswg-drafts/issues/321">This GitHub issue</a> provides bug tracking links.</p> +</div> + +<h2 id="Exemplo">Exemplo</h2> + +<h3 id="Simple_fieldset">Simple fieldset</h3> + +<p>This example shows a really simple <code><fieldset></code> example, with a <code><legend></code>, and a single control inside it.</p> + +<pre class="brush: html"><form action="#"> + <fieldset> + <legend>Simple fieldset</legend> + <input type="radio" id="radio"> + <label for="radio">Spirit of radio</label> + </fieldset> +</form></pre> + +<p>{{ EmbedLiveSample('Simple_fieldset', '100%', '80') }}</p> + +<h3 id="fieldset_desativado">"fieldset" desativado</h3> + +<p>This example shows a disabled <code><fieldset></code> with two controls inside it. Note how both the controls are disabled due to being inside a disabled <code><fieldset></code>.</p> + +<pre class="brush: html"><form action="#"> + <fieldset disabled> + <legend>Disabled fieldset</legend> + <div> + <label for="name">Name: </label> + <input type="text" id="name" value="Chris"> + </div> + <div> + <label for="pwd">Archetype: </label> + <input type="password" id="pwd" value="Wookie"> + </div> + </fieldset> +</form></pre> + +<p>{{ EmbedLiveSample('Disabled_fieldset', '100%', '110') }}</p> + +<h2 id="Resumo_técnico">Resumo técnico</h2> + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categorias de conteúdo</a></th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Flow content</a>, <a href="/en-US/docs/Sections_and_Outlines_of_an_HTML5_document#sectioning_root">sectioning root</a>, <a href="/en-US/docs/HTML/Content_categories#form_listed">listed</a>, <a href="/en-US/docs/HTML/Content_categories#form-associated_content">form-associated</a> element, palpable content.</td> + </tr> + <tr> + <th scope="row">Conteúdo permitido</th> + <td>An optional {{HTMLElement("legend")}} element, followed by flow content.</td> + </tr> + <tr> + <th scope="row">Omissão de etiqueta</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Permitted parents</th> + <td>Any element that accepts <a href="/en-US/docs/HTML/Content_categories#Flow_content">flow content</a>.</td> + </tr> + <tr> + <th scope="row">Permitted ARIA roles</th> + <td>{{ARIARole("group")}}, {{ARIARole("presentation")}}</td> + </tr> + <tr> + <th scope="row">Interface DOM</th> + <td>{{domxref("HTMLFieldSetElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Especificações">Especificações</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificação</th> + <th scope="col">Estado</th> + <th scope="col">Comentário</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'forms.html#the-fieldset-element', '<fieldset>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Definition of the <code>fieldset</code> element</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>Initial definition</td> + </tr> + </tbody> +</table> + +<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2> + + + +<p>{{Compat("html.elements.fieldset")}}</p> + +<h2 id="Consulte_também">Consulte também:</h2> + +<ul> + <li>Other form-related elements: + <ul> + <li>{{HTMLElement("form")}}</li> + <li>{{HTMLElement("legend")}}</li> + <li>{{HTMLElement("label")}}</li> + <li>{{HTMLElement("button")}}</li> + <li>{{HTMLElement("select")}}</li> + <li>{{HTMLElement("datalist")}}</li> + <li>{{HTMLElement("optgroup")}}</li> + <li>{{HTMLElement("option")}}</li> + <li>{{HTMLElement("textarea")}}</li> + <li>{{HTMLElement("keygen")}}</li> + <li>{{HTMLElement("input")}}</li> + <li>{{HTMLElement("output")}}</li> + <li>{{HTMLElement("progress")}}</li> + <li>{{HTMLElement("meter")}}</li> + </ul> + </li> +</ul> + +<div>{{HTMLRef}}</div> diff --git a/files/pt-pt/web/html/element/figcaption/index.html b/files/pt-pt/web/html/element/figcaption/index.html new file mode 100644 index 0000000000..e40a044136 --- /dev/null +++ b/files/pt-pt/web/html/element/figcaption/index.html @@ -0,0 +1,101 @@ +--- +title: figcaption +slug: Web/HTML/Elemento/figcaption +translation_of: Web/HTML/Element/figcaption +--- +<h2 id="Introdução">Introdução</h2> + +<p>O <em>Elemento HTML Figcaption</em>(<code><figcaption></code>) representa uma legenda ou uma legenda associada com uma figura ou ilustração descrita pelo resto dos dados do elemento {{ HTMLElement("figure") }} que seu elemento pai.</p> + +<h3 id="Contexto_de_Uso">Contexto de Uso</h3> + +<table class="standard-table"> + <tbody> + <tr> + <td>Conteúdo permitido</td> + <td><a href="/en/HTML/Content_categories#flow_content" title="en/HTML/Content categories#flow content">Flow content</a></td> + </tr> + <tr> + <td>Omissão de Tag</td> + <td> + <p>Nenhum, tanto a tag de início e fim são obrigatórias</p> + </td> + </tr> + <tr> + <td>Elemento Pai Permitido</td> + <td>Um Elemento {{ HTMLElement("figure") }}</td> + </tr> + <tr> + <td>Documento Normativo</td> + <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/grouping-content.html#the-figcaption-element" rel="external nofollow" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/grouping-content.html#the-figcaption-element">HTML5, section 4.5.12</a></td> + </tr> + </tbody> +</table> + +<h3 id="Atributos">Atributos</h3> + +<p>Esse elemento não tem nenhum outro atributo além dos <a href="/en/HTML/Global_attributes" rel="internal">atributos globais</a>, comum a todos os elementos.</p> + +<h3 class="editable" id="Interface_DOM">Interface DOM</h3> + +<p>Esse elemento implementa a interface <code><a href="/en/DOM/element" title="en/DOM/element">HTMLElement</a></code>.</p> + +<h3 id="Examples">Examples</h3> + +<p>Favor consulte o página {{ HTMLElement("figure") }} para exemplos de <figcaption>.</p> + +<h3 id="Compatibilidade">Compatibilidade</h3> + +<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>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>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>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> + +<h3 id="Ver_Também">Ver Também</h3> + +<ul> + <li>O elemento {{ HTMLElement("figure") }}.</li> +</ul> diff --git a/files/pt-pt/web/html/element/figure/index.html b/files/pt-pt/web/html/element/figure/index.html new file mode 100644 index 0000000000..f5d66411d9 --- /dev/null +++ b/files/pt-pt/web/html/element/figure/index.html @@ -0,0 +1,56 @@ +--- +title: figure +slug: HTMLToDelete/Element/figure +translation_of: Web/HTML/Element/figure +--- +<p>O elemento de figura HTML (<span style="font-family: Courier New;"><figure></span>) representa uma tag de conteúdo próprio, frequentemente com legenda. Geralmente referenciada idendependente do fluxo principal do documento, podendo assim ser movido atravéz do fluxo principal sem afeta-lo.</p> + +<div class="note"> +<p><em>Notas de Uso: </em></p> + +<ul> + <li>Iniciando uma seção raiz o escopo do conteúdo do elemento <span style="font-family: Courier New;"><figure></span> é excluído do escopo principal do documento.</li> + <li>Uma legenda pode ser associada com o elemento <figure> inserindo um elemento {{ HTMLElement("figcaption") }} dentro dele (podendo ser primeiro ou ultimo nó filho).</li> +</ul> +</div> + +<h3 id="Contexto_de_Uso">Contexto de Uso</h3> + +<table class="standard-table" style="height: 117px; width: 1125px;"> + <tbody> + <tr> + <th>Tipo</th> + <th><a href="/en/Sections_and_Outlines_of_an_HTML5_document#sectioning_root" title="en/Sections and Outlines of an HTML5 document#sectioning root">Seccionando orig</a></th> + </tr> + <tr> + <td>Contexto Permitido</td> + <td>Um elemento {{ HTMLElement("figcaption") }}, seguido pelo fluxo do conteúdo; ou o fluxo do conteúdo seguido pelo elemento {{ HTMLElement("figcaption") }}</td> + </tr> + <tr> + <td>Omissão de Tag</td> + <td><span id="result_box" lang="pt"><span class="hps" title="Clique para mostrar traduções alternativas">Nenhum</span><span title="Clique para mostrar traduções alternativas">,</span> <span class="hps" title="Clique para mostrar traduções alternativas">ambos</span> <span class="hps" title="Clique para mostrar traduções alternativas">marca</span>m <span class="hps" title="Clique para mostrar traduções alternativas">o início</span> <span class="hps" title="Clique para mostrar traduções alternativas">e o</span> <span class="hps" title="Clique para mostrar traduções alternativas">fim</span> <span class="hps" title="Clique para mostrar traduções alternativas">da tag</span> <span class="hps" title="Clique para mostrar traduções alternativas">são</span> <span class="hps" title="Clique para mostrar traduções alternativas">obrigatórios</span></span></td> + </tr> + <tr> + <td>Elementos Permitidos de Origem</td> + <td><span class="short_text" id="result_box" lang="pt"><span class="hps" title="Clique para mostrar traduções alternativas">Qualquer</span> <span class="hps" title="Clique para mostrar traduções alternativas">elemento</span> <span class="hps" title="Clique para mostrar traduções alternativas">que</span> <span class="hps" title="Clique para mostrar traduções alternativas">aceita</span> <span class="hps" title="Clique para mostrar traduções alternativas">elementos de</span> <span class="hps" title="Clique para mostrar traduções alternativas">fluxo</span><span title="Clique para mostrar traduções alternativas">.</span></span></td> + </tr> + <tr> + <td>Documento Normativo</td> + <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-mark-element" rel="external nofollow" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-mark-element">HTML5, section 4.5.11</a></td> + </tr> + </tbody> +</table> + +<h3 id="Atributos">Atributos</h3> + +<p>Esse elemento não tem outros atributos além dos <a class="new " href="../../../../en/HTML/global_attributes" rel="internal">atributos globais</a>, comuns para todos elementos.</p> + +<h3 class="editable" id="DOM_Interface">DOM Interface</h3> + +<p>Esse elemento implementa a interface <code><a href="/en/DOM/element" title="en/DOM/element">HTMLElement</a></code>.</p> + +<h3 id="Veja_também">Veja também</h3> + +<ul> + <li>O elemento {{ HTMLElement("figcaption") }}.</li> +</ul> diff --git a/files/pt-pt/web/html/element/head/index.html b/files/pt-pt/web/html/element/head/index.html new file mode 100644 index 0000000000..8285b2f2af --- /dev/null +++ b/files/pt-pt/web/html/element/head/index.html @@ -0,0 +1,108 @@ +--- +title: '<head> : O elemento dos metadados (Cabeçalho) do documento' +slug: Web/HTML/Elemento/head +tags: + - Elemento + - HTML + - 'HTML:Metadata content' + - Referencia + - Web +translation_of: Web/HTML/Element/head +--- +<div>{{HTMLRef}}</div> + +<p>O <strong>elemento</strong> <strong><code><head></code> </strong>de <strong>HTML </strong>fornece a informação geral (metadados) sobre o documento, incluindo o seu título e hiperligações para as suas folhas de estilo e <em>scripts</em>.</p> + +<table class="properties"> + <tbody> + <tr> + <th><a href="/en-US/docs/Web/HTML/Content_categories">Categorias de conteúdo</a></th> + <td>None.</td> + </tr> + <tr> + <th>Permitted content</th> + <td>If the document is an {{HTMLElement("iframe")}} {{htmlattrxref("srcdoc", "iframe")}} document, or if title information is available from a higher level protocol, zero or more elements of metadata content.<br> + Otherwise, one or more elements of metadata content where exactly one is a {{HTMLElement("title")}} element.</td> + </tr> + <tr> + <th>Tag omission</th> + <td>The start tag may be omitted if the first thing inside the head element is an element.<br> + The end tag may be omitted if the first thing following the head element is not a space character or a comment.</td> + </tr> + <tr> + <th>Permitted parents</th> + <td>An {{HTMLElement("html")}} element, as its first child.</td> + </tr> + <tr> + <th>Permitted ARIA roles</th> + <td>None</td> + </tr> + <tr> + <th>DOM interface</th> + <td>{{domxref("HTMLHeadElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributos">Atributos</h2> + +<p>Este elemento inclui os <a href="/pt-PT/docs/Web/HTML/Atributos_globais">atributos globais</a>.</p> + +<dl> + <dt>{{htmlattrdef("profile")}} {{obsolete_inline}}</dt> + <dd>Os <em>URIs </em>de um ou mais perfis de metadados, separados por um espaço em branco.</dd> +</dl> + +<h2 id="Exemplo">Exemplo</h2> + +<pre class="brush: html"><html> + <head> + <title>Document title</title> + </head> +</html> +</pre> + +<h2 id="Notas">Notas</h2> + +<p>Modern, HTML5-compliant browsers automatically construct a <code><head></code> element if the tags are omitted in the markup. <a class="external" href="https://www.stevesouders.com/blog/2010/05/12/autohead-my-first-browserscope-user-test/">This behavior cannot be guaranteed in ancient browsers</a>.</p> + +<h2 id="Especificações">Especificações</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificação</th> + <th scope="col">Estado</th> + <th scope="col">Comentário</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'semantics.html#the-head-element', '<head>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>No change from latest shapshot</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'document-metadata.html#the-head-element', '<head>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Obsoleted <code>profile</code></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="Compatibilidade_de_navegador">Compatibilidade de navegador</h2> + +<p class="hidden">The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</p> + +<p>{{Compat("html.elements.head")}}</p> + +<h2 id="Consulte_também">Consulte também</h2> + +<ul> + <li>Elements that can be used inside a <code><head></code> element: {{HTMLElement("title")}}, {{HTMLElement("base")}}, {{HTMLElement("link")}}, {{HTMLElement("style")}}, {{HTMLElement("meta")}}, {{HTMLElement("script")}}, {{HTMLElement("noscript")}}, {{HTMLElement("template")}}</li> +</ul> diff --git a/files/pt-pt/web/html/element/index.html b/files/pt-pt/web/html/element/index.html new file mode 100644 index 0000000000..c47907bce9 --- /dev/null +++ b/files/pt-pt/web/html/element/index.html @@ -0,0 +1,107 @@ +--- +title: Referência dos elementos HTML +slug: Web/HTML/Elemento +tags: + - Elemento + - HTML + - 'I10n:priority' + - Referencia + - Web + - básico +translation_of: Web/HTML/Element +--- +<div>{{HTMLSidebar("Elements")}}</div> + +<p><span class="seoSummary">Esta página lista todos os {{Glossary("HTML")}} {{Glossary("Element","elementos")}}.</span> Eles são agrupados por função para ajudá-lo a encontrar facilmente o que tem em mente. Uma lista alfabética de todos os elementos é fornecida na barra lateral na página de cada elemento, bem como nesta.</p> + +<div class="note"> +<p>Para mais informação sobre os conceitos básicos dos elementos e atributos HTML, consulte a <a href="/pt-PT/docs/Learn/HTML/Introducao_ao_HTML">secção sobre elementos no artigo de Introdução ao HTML</a>.</p> +</div> + +<h2 id="Raiz_principal">Raiz principal</h2> + +<p>{{HTMLRefTable("HTML Root Element")}}</p> + +<h2 id="Metadados_do_documento">Metadados do documento</h2> + +<p>Os metadados contêm informação acerca da página. Incluem informação sobre estilos, <em>scripts</em> e dados que ajudam a usar o software ({{Glossary("search engine", "motor de busca")}}, {{Glossary("Browser","Browsers")}}, etc.) e a interpretar a página. Os metadados para estilos e <em>scripts</em> devem ser definidos na página ou num link para um ficheiro que contém a informação.</p> + +<p>{{HTMLRefTable("HTML Document Metadata")}}</p> + +<h2 id="Secção_de_raiz">Secção de raiz</h2> + +<p>{{HTMLRefTable("Sectioning Root Element")}}</p> + +<h2 id="Segmentação_de_conteúdo">Segmentação de conteúdo</h2> + +<p>Os elementos de segmentação de conteúdo permitem-lhe organizar o documento em partes lógicas. Use os elementos de segmentação para criar um esquema vasto dos conteúdos da sua página, incluindo a navegação de cabeçalho e rodapé, e elementos de título para identificar secções de conteúdo.</p> + +<p>{{HTMLRefTable("HTML Sections")}}</p> + +<h2 id="Conteúdo_textual">Conteúdo textual</h2> + +<p>Use elementos textuais HTML para organizar blocos ou secções de conteúdo situados entre os elementos <code></body></code> de início {{HTMLElement("body")}} e fim. Sendo importantes para {{Glossary("accessibility")}} e {{Glossary("SEO")}}, estes elementos identificam o propósito ou estrutura desse conteúdo.</p> + +<p>{{HTMLRefTable("HTML Grouping Content")}}</p> + +<h2 id="Semântica_de_texto_em_linha">Semântica de texto em linha</h2> + +<p>Use a semântica de texto em linha do HTML para definir o significado, estrutura ou estilo de uma palavra, linha ou texto arbitrário.</p> + +<p>{{HTMLRefTable("HTML Text-Level Semantics")}}</p> + +<h2 id="Imagem_e_multimédia">Imagem e multimédia</h2> + +<p>O HTML suporta vários recursos multimédia como imagens, áudio e vídeo.</p> + +<p>{{HTMLRefTable("multimedia")}}</p> + +<h2 id="Conteúdo_incorporado">Conteúdo incorporado</h2> + +<p>Além do conteúdo multimédia regular, o HTML poderá incluir diversos outros conteúdos, ainda que a interação com este nem sempre seja fácil.</p> + +<p>{{HTMLRefTable({"include":["HTML embedded content"], "exclude":["multimedia"]})}}</p> + +<h2 id="Scripting"><em>Scripting</em></h2> + +<p>De modo a criar conteúdos dinâmicos e aplicações Web, o HTML suporta o uso de linguages de <em>script</em>, nomeadamente JavaScript. Certos elementos suportam esta capacidade.</p> + +<p>{{HTMLRefTable("HTML Scripting")}}</p> + +<h2 id="Edições_de_demarcação">Edições de demarcação</h2> + +<p>Estes elementos permitem-lhe dar indicações sobre que partes do texto específicas foram alteradas.</p> + +<p>{{HTMLRefTable("HTML Edits")}}</p> + +<h2 id="Conteúdo_de_tabela">Conteúdo de tabela</h2> + +<p>Estes elementos são usados para criar e manipular dados tabulares.</p> + +<p>{{HTMLRefTable("HTML tabular data")}}</p> + +<h2 id="Formulários">Formulários</h2> + +<p>O HTML fornece um número de elementos que podem ser usados em conjunto para criar formulários que o utilizador poderá preencher e submeter na página web ou aplicação. Existe uma considerável quantidade de informação sobre o mesmo disponível na página <a href="/en-US/docs/Web/Guide/HTML/Forms">HTML forms guide</a>.</p> + +<p>{{HTMLRefTable({"include": ["HTML forms"], "exclude":["Deprecated"]})}}</p> + +<h2 id="Elementos_interativos">Elementos interativos</h2> + +<p>O HTML oferece uma selecção de elementos que ajudam a criar objectos interativos de interface com o utilizador.</p> + +<p>{{HTMLRefTable("elementos interativos HTML")}}</p> + +<h2 id="Componentes_da_Web">Componentes da Web</h2> + +<p>Os Componentes Web são uma tecnologia relacionada com o HTML que possibilitam a criação e utilização de elementos personalizados como se se tratassem de elementos HTML vulgares. Adicionalmente, poderá criar versões personalizadas de elementos HTML standard.</p> + +<p>{{HTMLRefTable({"include":["Web Components"],"exclude":["Deprecated", "Obsolete"]})}}</p> + +<h2 id="Elementos_obsoletos_e_desaprovados">Elementos obsoletos e desaprovados</h2> + +<div class="warning"> +<p><strong>Aviso:</strong> Estes são elementos HTML antigos que foram desaprovados e não devem ser usados. <strong>Nunca deve usá-los em projectos novos, e deve substitui-los em antigos projectos assim que possa.</strong> Os mesmos são aqui listados apenas para informação.</p> +</div> + +<p>{{HTMLRefTable({"include":["Deprecated","Obsolete"]})}}</p> diff --git a/files/pt-pt/web/html/element/nav/index.html b/files/pt-pt/web/html/element/nav/index.html new file mode 100644 index 0000000000..3dfc714e23 --- /dev/null +++ b/files/pt-pt/web/html/element/nav/index.html @@ -0,0 +1,99 @@ +--- +title: <nav> +slug: Web/HTML/Elemento/nav +translation_of: Web/HTML/Element/nav +--- +<div>{{HTMLRef}}</div> + +<p><span class="seoSummary">O elemento de <strong>HTML <code><nav></code> </strong>representa a seção de uma página cujo propósito é providenciar links de navegação, tanto dentro do documento em questão como para outros documentos. Exemplos comuns de seções de navegação são menus, tabelas de conteúdo e indíces.</span></p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row">Categorias de conteúdo</th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Flow content</a>, conteúdo de seccionamento, conteúdo palpável.</td> + </tr> + <tr> + <th scope="row">Conteúdo permitido</th> + <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Flow content</a>.</td> + </tr> + <tr> + <th scope="row">Omissão de tag</th> + <td>{{no_tag_omission}}</td> + </tr> + <tr> + <th scope="row">Pais permitidos</th> + <td>Qualquer elemento que permita <a href="/en-US/docs/HTML/Content_categories#Flow_content">flow content</a>.</td> + </tr> + <tr> + <th scope="row">Papeis ARIA permitidos</th> + <td>Nenhuns</td> + </tr> + <tr> + <th scope="row">interface DOM</th> + <td>{{domxref("HTMLElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributos">Atributos</h2> + +<p>Este elemento apenas inclui <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributos globais</a>.</p> + +<h2 id="Notas_de_utilização">Notas de utilização</h2> + +<ul> + <li>Nem todos os links num documento devem estar contidos num elemento <code><nav></code>, que é direcionado apenas para blocos de hiper-ligações de navegação principal; tipicamente o elemento {{HTMLElement("footer")}} tem uma lista de hiper-ligações que não necessitam de estar contidos no elemento {{HTMLElement("nav")}}.</li> + <li>Um documento poderá ter vários elementos {{HTMLElement("nav")}}, por exemplo, um para navegação na página e outro para navegação exterior da mesma.</li> + <li>User agents, tais como leitores de ecrã direcionados para utilizadores com limitações, podem utilizar este elemento para determinar a omissão ou não da renderização inicial deste conteúdo.</li> +</ul> + +<h2 id="Exemplos">Exemplos</h2> + +<p>No exemplo seguinte, um bloco <code><nav></code> é usado para conter uma lista não ordenada ({{HTMLElement("ul")}}) de hiper-ligações. Com o CSS apropriado, a lista pode ser apresentada como uma barra de navegação ou menu "drop-down.</p> + +<pre class="brush: html"><nav class="menu"> + <ul> + <li><a href="#">Home</a></li> + <li><a href="#">Sobre</a></li> + <li><a href="#">Contactos</a></li> + </ul> +</nav> +</pre> + +<h2 id="Especificações">Especificações</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificação</th> + <th scope="col">Estado</th> + <th scope="col">Comentários</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'sections.html#the-nav-element', '<nav>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Sem alterações desde o ultimo snapshot da W3C.</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'sections.html#the-nav-element', '<nav>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Definição inicial</td> + </tr> + </tbody> +</table> + +<h2 id="Compatibidade_de_Navegadores">Compatibidade de Navegadores</h2> + +<div class="hidden">A tabela de compatibilidades nesta página é gerada através de dados estruturados.Se gostaria de contribuir para esta coleta de dados por favor dirija-se a<a href="https://github.com/mdn/browser-compat-data"> https://github.com/mdn/browser-compat-data</a> e envie-nos um pull request.</div> + +<p>{{Compat("html.elements.nav")}}</p> + +<p>Ver também</p> + +<ul> + <li>Outros elementos relacionados com a secção: {{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">Sections and outlines of an HTML5 document</a>.</li> +</ul> diff --git a/files/pt-pt/web/html/element/progress/index.html b/files/pt-pt/web/html/element/progress/index.html new file mode 100644 index 0000000000..0b99ea2873 --- /dev/null +++ b/files/pt-pt/web/html/element/progress/index.html @@ -0,0 +1,128 @@ +--- +title: progress +slug: Web/HTML/Elemento/progress +translation_of: Web/HTML/Element/progress +--- +<h2 id="Resumo">Resumo</h2> + +<p>O HTML <em>progress</em> (<code><progress></code>) é o elemento usado para mostrar o progresso de uma tarefa. Enquanto os detalhes específicos de como ele é exibido é deixado para o desenvolvedor web, é tipicamente exibido como uma barra de progresso.</p> + +<h2 id="Contexto_de_uso">Contexto de uso</h2> + +<table class="standard-table"> + <tbody> + <tr> + <td>Conteúdo permitido</td> + <td><a href="/en/HTML/Content_categories#Phrasing_content" title="en/HTML/Content categories#Phrasing content">Phrasing content</a></td> + </tr> + <tr> + <td>Tag omission</td> + <td>None, both, o inicio da tag e o final da tag são obrigatórios.</td> + </tr> + <tr> + <td>Elemento pai permitido</td> + <td><a href="/en/HTML/Content_categories#Phrasing_content" title="en/HTML/Content categories#Phrasing content">Phrasing content</a>, mas não deve haver descedentes no elemento progress .</td> + </tr> + <tr> + <td>Documento normativo</td> + <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-button-element.html#the-progress-element" rel="external nofollow" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-button-element.html#the-progress-element">HTML5, section 4.10.16</a></td> + </tr> + </tbody> +</table> + +<h2 id="Atributos">Atributos</h2> + +<p>Como todos os outros elementos HTML, este elemento possui os <a href="/en/HTML/Global_attributes" rel="internal">atributos globais</a>.</p> + +<dl> + <dt>{{ htmlattrdef("form") }}</dt> + <dd>This attribute specifies the form which the <code>progress</code> element belongs to.</dd> + <dt>{{ htmlattrdef("max") }}</dt> + <dd>This attribute describes how much work the task indicated by the <code>progress</code> element requires.</dd> + <dt>{{ htmlattrdef("value") }}</dt> + <dd>This attribute specifies how much of the task that has been completed. If there is no <code>value</code> attribute, the progress bar is indeterminate; this indicates that an activity is ongoing with no indication of how long it is expected to take.</dd> +</dl> + +<p>You can use the {{ cssxref("orient") }} property to specify whether the progress bar should be rendered horizontally (the default) or vertically. The {{ cssxref(":indeterminate") }} pseudo-class can be used to match against indeterminate progress bars.</p> + +<h2 id="DOM_interface">DOM interface</h2> + +<p>Este elemento implementa a interface <code><a href="/en/DOM/HTMLProgressElement" title="en/DOM/HTMLProgressElement">HTMLProgressElement</a></code>.</p> + +<h2 id="Exemplos">Exemplos</h2> + +<pre class="script"><progress value="70" max="100">70 %</progress> +</pre> + +<h3 id="Resultado">Resultado</h3> + +<p><a href="/samples/html/progress.html">View Live Examples</a></p> + +<p>No Google Chrome, o resultado do progress parece deste modo:</p> + +<p><img alt="progress-1.png" class="default internal" src="/@api/deki/files/4946/=progress-1.png"></p> + +<h3 id="Exemplos_Adicionais">Exemplos Adicionais</h3> + +<p>Veja {{ cssxref("orient") }}.</p> + +<h2 id="Compatibilidade_dos_Browsers">Compatibilidade dos Browsers</h2> + +<p>{{ CompatibilityTable() }}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Características</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>6.0</td> + <td>{{ CompatGeckoDesktop("6.0") }}</td> + <td>No</td> + <td>11</td> + <td>nightlies</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Características</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>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + </tr> + </tbody> +</table> +</div> + +<h3 id="Gecko_notes">Gecko notes</h3> + +<p>Gecko provides the {{ cssxref("::-moz-progress-bar") }} pseudo-element, which lets you style the part of the interior of the progress bar representing the amount of work completed so far.</p> + +<h2 id="Veja_também">Veja também</h2> + +<ul> + <li>{{ cssxref("orient") }}</li> + <li>{{ cssxref(":indeterminate") }}</li> +</ul> diff --git a/files/pt-pt/web/html/element/video/index.html b/files/pt-pt/web/html/element/video/index.html new file mode 100644 index 0000000000..4870c14e23 --- /dev/null +++ b/files/pt-pt/web/html/element/video/index.html @@ -0,0 +1,69 @@ +--- +title: Video +slug: Web/HTML/Elemento/Video +translation_of: Web/HTML/Element/video +--- +<p>{{ gecko_minversion_header("1.9.1") }}</p> +<p>O elemento <code>video</code> é usado para inserir conteúdo de vídeo em um documento HTML ou XHTML. O elemento <code>video</code> foi adicionado como parte do HTML 5.</p> +<ul> + <li>Tipo de Elemento: <a class="internal" href="/en/HTML/Block-level_elements" title="en/HTML/Block-level elements">block-level</a></li> + <li>Conteúdo Permitido: alternate text</li> +</ul> +<div class="note"> + <strong>Nota:</strong> Atualmente, o Firefox suporta apenas Theora para vídeo, em recipientes Ogg. Além disso, o servidor precisa servir o arquivo utilizando o <em>MIME type</em> correto para que o Firefox o reproduza corretamente.</div> +<h2 id="Atributos">Atributos</h2> +<p>Note que diversos atributos ainda não são suportados pelo Firefox.</p> +<dl> + <dt> + autoplay</dt> + <dd> + Um atributo booleano; se especificado, o vídeo iniciará a reprodução automaticamente assim que puder, portanto, sem para para finalizar o carregamento dos dados.</dd> + <dt> + autobuffer</dt> + <dd> + Um atributo booleano; se especificado, o vídeo iniciará a leitura dos dados (<em>buffering</em>) mesmo se não estiver configurado para reproduzir automaticamente. Isto deve ser usado para casos em que provavelmente o vídeo será reproduzido (por exemplo, se o usuário navegou para a página exclusivamente para reproduzir o vídeo, não se o vídeo foi inserido junto a outro conteúdo). O vídeo é lido (<em>buffered</em>) até que o <em>cache</em> de mídia esteja cheio.</dd> + <dt> + controls</dt> + <dd> + Se este atributo estiver presente, Firefox oferecerá controles para permitir que o usuário controle a reprodução do vídeo, incluindo volume, procura, e pausa/continuar.</dd> + <dt> + height</dt> + <dd> + A altura da área de exibição do vídeo, em pixels CSS.</dd> + <dt> + loop {{ unimplemented_inline() }} {{ bug(449157) }}</dt> + <dd> + Um atributo booleano; se especificado, ao alcançar o fim do vídeo, voltará ao início automaticamente.</dd> + <dt> + poster {{ unimplemented_inline() }} {{ bug(449156) }}</dt> + <dd> + Uma URL indicando um quadro pôster para se exibir enquanto não houver dados do vídeo disponíveis. Se este atributo não for especificado, nada é exibido até o vídeo estar disponível para reprodução.</dd> + <dt> + src</dt> + <dd> + A URL do vídeo a ser embutido. Este atributo é opcional; em vez disso você pode usar o elemento <a class="internal" href="/En/HTML/Element/Source" title="En/HTML/Element/Source"><code>source</code></a> (en) dentro do bloco video para especificar o vídeo a embutir.</dd> + <dt> + width</dt> + <dd> + A largura da área de exibição do vídeo, em pixels CSS.</dd> +</dl> +<p>O deslocamento de tempo é especificado como um valor de ponto flutuante indicando o número de segundos do deslocamento.</p> +<div class="note"> + <strong>Nota:</strong> A definição do valor de deslocamento de tempo ainda não está completa na especificação do HTML 5 e está sujeita a mudanças.</div> +<h2 id="Exemplos">Exemplos</h2> +<pre class="brush: html"><video src="videofile.ogg" autoplay> + Seu navegador não suporta o elemento <code>video</code>. +</video> +</pre> +<p>Reproduz um vídeo, inicia a reprodução assim que tenha recebido o bastante do vídeo para permitir a reprodução sem pausas para baixar mais.</p> +<h2 id="Veja_também">Veja também</h2> +<ul> + <li><a class="internal" href="/En/Media_formats_supported_by_the_audio_and_video_elements" title="En/Media formats supported by the audio and video elements">Media formats supported by the audio and video elements</a> (EN)</li> + <li><a class="internal" href="/Pt/HTML/Element/Audio" title="Pt/HTML/Element/Audio"><code>audio</code></a></li> + <li><a class="internal" href="/Pt/Usando_%C3%A1udio_e_v%C3%ADdeo_no_Firefox" title="Pt/Usando áudio e vídeo no Firefox">Usando áudio e vídeo no Firefox</a></li> + <li><a class="internal" href="/En/Manipulating_video_using_canvas" title="En/Manipulating video using canvas">Manipulating video using canvas</a> (EN)</li> + <li><code>{{ interface("nsIDOMHTMLMediaElement") }}</code></li> + <li><a class="external" href="http://tinyvid.tv/" title="http://tinyvid.tv/">TinyVid</a> - exemplos utilizando arquivos ogg no HTML 5. (EN)</li> + <li><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/#video" title="http://www.whatwg.org/specs/web-apps/current-work/#video">The <code>video</code> element</a> (HTML 5 specification)</li> +</ul> +<p>{{ languages( { "fr": "fr/HTML/Element/video" } ) }}</p> |