Mostrar código-fonte de Elemento HTML

[[File:HTML element content categories.svg|thumb|HTML element content categories]]
Um '''elemento HTML''' é uma parte de uma [[Página web|página da internet]].<ref name="def1">
{{citar web
|url=https://developer.mozilla.org/en-US/docs/Glossary/Element
|título=Element
|acessodata=2018-04-06
|idioma=en}}</ref> 
Um elemento é qualquer objeto identificável dentro de um documento, por exemplo, um caractere, palavra, imagem, parágrafo ou célula de planilha. Em [[HTML]], um elemento refere-se a um par de tags e seu conteúdo, ou a uma tag "vazia", que não requer tag de fechamento ou conteúdo.<ref name="def2">
{{citar web
|url=https://www.w3.org/TR/ATAG10/
|título=Authoring Tool Accessibility Guidelines 1.0
|acessodata=2018-04-06
|idioma=en}}</ref>
Um elemento típico pode conter um pedaço de texto ou uma imagem, ou talvez nada.<ref name="def1"></ref>
== Visão geral ==
Elementos HTML são todos os tags que estão em arquivos HTML e que se transformam em elementos da árvore DOM. Cada elemento pode ter determinados atributos. Os elementos podem ter ainda conteúdo, incluindo outros elementos e textos. Elementos HTML representam  [[semântica]] ou significado. Por exemplo, o elemento <code>title</code> representa o título de um documento.

Na sintaxe HTML, a maioria dos elementos são escritos com marcadores (ainda chamados de ''etiquetas'' ou ''tags'') de abertura e um marcador de fechamento, com o conteúdo entre os dois. As etiquetas são compostas do nome do elemento, fechadas por parênteses angulares. Uma marcação de fechamento possui ainda uma barra após o parêntese inicial, para distingui-lo da marcação de abertura. Por exemplo, um parágrafo que é representado pelo elemento <code>p</code> seria escrito como
<syntaxhighlight lang="html4strict">
<p>Na sintaxe HTML, a maioria dos elementos são escritas...</p>
</syntaxhighlight>
No entanto, nem todos esses elementos ''exigem'' a etiqueta de fechamento, ou mesmo a de abertura, para estar presente. Alguns elementos , os chamados ''elementos vazios'', não possuem uma tag de fechamento. Um exemplo típico é o elemento <code>br</code> que representa uma quebra de linha significante, tais como em um poema ou em um endereço. Por exemplo, o endereço do [[dentista]] em [[Finding Nemo]] seria escrito como
<syntaxhighlight lang="html4strict">

P. Sherman<br />42 Wallaby Way<br />Sydney

</syntaxhighlight>

Atributos são especificados na etiqueta de abertura. A exemplo, o elemento <code>abbr</code>, que representa uma [[abreviatura]], espera um atributo <code>title</code> em sua expressão. Isto seria escrito como
<syntaxhighlight lang="html4strict">
<abbr title="Hyper Text Markup Language">HTML</abbr>
</syntaxhighlight>


=== Sintaxe ===
[[Imagem:Estrutura de um elemento HTML.svg|frame|Partes de um elementos contêineres:
 <ul>
 <li>''Etiqueta de abertura:'' <code><nowiki><p ... ></nowiki></code>
     <ul>
       <li>''Atributo:''
         <ul>
           <li>''nome:'' <code>class</code></li>
           <li>''valor:'' <code>foo</code></li>
         </ul>
       </li>
     </ul>
   </li>
   <li>''Conteúdo:'' <code>Isto é um parágrafo.</code></li>
   <li>''Etiqueta de fechamento:'' <code><nowiki></p></nowiki></code></li>
 </ul>
''completo:'' <code><nowiki><p class="foo">Isto é um parágrafo</p></nowiki></code>]]

Há múltiplos tipos de elementos HTML: elementos vazios, elementos de texto, e elementos normais.

'''Elementos vazios''' possuem apenas uma tag de abertura, que possui os seus respectivos atributos. Para exemplificação, o elemento <code>link</code>, para o qual a sintaxe é
<syntaxhighlight lang="html4strict">
<link rel=stylesheet href=fancy.css type="text/css">
</syntaxhighlight>
Este elemento <code>link</code> aponta para o navegador uma [[folha de estilo]] para ser utilizada no documento HTML. Note que na sintaxe HTML, atributos não precisam levar aspas. Ao utilizar a sintaxe [[XML]] ([[XHTML]]), por outro lado, todos os atributos devem ter aspas, e uma barra é necessária antes do último parêntese angular da etiqueta:
<syntaxhighlight lang="xml">
<link rel="stylesheet" href="fancy.css" type="text/css" />
</syntaxhighlight>

'''Elementos de texto''' são construídos com:
* uma ''etiqueta de abertura'' (<code><nowiki><tag></nowiki></code>) marcando o início do elemento, que pode ser incorporar alguns diversos atributos;
* uma quantidade de ''conteúdo'' textual, mas sem elementos (todas as etiquetas, a menos da etiqueta em questão, serão interpretadas como conteúdo);
* uma ''etiqueta de fechamento'', na qual o nome do elemento é precedido por uma barra: <code><nowiki></tag></nowiki></code>.  Em algumas versões do HTML, a etiqueta de fechamento é opcional para alguns elementos. A etiqueta de fechamento é obrigatória no  XHTML.

'''Elementos normais''' geralmente possuem ambas marcações de abertura e fechamento / fecho, apesar de que para alguns elementos a marcação de fechamento / fecho, ou ambas marcações, podem ser omitidas. Eles são construídos de maneira semelhante:
* uma ''etiqueta de abertura'' (<code><nowiki><tag></nowiki></code>) marcando o início do elemento, que pode ser incorporar alguns diversos atributos;
* uma quantidade de ''conteúdo'', incluindo textos e outros elementos;
* uma ''etiqueta de fechamento / fecho'', no qual o nome do elemento é precedido por uma barra: <code><nowiki></tag></nowiki></code>.

'''Atributos''' definem um comportamento desejado ou indicam propriedades adicionais do elementos. A maioria dos atributos exigem um ''valor''. No HTML, o valor pode ser adicionado sem aspas, caso não possua espaços (<code>name=valor</code>), ou pode ser adicionado com aspas simples ou duplas (<code>name='valor'</code> or <code>name="valor"</code>). No XML, essas aspas são compulsórias. Atributos booleanos, por outro lado, não exigem um valor a ser especificado. Um exemplo é o <code>checked</code> para checkboxes:
<syntaxhighlight lang="html4strict">
<input type=checkbox checked>
</syntaxhighlight>
Na sintaxe XML, entretanto, o nome deve ser repetido no valor:
<syntaxhighlight lang="xml">
<input type="checkbox" checked="checked" />
</syntaxhighlight>

=== Elementos versus tags===

Elementos e tags não são as mesmas coisas. As tags iniciam ou terminam um elemento no [[código-fonte]], enquanto os elementos fazem parte do DOM, o modelo do documento para exibir a página no navegador.<ref name="def1"></ref>

Informalmente, os elementos HTML são referenciados às vezes como "tags" (um exemplo de [[sinédoque]]), apesar de que muitos prefiram restringir o termo ''tag'' estritamente a marcação delimitando o início e o fim dos elementos.

O nome de elementos (e atributos) podem ser escritos em qualquer combinação de letras maiúsculas e minúsculas no HTML, mas devem estar em minúsculas no caso do XHTML.<ref name="XHTML10-42">[[#XHTML10|XHTML 1.0]] §4.2</ref> A forma canônica era maiúsculas até o HTML 4, sendo usada inclusive nas especificações HTML, mas recentemente, a forma minúscula tornou-se mais comum.

=== Padrões de elementos ===

Os elementos HTML são definidos em uma série de padrões abertos de acesso livre emitidos desde 1995, inicialmente pela [[IETF]] e  subsequentemente pela [[W3C]].

Desde o começo da década de 1990, fabricantes de [[agentes do usuário]] (e.g. [[navegador web|navegadores web]]) desenvolviam seus próprios elementos, alguns dos quais vieram a se tornam padrão posteriormente. Outros agentes de usuários podem não reconhecer elementos não-padrão, de modo que eles podem ser ignorados ou serem apresentados de forma inadequada.

Em 1998, [[XML]] (uma forma simplificada de SGML) introduziu um mecanismo para permitir que qualquer pessoa desenvolva seus próprios elementos e incorpore-os nos elementos XHTML, para o uso com  softwares XML.<ref>[[#XML10|XML 1.0]]  (A habilidade de produzir elementos adicionais é parte da ''eXtensibilidade'' no acrônimo.)</ref>

Subsequentemente, HTML 4.01 foi reescrito em uma forma compatível com XML, [[#XHTML10|XHTML 1.0]] (''eXtensible HTML''). Os elementos em cada um eram idênticos, e a maioria dos casos, documentos XHTML 1.0  válidos seriam válidos ou quase válidos em documentos HTML 4.01.

=== Estado dos elementos ===
Desde a primeira versão do HTML, diversos elementos saíram de moda, e tornaram-se  ''obsoletos'' em padrões posteriores, ou não aparecem neles, no caso de serem ''inválidos''.

No momento, o estado dos elementos é complicada pela existência de três tipos de HTML 4.01 / XHTML 1.0 DTD:

* '''Transitional''', que contém elementos obsoletos, mas que ainda pretende promover um período de transição durante o qual o autor poderá atualizar suas práticas;
* '''Frameset''', que são versões do Transitional DTDs que ainda permite os autores a escrever documentos com '''frameset''';
* '''Strict''', que é uma forma atualizada (em [[2010]]) do HTML.

O primeiro padrão ([[HTML#Primeira especificação|HTML 2.0]]) continha quatro elementos obsoletos, um dos quais era inválido no HTML 3.2. Todos os quatro são inválidos no HTML 4.01 Transitional, que também deprecia cerca de dez elementos. Todos esses, junto a outros dois, são inválidos no HTML 4.01 Strict. Enquanto os elementos frame ainda estão em uso no sentido de estarem presente na versão Transitional e Frameset DTDs, não há planos de preservá-los nos padrões futuros, e suas funções podem ser vastamente substituídas, por serem muito problemáticas para acessibilidade de usuários.

== Elementos de estrutura de documentos ==
;<syntaxhighlight lang="html5" inline><html>...</html></syntaxhighlight>
:O [[elemento raiz]] de um documento HTML; todos os outros elementos estão contidos neste.
:O elemento HTML delimita o início e o fim de um documento HTML.
:'''padronizado''' no [[#HTML20|HTML 2.0]]; ainda em uso.
;<syntaxhighlight lang="html5" inline><head>...</head></syntaxhighlight>
:Container for processing information and metadata for an HTML document.
:'''padronizado''' no [[#HTML20|HTML 2.0]]; ainda em uso.
:(Veja [[#Elementos do cabeçalho do documento|Elementos do cabeçalho do documento]] para elementos filhos.)
;<syntaxhighlight lang="html5" inline><body>...</body></syntaxhighlight>
:Contêiner para um conteúdo visualizável de um documento HTML.
:'''padronizado''' no [[#HTML20|HTML 2.0]]; ainda em uso.
:(Veja [[#Elementos do corpo do documento|Elementos do corpo do documento]] para os elementos filhos.)

== Elementos do cabeçalho do documento ==
;<syntaxhighlight lang="html5" inline><base></syntaxhighlight>
:Especifica um '''[[Uniform Resource Locator|URL]] base''' para todos os <code>href</code> relativos e outros links no documento.  Deve aparecer antes de qualquer elemento que refere-se a um recurso externo. HTML permite apenas um elemento <code>base</code> para cada documento. O elemento <code>base</code> possui atributos mas nenhum conteúdo.
:Um versão desenvolvida de '''BASE''' é mencionada em ''[[#HTMLTAGS|HTML Tags]]''; '''padronizado''' no [[#HTML20|HTML 2.0]]; ainda em uso.
;<del><syntaxhighlight lang="html5" inline><basefont></syntaxhighlight></del> '''(obsoleto)'''
:Especifica um tamanho, tipo e cor de fonte base para o documento. Utilizada juntamente com elementos <code>font</code>. Depreciada em favor das folhas de estilo.
:'''Padronizado''' no [[#HTML32|HTML 3.2]]; '''tornado obsoleto''' no [[#HTML401|HTML 4.0 Transitional]]; '''invalidado''' no [[#HTML401|HTML 4.0 Strict]].
;<del><syntaxhighlight lang="html5" inline><isindex></syntaxhighlight></del> '''(obsoleto)'''
:'''<code>isindex</code>''' pode tanto aparecer no cabeçalho do documento quanto no corpo, mas apenas uma vez no documento.  Requer um motor de busca no servidor.
:No cabeçalho, indicaque o documento é um índice pesquisável. Visualmente apresenta uma entrada de texto de uma linha para a palavra-chave. Quando submetido, o [[query string]] é adicionado ao [[Uniform Resource Locator|URL]] em uso e o documento é apresentando com essas palavras chaves destacadas.  Geralmente se o servidor suporta essa funcionalidade, o mesmo adicionará os elementos '''isindex''' aos documentos sem a intervenção do autor.
:'''ISINDEX''' existia no ''[[#HTMLTAGS|HTML Tags]]''; '''padronizado''' no [[#HTML20|HTML 2.0]]; '''tornado obsoleto''' no [[#HTML401|HTML 4.0 Transitional]]; '''invalidado''' no [[#HTML401|HTML 4.0 Strict]].
;<syntaxhighlight lang="html5" inline><link></syntaxhighlight>
:Especifica links para outros documentos, tais como links anterior e posterior, ou versões alternativa.<ref>[[#HTML401|HTML 4.01]] §12.3</ref> Um uso comum é a um link para folhas de estilo externas, usando a forma:
::<code><nowiki><link rel="stylesheet" type="text/css" href="</nowiki>''url''<nowiki>" title="</nowiki>''description_of_style''<nowiki>"></nowiki></code><ref>[[#HTML401|HTML 4.01]] §14.3.2</ref>
:Um uso menos comum, mas importante, é para fornecer hints de navegação consistentemente através de [[microformato]]s. Várias relações comuns são definidas, que podem ser expostos para os usuários através da interface do navegador ao invés de diretamente na página web.
::<code><nowiki><link rel="next" href="</nowiki>''url''<nowiki>"></nowiki></code>
:Um elemento ’s <code>head</code> do documento pode conter vários elementos <code>link</code>. O elemento <code>link</code> possui atributos, mas nenhum conteúdo.
:'''LINK''' existia no ''[[#HTMLDRAFT12|HTML Internet Draft 1.2]]'', e foi '''padronizado''' no [[#HTML20|HTML 2.0]]; ainda em uso.
;<syntaxhighlight lang="html5" inline><meta></syntaxhighlight>
:Pode ser usado para especificar [[metadado]]s especiais sobre o documento, tais como autor, data de publicação, data de expiração, descrição da página ou outra informação não fornecida pelos outros elementos e atributos de cabeçalho. Devido a sua natureza genérica, elementos <code>meta</code> especificam [[Vetor associativo|pares de chave-valor]] associativos.
:Em um formulário, elementos <code>meta</code> podem especificar cabeçalhos [[HTTP]] que seriam enviados para um [[servidor web]] antes do conteúdo em si, por exemplo:
::<code><nowiki><meta http-equiv="foo" content="bar"></nowiki></code>
:— this specifies that the page should be served with an HTTP header called <code>foo</code> that has a value <code>bar</code>.
:Na forma geral, um elemento <code>meta</code> especifica os atributos <code>name</code> e <code>content</code> associado descrevendo aspectos da página HTML. Para prevenir uma possível ambiguidade, um terceiro atributo opcional, <code>scheme</code>, pode ser fornecido para para especificar um framework semântico que define o significado das chaves e seus valores; por exemplo:
::<code><nowiki><meta name="foo" content="bar" scheme="DC"></nowiki></code>
<!--
:Neste exemplo, o elemento <code>meta</code> identica a si mesmo como contendo um elemento <code>foo</code>, com um valor de <code>bar</code>, from the DC or [[Dublin Core]] [[Resource Description Framework|resource description framework]].
-->
:'''padronizado''' no [[#HTML20|HTML 2.0]]; ainda em uso.
;<syntaxhighlight lang="html5" inline><object>…</object></syntaxhighlight>
:Usado para incluir objetos genéricos no cabeçalho do documento. Apesar de ser raramente usado dentro do elemento <code>head</code>, ele pode potencialmente ser usado para extrair dados externos e associá-los ao documento em uso.
:'''padronizado''' no [[#HTML401|HTML 4.0]]; ainda em uso.
;<syntaxhighlight lang="html5" inline><script>…</script></syntaxhighlight>
:Pode atuar como um contêiner para instruções de script ou um link para um script externo com o atributo opcional <code>src</code>.<ref name="Não_nomeado-xpMz-1">[[#HTML401|HTML 4.01]] §18</ref> Ainda utilizável no corpo do documento para gerar dinamicamente tanto blocos quanto conteúdo em linha.
:'''padronizado''' no [[#HTML32|HTML 3.2]]; ainda em uso.
;<syntaxhighlight lang="html5" inline><style>…</style></syntaxhighlight>
:Especifica um [[Cascading Style Sheets|estilo]] para o documento, geralmente na forma:
::<code><nowiki><style type="text/css"> … </style></nowiki></code>
:Pode tanto atuar como um contêiner para as instruções de estilo quanto um link para uma folha de estilo externa – por exemplo, no CSS, com as diretivas de <code>@import</code> com o seguinte formato:
::<code><nowiki><style> @import </nowiki>''url''<nowiki>; </style></nowiki></code><ref>[[#CSS1|CSS]] §1.1</ref>
:'''padronizado''' no [[#HTML32|HTML 3.2]]; ainda em uso.
;<syntaxhighlight lang="html5" inline><title>…</title></syntaxhighlight>
:Define o título do documento.  Required in every HTML and XHTML document.  User agents may use the title in different ways.  For example:
:* Navegadores web geralmente os apresentam em uma janela’s barra de título quando a janela está aberta, e (onde aplicável) na [[barra de tarefas]] quando a janela é minimizada.
:* Ela pode tornar-se o nome de arquivo padrão ao salvar a página.
:* [[Motor de busca|Motores de buscas]] de [[web crawler]]s tomam atenção especial nas palavras utilizadas no título.
:O elemento <code>title</code> não pode conter outros elemento, apenas o texto. Apenas um elemento <code>title</code> é permitido em um documento.
:'''TITLE''' existia no ''[[#HTMLTAGS|HTML Tags]]'', e foi '''padronizado''' no [[#HTML20|HTML 2.0]]; ainda em uso.

== Elementos do corpo do documento ==
Em navegadores visuais, elementos visualizável podem ser renderizados tanto como ''bloco'' quanto ''inline''. Enquanto todos os elementos são parte da sequência do documento, os elementos de blocos aparecem dentro de seus elementos pais:
* como objetos retangulares que não quebra entre as linhas;
* com blocos com propriedades de margens, largura, altura que podem ser ajustadas independentemente dos elementos que o rodeiam.
Por outro lado, elementos inline são tratados como parte do fluxo de texto; eles não podem ter margens, ter largura ou a altura fixaadas, e realizam quebra entre as linhas.

=== Elementos de blocos ===
==== Texto básico ====
;<syntaxhighlight lang="html5" inline><p>...</p></syntaxhighlight>
:Cria um parágrafo, talvez o elemento de block mais comum.
:<code>P</code> existia no ''[[#HTMLTAGS|HTML Tags]]'', e foi '''padronizado''' no [[#HTML20|HTML 2.0]]; ainda em uso.

;<syntaxhighlight lang="html5" inline><h1>...</h1></syntaxhighlight> <syntaxhighlight lang="html5" inline><h2>...</h2></syntaxhighlight> <syntaxhighlight lang="html5" inline><h3>...</h3></syntaxhighlight> <syntaxhighlight lang="html5" inline><h4>...</h4></syntaxhighlight> <syntaxhighlight lang="html5" inline><h5>...</h5></syntaxhighlight> <syntaxhighlight lang="html5" inline><h6>...</h6></syntaxhighlight>

:Seções de cabeçalhos em diferntes níveis. <code><nowiki><h1></nowiki></code> delimitas o cabeçalho de nível mais alto, <code><nowiki><h2></nowiki></code> o nivel subsequentemente abaixo (subsecção), <code><nowiki><h3></nowiki></code> para um nível abaixo deste, e assim por diante <code><nowiki><h6></nowiki></code>.
:A maioria dos navegadores visuais apresenta os cabeçalhos como textos em negrito em tamanho grande por padrão, embora isso poda ser substituído com [[Cascading Style Sheets|CSS]]. Elementos de cabeçalho não são destinados meramente para criação de textos em negrito ou grande — eles descrevem a estrutura e organização do documento. Alguns programas os usam para gerar resumos e tabelas de conteúdos.
:Os cabeçalhos existiam no ''[[#HTMLTAGS|HTML Tags]]'', e foram '''padronizados''' no [[#HTML20|HTML 2.0]]; ainda em uso.

==== Listas ====
;<syntaxhighlight lang="html5" inline><dl>...</dl></syntaxhighlight>
:Uma lista de definição (consistindo de termos de definição combinadas com definições).
:<code>DL</code> existia no ''[[#HTMLTAGS|HTML Tags]]'', e foi '''padronizado''' no [[#HTML20|HTML 2.0]]; ainda em uso.

;<syntaxhighlight lang="html5" inline><dt>...</dt></syntaxhighlight>
:Um termo de definição de uma lista de definição.
:<code>DT</code> existia no ''[[#HTMLTAGS|HTML Tags]]'', e foi '''padronizado''' no [[#HTML20|HTML 2.0]]; ainda em uso.

;<syntaxhighlight lang="html5" inline><dd>...</dd></syntaxhighlight>
:A definição de um termo, em uma lista de definição.
:<code>DD</code> existia no ''[[#HTMLTAGS|HTML Tags]]'', e foi '''padronizado''' no [[#HTML20|HTML 2.0]]; ainda em uso.

;<syntaxhighlight lang="html5" inline><ol>...</ol></syntaxhighlight>
:Uma lista ordenada (enumerada). O atributo <code>type</code> pode ser usado para especificar o tipo de ordenação, mas folhas de estilos fornecem um controle maior: <code>{list-style-type: ''foo''}</code>. Por omissão, são utilizados a numeração arábica.
:<code>OL</code> existia no ''[[#HTMLDRAFT12|HTML Internet Draft 1.2]]'', e foi '''padronizado''' no [[#HTML20|HTML 2.0]]; ainda em uso.

;<syntaxhighlight lang="html5" inline><ul>...</ul></syntaxhighlight>
:Uma lista não ordenada.  Folhas de estilo podem ser usadas para especificar os marcadores (símbolo) da lista: <code>{list-style-type: foo}</code>.  O marcador padrão é um disco.
:<code>UL</code> existia no ''[[#HTMLTAGS|HTML Tags]]'', e foi '''padronizado''' no [[#HTML20|HTML 2.0]]; ainda em uso.

;<syntaxhighlight lang="html5" inline><li>...</li></syntaxhighlight>
:Um item de uma lista ordenada ('''ol''') ou não ordenada ('''ul''').
:<code>LI</code> existia no ''[[#HTMLTAGS|HTML Tags]]'', e foi '''padronizado''' no [[#HTML20|HTML 2.0]]; ainda em uso.

;<del><syntaxhighlight lang="html5" inline><dir>...</dir></syntaxhighlight></del> '''(obsoleto)'''
:Uma listagem de diretório. O propósito original desse elemento nunca foi amplamente apoiado; tornado obsoleto em favor do <code><nowiki><ul></nowiki></code>.
:<code>DIR</code> existia no ''[[#HTMLTAGS|HTML Tags]]'', e foi '''padronizado''' no [[#HTML20|HTML 2.0]]; '''tornado obsoleto''' no [[#HTML401|HTML 4.0 Transitional]]; '''invalidado''' no [[#HTML401|HTML 4.0 Strict]].

;<del><syntaxhighlight lang="html5" inline><menu>...</menu></syntaxhighlight> </del> '''(obsoleto)'''
:Um menu de listagem. Deveria ser mais compacto que uma lista <code><nowiki><ul></nowiki></code>, mas é poucamente suportado. tornado obsoleto em favor do <code><nowiki><ul></nowiki></code>.
:<code>MENU</code> existia no ''[[#HTMLTAGS|HTML Tags]]'', e foi '''padronizado''' no [[#HTML20|HTML 2.0]]; '''tornado obsoleto''' no [[#HTML401|HTML 4.0 Transitional]]; '''inválido''' no [[#HTML401|HTML 4.0 Strict]].

==== Outros elementos de bloco ====
;<syntaxhighlight lang="html5" inline><address>...</address></syntaxhighlight>
:Informação de contato para o autor do documento.
:<code>ADDRESS</code> existia no ''[[#HTMLTAGS|HTML Tags]]'', e foi '''padronizado''' no [[#HTML20|HTML 2.0]]; ainda em uso.

;<syntaxhighlight lang="html5" inline><noscript>...</noscript></syntaxhighlight>
:Define um conteúdo alternativo para os usuários de navegadores que '''não''' suportam script.
:O não suporte de script pelo navegador pode ser causado pelo navegador realmente não suportar script ou por esta funcionalidade foi deliberadamente desabilidada pelo usuário ou algum tipo de recurso extra inserido no navegador, como por exemplo: extenções ou plugins instalados no navegador.
:O conteúdo dentro do elemento <noscript> será exibido se os scripts não são suportados, ou estão desativados no navegador do usuário <ref name="w3schools_noscript">{{citar web|url=https://www.w3schools.com/tags/tag_noscript.asp|título=HTML <noscript> Tag|publicado=www.w3schools.com|acessodata=2017-11-24|idioma=en}}</ref>.
:'''padronizado''' no [[#HTML20|HTML 4.01]]; ainda em uso.

;<syntaxhighlight lang="html5" inline><script>...</script></syntaxhighlight>
:Pode atuar como um contêiner para instruções de script ou um link para um script externo com o atributo opcional <code>src</code>.<ref name="Não_nomeado-xpMz-1"/> Ainda utilizável no corpo do documento para gerar dinamicamente tanto blocos quanto conteúdo em linha.
:'''padronizado''' no [[#HTML32|HTML 3.2]]; ainda em uso.

=== Formatação ===
;<del><syntaxhighlight lang="html5" inline><font>...</font></syntaxhighlight></del> '''(obsoleto)''' <ref>{{citar web|url=http://www.w3schools.com/tags/tag_font.asp|titulo=HTML font tag|publicado=W3Schools|acessodata=2011-03-24}}</ref>
:<code><nowiki><font</nowiki> [color=<var>color</var>] [size=<var>size</var>] [face=<var>face</var>]>…<nowiki></font></nowiki></code>
:Pode especificar a cor da fonte com o atributo <code>color</code>, tipografia com o atributo <code>face</code>, e o tamanho relativo ou absoluto com o atributo <code>size</code>.
:Exemplos (todos os usos estão obsoletos, use equivalentes em CSS se possível):
:# <code><nowiki><font color="green">text</font></nowiki></code> cria <font color="green">texto verde.</font>
:# <code><nowiki><font color="#114499">text</font></nowiki></code> cria <span style="color: #114499;">texto com [[Tripleto hexadecimal|cor hexadecimal]] #114499.</span>
:# <code><nowiki><font size="4">text</font></nowiki></code> cria <font size="4">texto com tamanho 4.</font> Tamanhos são de 1 a 7. O tamanho padrão é 3, a menos que outro seja especificado na tag <body> ou outras.
:# <code><nowiki><font size="+1">text</font></nowiki></code> cria <font size="+1">texto com tamanho 1 maior que o padrão</font>. <code><nowiki><font size="-1">text</font></nowiki></code> é oposto.
:# <code><nowiki><font face="Courier New">text</font></nowiki></code> faz <font face="Courier New">texto com a fonte [[Courier New]]</font>.
:Códigos CSS equivalentes para atributos de fonte:
:*<code><nowiki><font</nowiki> size="<var>N</var>"<nowiki>></nowiki></code> corresponde a <code>{font-size: <var>Y</var> <var>unidades</var>}</code> (a especificação HTML não define a relação entre o tamanho <var>N</var> e a unidade de tamanho <var>Y</var>, nem define a unidade).
:*<code><nowiki><font color="red"></nowiki></code> corresponde a <code><nowiki>{color: red}</nowiki></code>
:*<code><nowiki><font face="Courier New"></nowiki></code> corresponde a <code>{font-family: "Courier New"}</code>
:'''padronizado''' no [[#HTML32|HTML 3.2]]; '''obsoleto''' no [[#HTML401|HTML 4.0 Transitional]]; '''inválido''' no [[#HTML401|HTML 4.0 Strict]].

== Frames ==
Frames (quadros) permitem que uma janela visual HTML do navegador seja separada em segmentos, cada qual podendo mostrar um documento diferente. Isto pode reduzir o uso de largura de banda, uma vez que partes repetidas de um leiaute podem ser usadas em um frame, enquanto o conteúdo variável é mostrado em outro. Isto pode vir em um certo custo de usabilidade, especialmente em agentes de usuário não-visuais, devido a documentos (ou sites web) separados e independentes serem mostrados adjacentes a cada um e sendo permitidos interagir com a mesma janela pai. Devido a este custo, frames (excluindo o elemento <code><iframe></code>) são permitidos apenas no conjunto de frames (Frame-set) do HTML 4.01. iFrames também podem armazenar documentos em servidores diferentes. Neste caso a interação entre janelas é bloqueada pelo navegador. Sites como [[Facebook]] e [[twitter]] usam iFrames para mostrar conteúdo (plugins) em sites web parceiros de terceiros. O Google Adsense utiliza iframes para mostrar banners em sites web parceiros de terceiros.

== Comentários ==
; <code><nowiki><!-- Um comentário --></nowiki></code>
:Um comentário pode aparecer em qualquer parte do documente, incluse antes do DOCTYPE, mas não dentro de outras etiquetas. Nenhum conteúdo dentro do comentário é processado. Por compatibilidade com alguns navegadores anteriores a 1995 , o conteúdo dos elementos <code>style</code> e <code>script</code> ainda são, algumas vezes, escritos dentro dos delimitadores de comentário.
:Comentários não permitem aninhamento (comentários dentro de comentários): a marcação <code><nowiki><!--Xbegin<!--Y-->Xend--></nowiki></code> resultará no comentário <code><nowiki>Xbegin<!--Y</nowiki></code> e o texto <code><nowiki>Xend--></nowiki></code> após ele.

{{referências}}

== Bibliography ==
{{refbegin}}

=== Padrões HTML ===
;<span id="HTML20">HTML 2.0:</span>
:{{citar web
  |autor = Berners-Lee, T., and Connolly, D.
  |título= Hypertext Markup Language - 2.0 (RFC 1866)
  |publicado= [[IETF]]
  |data= Novembro de 1995
  | url = http://tools.ietf.org/html/rfc1866
  |acessodata= 2009-03-24}}

;<span id="HTML32">HTML 3.2:</span>
:{{citar web
  |autor = Raggett, D.
  |título= HTML 3.2 Reference Specification
  |publicado= [[W3C]]
  |data= 1997-01-14
  | url = http://www.w3.org/TR/REC-html32-19970114
  |acessodata= 2009-03-27}}

;<span id="HTML401">HTML 4.01:</span>
:{{citar web
  |autor = Raggett, D., Le Hors, A., and Jacobs, I. (editores)
  |título= HTML 4.01 Specification
  |publicado= [[W3C]]
  |data= 1999-12-24
  | url = http://www.w3.org/TR/1999/REC-html401-19991224/
  |acessodata= 2009-03-24}}  ''(HTML 4.01 é uma atualização do HTML 4.0.)''

;<span id="XHTML10">XHTML 1.0:</span>
:{{citar web
  |autor = [[W3C]]
  |título= XHTML 1.0: The Extensible HyperText Markup Language (Second Edition)
  |publicado= [[W3C]]
  |data= 2000-01-26
  | url = http://www.w3.org/TR/2002/REC-xhtml1-20020801
  |acessodata= 2009-03-24}}

;<span id="XHTML11">XHTML 1.1:</span>
:{{citar web
  |autor = Altheim, M., and McCarron, S. (editores)
  |título= XHTML 1.1 - Module-based XHTML
  |publicado= [[W3C]]
  |data= 2001-05-31
  | url = http://www.w3.org/TR/2001/REC-xhtml11-20010531/
  |acessodata= 2009-03-25}}

=== Outras fontes ===
;''<span id="HTMLTAGS">HTML Tags:</span>''
:{{citar web
  |autor = Berners-Lee, T.
  |título= HTML Tags
  |data= 1992-11-03
  | url = http://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/Tags.html
  |acessodata= 2009-03-28}}  ''(Parte da primeira descrição publicada do HTML.)''

;''<span id="HTMLDRAFT12">HTML Internet Draft 1.2:</span>''
:{{citar web
  |autor = Berners-Lee, T., and Connolly, D.
  |título= Hypertext Markup Language (HTML)
  |data= Junho de 1993
  | url = http://www.w3.org/MarkUp/draft-ietf-iiir-html-01.txt
  |acessodata= 2009-03-28}}

;''<span id="HTML30">HTML 3.0 Drafts:</span>''
:{{citar web
  |autor = Raggett, D.
  |título= HyperText Markup Language Specification Version 3.0 (draft)
  |data= 1995-03-24
  | url = http://www.w3.org/MarkUp/html3/CoverPage.html
  |acessodata= 2009-04-18}}  ''(This is the final draft of HTML 3.0, which expired without being developed further.)''

;''<span id="HTMLTABLES">HTML Tables:</span>''
:{{citar web
  |autor = D. Raggett
  |título= HTML Tables
  |obra= RFC 1942
  |publicado= [[IETF]]
  |data=maio de 1996
  | url = http://tools.ietf.org/html/rfc1942
  |acessodata= 2009-03-22}}

;<span id="XML10">XML 1.0:</span>
:{{citar web
  |autor = Bray, T, Paoli, J, Sperberg-McQueen, CM, Maler, E and Yergeau, F (editors)
  |título= Extensible Markup Language (XML) 1.0 (Fifth Edition)
  |publicado= [[W3C]]
  |data= 2008-11-26
  | url = http://www.w3.org/TR/2008/REC-xml-20081126/
  |acessodata= 2009-03-20}}

;<span id="CSS1">CSS:</span>
:{{citar web
  |autor = Lie, H.W. and Bos, B.
  |título= Cascading Style Sheets, level 1 (revisado em 2008-04-11)
  |publicado= [[W3C]]
  |data= 2008-04-11
  | url = http://www.w3.org/TR/CSS1/
  |acessodata= 2009-04-05}}
{{refend}}

== Ligações externas ==
* Lista completas de [http://www.w3.org/TR/html401/index/elements.html elementos] and [http://www.w3.org/TR/html401/index/attributes.html atributos] para HTML 4.01

{{HTML}}

[[Categoria:HTML]]