Elemento HTML - HTML element

Um elemento HTML é um tipo de componente de documento HTML (Hypertext Markup Language), um dos vários tipos de nós HTML (também há nós de texto, nós de comentário e outros). O documento HTML é composto por uma árvore de nós HTML simples , como nós de texto e elementos HTML, que adicionam semântica e formatação às partes do documento (por exemplo, tornar o texto em negrito, organizá-lo em parágrafos, listas e tabelas ou incorporar hiperlinks e imagens). Cada elemento pode ter atributos HTML especificados. Os elementos também podem ter conteúdo, incluindo outros elementos e texto.

Conceitos

Elementos x tags

Como é geralmente entendido, a posição de um elemento é indicada como abrangendo a partir de uma tag de início, possivelmente incluindo algum conteúdo filho, e é encerrada por uma tag de fim. Esse é o caso de muitos, mas não todos, os elementos de um documento HTML. A distinção é enfatizada explicitamente na especificação HTML 4.01 :

Elementos não são tags. Algumas pessoas se referem aos elementos como tags (por exemplo, "a tag P"). Lembre-se de que o elemento é uma coisa e a tag (seja ela inicial ou final) é outra. Por exemplo, o elemento HEAD está sempre presente, embora as tags HEAD inicial e final possam estar ausentes na marcação.

Da mesma forma, a recomendação W3C HTML 5.1 2ª edição diz explicitamente:

As tags são usadas para delimitar o início e o fim dos elementos na marcação. (...) As tags de início e fim de certos elementos normais podem ser omitidas, (...)
O conteúdo do elemento deve ser colocado entre logo após a tag de início (o que pode estar implícito , em certos casos) e logo antes a tag final (o que, novamente, pode estar implícito , em certos casos).

- HTML 5.1 2ª edição § 8.1.2. Elementos § Tags

e:

Algumas tags podem ser omitidas .
NOTA:
Omitir a tag de início de um elemento (...) não significa que o elemento não está presente; está implícito, mas ainda está lá. Por exemplo, um documento HTML sempre tem um <html>elemento raiz , mesmo se a string <html>não aparecer em nenhuma parte da marcação.

- HTML 5.1 2ª Edição § 8.1.2.4. Tags opcionais

Como o HTML (antes do HTML5) é baseado no SGML , sua análise também depende da Document Type Definition (DTD) , especificamente um HTML DTD (por exemplo, HTML 4.01). O DTD especifica quais tipos de elementos são possíveis (ou seja, define o conjunto de tipos de elementos) e também as combinações válidas nas quais eles podem aparecer em um documento. É parte do comportamento geral do SGML que, onde apenas uma estrutura válida é possível (de acordo com o DTD), sua declaração explícita em qualquer documento dado geralmente não é necessária. Como um exemplo simples, a tag que indica o início de um elemento de parágrafo deve ser complementada por uma tag que indica o seu final. Mas, uma vez que o DTD afirma que os elementos do parágrafo não podem ser aninhados, um fragmento de documento HTML é, portanto, considerado equivalente a . (Se um elemento de parágrafo não puder conter outro, qualquer parágrafo aberto no momento deve ser fechado antes de iniciar outro.) Como essa implicação é baseada na combinação do DTD e do documento individual, normalmente não é possível inferir elementos apenas a partir de tags de documento , mas apenas usando um analisador SGML - ou HTML - com conhecimento do DTD. HTML5 cria um resultado semelhante ao definir quais tags podem ser omitidas. <p></p><p>Para 1 <p>Para 2 <p>Para 3<p>Para 1 </p><p>Para 2 </p><p>Para 3

SGML vs. XML

SGML é complexo, o que tem limitado seu amplo entendimento e adoção. XML foi desenvolvido como uma alternativa mais simples. Embora ambos possam usar o DTD para especificar os elementos suportados e suas combinações permitidas como estrutura de documento, a análise XML é mais simples. A relação das tags com os elementos é sempre a de analisar as tags reais incluídas no documento, sem os fechamentos implícitos que fazem parte do SGML.

O HTML usado na web atual provavelmente será tratado como XML, por ser XHTML ou como HTML5 ; em ambos os casos, a análise de tags de documento em elementos Document Object Model (DOM) é simplificada em comparação com sistemas HTML legados. Uma vez que o DOM dos elementos é obtido, o comportamento em níveis mais altos de interface (exemplo: renderização de tela) é idêntico ou quase idêntico.

`%block;` vs. caixa

Parte desse comportamento de apresentação de CSS é a noção do " modelo de caixa ". Isso é aplicado aos elementos que o CSS considera como elementos de "bloco", definidos por meio da declaração CSS . display: block;

O HTML também tem um conceito semelhante, embora diferente, e os dois são freqüentemente confundidos. %block;e %inline;são grupos dentro do HTML DTD que agrupam elementos como sendo "nível de bloco" ou "embutido". Isso é usado para definir seu comportamento de aninhamento: elementos de nível de bloco não podem ser colocados em um contexto embutido. Este comportamento não pode ser alterado; ele é fixado no DTD. Os elementos de bloco e embutidos têm os comportamentos CSS adequados e diferentes anexados a eles por padrão, incluindo a relevância do modelo de caixa para tipos de elementos específicos.

Observe, porém, que esse comportamento do CSS pode, e freqüentemente é, alterado do padrão. Listas com são elementos e são apresentadas como elementos de bloco por padrão. No entanto, é bastante comum configurá-los com CSS para exibir como uma lista embutida. <ul><li> ...%block;

Visão geral

Sintaxe

{\ displaystyle \ overbrace {\ overbrace {{\ mathtt {\ color {BrickRed} <\! p \}} \ color {Magenta} \ underbrace {\ mathtt {class}} _ {\ mathsf {\ color {Black} { Atributo \ no nome do topo}}} {\ mathtt {= ''}} \! \ Underbrace {\ mathtt {parágrafo}} _ {\ mathsf {\ color {Branco} {Atr} \ atop \ color {Preto} Atributo \ valor }} '' {\ mathtt {\ color {BrickRed}>}}} ^ {\ mathsf {Start \ tag}} \ overbrace {\ mathtt {\ color {Green} This \ is \ a \ paragraph.}} ^ { \ mathsf {Conteúdo}} \ overbrace {\ mathtt {\ color {BrickRed} <\! / p \!>}} ^ {\ mathsf {End \ atop tag}}} ^ {\ mathsf {Elemento}}}

Partes de um elemento de contêiner HTML

Na sintaxe HTML, a maioria dos elementos é escrita com uma tag inicial e uma tag final, com o conteúdo entre elas. Uma tag HTML é composta pelo nome do elemento, entre colchetes angulares . Uma tag final também tem uma barra após o colchete angular de abertura, para distingui-la da tag inicial. Por exemplo, um parágrafo, que é representado pelo <p>elemento, seria escrito como:

<p>In the HTML syntax, most elements are written ...</p>

No entanto, nem todos esses elementos exigem que a tag final, ou mesmo a tag inicial, esteja presente. Alguns elementos, os chamados elementos vazios , não possuem uma etiqueta final. Um exemplo típico é o elemento <br>(quebra de linha rígida). O comportamento de um elemento void é predefinido e não pode conter nenhum conteúdo ou outros elementos. Por exemplo, um endereço seria escrito como:

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

Ao usar o XHTML , é necessário abrir e fechar todos os elementos, incluindo os elementos nulos. Isso pode ser feito colocando uma tag final imediatamente após a tag inicial, mas isso não é legal no HTML 5 e levará à criação de dois elementos. Uma forma alternativa de especificar que se trata de um elemento void, compatível com XHTML e HTML 5, é colocar um /no final da tag (não deve ser confundido com /no início de uma tag de fechamento).

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

Os atributos HTML são especificados dentro da tag inicial. Por exemplo, o <abbr>elemento, que representa uma abreviação , espera um titleatributo em sua tag de abertura. Isso seria escrito como:

<abbr title="abbreviation">abbr.</abbr>

Existem vários tipos de elementos HTML : elementos normais, elementos de texto bruto e elementos nulos.

Os elementos normais geralmente têm uma tag de início e uma tag de fim, embora para alguns elementos a tag de fim, ou ambas as tags, possam ser omitidas. É construído de forma semelhante:

uma tag de início ( ) marcando o início de um elemento, que pode incorporar qualquer número de atributos HTML ;<tag>
alguma quantidade de conteúdo , incluindo texto e outros elementos;
uma marca de fim , em que o nome do elemento é prefixado com uma barra : .</tag>

Os elementos de texto bruto (também conhecidos como texto ou elementos somente texto) são construídos com:

uma tag de início (no formulário ) marcando o início de um elemento, que pode incorporar qualquer número de atributos HTML ;<tag>
alguma quantidade de conteúdo de texto , mas nenhum elemento (todas as tags, exceto a tag final aplicável, serão interpretadas como conteúdo);
uma marca de fim , em que o nome do elemento é prefixado com uma barra: . Em algumas versões de HTML, a tag final é opcional para alguns elementos. A tag final é necessária em XHTML .</tag>

Um exemplo é o <title>elemento não deve conter outros elementos (incluindo marcação de texto), apenas texto simples .

Os elementos void (também chamados de elementos vazios, elementos únicos ou elementos autônomos) têm apenas uma tag de início (no formulário), que contém quaisqueratributos HTML. Eles não podem conter nenhum filho, como texto ou outros elementos. Para compatibilidade comXHTML, a especificação HTML permite um espaço opcional e uma barra (é permitido). O espaço e a barra são necessários emXHTMLe outrosaplicativosXML. Dois elementos vazios comuns são(para umaquebra de linha forte, como em um poema ou um endereço) e(para uma quebra temática). Outros desses elementos costumam ser marcadores de posição que fazem referência a arquivos externos, como oelementoimage (). Os atributos incluídos no elemento apontarão para o arquivo externo em questão. Outro exemplo de elemento void é, para o qual a sintaxe é: <tag><tag /><br /><hr /><img /><link />

<link rel="stylesheet" href="fancy.css" type="text/css">

Este <link />elemento aponta o navegador para uma folha de estilo a ser usada ao apresentar o documento HTML ao usuário. Observe que, na sintaxe HTML, os atributos não precisam ser citados se forem compostos apenas de determinados caracteres: letras, dígitos, o hífen-menos e o ponto. Ao usar a sintaxe XML (XHTML), por outro lado, todos os atributos devem estar entre aspas e uma barra final espaçada é necessária antes do último colchete angular:

<link rel="stylesheet" href="fancy.css" type="text/css" />

Os atributos HTML definem o comportamento desejado ou indicam propriedades adicionais do elemento. A maioria dos atributos requer um valor . Em HTML, o valor pode ser deixado sem aspas se não incluir espaços () ou pode ser colocado entre aspas simples ou duplas (ou). Em XML , essas aspas são obrigatórias. attribute=valueattribute='value'attribute="value"

Os atributos booleanos , por outro lado, não exigem a especificação de um valor. Um exemplo são as checkedcaixas de seleção:

<input type=checkbox checked>

Na sintaxe XML (e, portanto, XHTML ), porém, o nome deve ser repetido como o valor:

<input type="checkbox" checked="checked" />

Informalmente, os elementos HTML às vezes são chamados de "tags" (um exemplo de sinédoque ), embora muitos prefiram o termo tag estritamente em referência à marcação que delimita o início e o fim de um elemento.

Nomes de elementos (e atributos) podem ser escritos em qualquer combinação de maiúsculas ou minúsculas em HTML, mas devem estar em minúsculas em XHTML. A forma canônica era maiúscula até HTML 4 e era usada nas especificações HTML, mas nos últimos anos, minúsculas se tornaram mais comuns.

Padrões de elemento

Os elementos HTML são definidos em uma série de padrões abertos disponíveis gratuitamente, emitidos desde 1995, inicialmente pela IETF e posteriormente pelo W3C .

Durante a guerra dos navegadores da década de 1990, os desenvolvedores de agentes de usuário (por exemplo, navegadores da web ) frequentemente desenvolveram seus próprios elementos, alguns dos quais foram adotados em padrões posteriores. Outros agentes do usuário podem não reconhecer elementos fora do padrão e eles serão ignorados, possivelmente fazendo com que a página seja exibida incorretamente.

Em 1998, o XML (uma forma simplificada de SGML) introduziu mecanismos para permitir a qualquer pessoa desenvolver seus próprios elementos e incorporá-los em documentos XHTML , para uso com agentes de usuário com reconhecimento de XML.

Posteriormente, o HTML 4.01 foi reescrito em um formato compatível com XML , XHTML 1.0 ( eXtensible HTML ). Os elementos em cada um são idênticos e, na maioria dos casos, documentos XHTML 1.0 válidos serão documentos HTML 4.01 válidos ou quase válidos. Este artigo concentra-se principalmente em HTML real, a menos que indicado de outra forma; no entanto, continua aplicável ao XHTML . Veja HTML para uma discussão sobre as pequenas diferenças entre os dois.

Status do elemento

Desde a primeira versão do HTML, vários elementos se tornaram obsoletos e estão obsoletos em padrões posteriores, ou não aparecem, caso em que são inválidos (e serão considerados inválidos, e talvez não exibidos, por agentes de usuário de validação ) .

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

Transicionais , que contêm elementos obsoletos, mas que se destinavam a fornecer um período de transição durante o qual os autores poderiam atualizar suas práticas;
Frameset , que são versões dos DTDs de transição que também permitem aos autores escrever documentos de frameset ;
Strict , que é a forma atualizada (em 1999) do HTML.

Em vez disso, o HTML5 fornece uma lista de recursos obsoletos para acompanhar o conteúdo normativo padronizado . Eles são divididos em "obsoletos, mas em conformidade" para os quais existem instruções de implementação e em "não conformes" que devem ser substituídos.

O primeiro padrã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 tornou obsoleto outros dez elementos. Todos esses, mais dois outros, são inválidos no HTML 4.01 Strict . Embora os elementos de quadro ainda estejam atuais no sentido de estarem presentes nas DTDs de transição e de conjunto de quadros, não há planos para preservá-los em padrões futuros, pois sua função foi amplamente substituída e eles são altamente problemáticos para a acessibilidade do usuário.

(Estritamente falando, o padrão XHTML mais recente , XHTML 1.1 (2001), não inclui frames; é aproximadamente equivalente ao XHTML 1.0 Strict , mas também inclui o módulo de marcação Ruby .)

Uma fonte comum de confusão é o uso vago de obsoleto para se referir ao status obsoleto e inválido, e aos elementos que se espera sejam formalmente suspensos no futuro.

Conteúdo vs. apresentação e comportamento

Desde o HTML 4, o HTML tem se concentrado cada vez mais na separação do conteúdo (o texto visível e as imagens) da apresentação (como cor, tamanho da fonte e layout). Isso geralmente é conhecido como separação de interesses . HTML é usado para representar a estrutura ou conteúdo de um documento, sua apresentação é de responsabilidade exclusiva das folhas de estilo CSS . Uma folha de estilo padrão é sugerida como parte do padrão CSS, fornecendo uma renderização padrão para HTML.

O comportamento (interatividade) também é mantido separado do conteúdo e controlado por scripts . As imagens estão contidas em arquivos gráficos separados , separados do texto, embora também possam ser consideradas parte do conteúdo de uma página.

A separação de interesses permite que o documento seja apresentado por diferentes agentes de usuário de acordo com seus objetivos e habilidades. Por exemplo, um agente de usuário pode selecionar uma folha de estilo apropriada para apresentar um documento exibindo em um monitor, imprimindo em papel ou para determinar características de fala em um agente de usuário somente de áudio. As funções estruturais e semânticas da marcação permanecem idênticas em cada caso.

Historicamente, os agentes do usuário nem sempre oferecem suporte a esses recursos. Na década de 1990, como um paliativo, elementos de apresentação (como <b>e <i>) foram adicionados ao HTML, ao custo de criar problemas de interoperabilidade e acessibilidade do usuário. Isso agora é considerado antiquado e foi substituído pelo design baseado em folhas de estilo; a maioria dos elementos de apresentação estão obsoletos.

Arquivos de imagem externos são incorporados com os elementos <img />ou <object />. (Com o XHTML , a linguagem SVG também pode ser usada para escrever gráficos dentro do documento, embora vincular a arquivos SVG externos seja geralmente mais simples.) Onde uma imagem não é puramente decorativa, o HTML permite que o conteúdo de substituição com valor semântico semelhante seja fornecido para - agentes de usuários visuais.

Um documento HTML também pode ser estendido por meio do uso de scripts para fornecer comportamentos adicionais além das capacidades de hiperlinks e formulários HTML.

Os elementos <style>e <script>, com atributos HTML relacionados , fornecem folhas de estilo e scripts.

No cabeçalho do documento, <style />e <script />pode conectar-se a documentos externos compartilhados, ou <style>...</style>e <script>...</script>pode conter instruções incorporadas. (O <link>elemento também pode ser usado para vincular folhas de estilo.)
<script />ou <script>...</script>pode ocorrer em qualquer ponto do documento (cabeçalho ou corpo).
O styleatributo é válido na maioria dos elementos do corpo do documento (por exemplo <div style="...">) para inclusão de instruções de estilo embutido .
Os atributos de manipulação de eventos , que fornecem links para scripts, são opcionais na maioria dos elementos.
Para agentes de usuário que não operam scripts, o <noscript>...</noscript>elemento fornece conteúdo alternativo integrado quando apropriado; no entanto, ele só pode ser usado no cabeçalho do documento e no corpo como um elemento de nível de bloco.

Elementos da estrutura do documento

<html>...</html>: 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.; Ambas as tags de início e fim podem ser omitidas (HTML5).; Padronizado em HTML 2.0 ; ainda atual.
<head>...</head>: (Consulte os elementos do cabeçalho do documento para os elementos filhos.)
Recipiente para processar informações e metadados para um documento HTML.; Ambas as tags de início e fim podem ser omitidas e inferidas de elementos filho (HTML5).; Padronizado em HTML 2.0 ; ainda atual.
<body></body>: (Consulte os elementos do corpo do documento para os elementos filhos.)
Recipiente para o conteúdo exibível de um documento HTML.; Ambas as tags de início e fim podem ser omitidas e inferidas de elementos filho (HTML5).; Padronizado em HTML 2.0 ; ainda atual.

Elementos principais do documento

<base />

Especifica um URL base para todos os hreflinks relativos e outros no documento. Deve aparecer antes de qualquer elemento que se refira a um recurso externo. HTML permite apenas um <base>elemento para cada documento. Este elemento possui atributos HTML , mas nenhum conteúdo.

Uma versão de desenvolvimento deste elemento (as BASE) é mencionada em Tags HTML ; padronizado em HTML 2.0 ; ainda atual.

<basefont /> (deprecated)

Especifica um tamanho de fonte básico, tipo de fonte e cor para o documento. Usado junto com os <font>elementos. Obsoleto em favor das folhas de estilo .

Padronizado em HTML 3.2 ; preterido no HTML 4.0 Transitional ; inválido em HTML 4.0 Strict .

<isindex /> (deprecated)

<isindex>pode aparecer no cabeçalho ou no corpo do documento, mas apenas uma vez em um documento. Veja Formulários .

<link />

Especifica links para outros documentos, como links anteriores e próximos , ou versões alternativas. Um uso comum é vincular a folhas de estilo externas , usando o formulário ,. Um uso menos comum, mas importante, é fornecer dicas de navegação de forma consistente por meio do uso de microformatos . Várias relações comuns são definidas, que podem ser expostos aos usuários através da interface do navegador, em vez de diretamente na página web, tais como: . O elemento de um documento pode conter qualquer número de elementos. Este elemento possui atributos HTML , mas nenhum conteúdo.<link rel="stylesheet" type="text/css" href="url" title="description_of_style"><link rel="next" href="url"><head><link />

LINKexistia no HTML Internet Draft 1.2 e foi padronizado no HTML 2.0 ; ainda atual.

<meta />

Pode ser usado para especificar metadados adicionais sobre um documento, como autor, data de publicação, data de expiração, idioma, título da página, descrição da página, palavras-chave ou outras informações não fornecidas por meio de outros elementos de cabeçalho e atributos HTML . Devido à sua natureza genérica, os <meta />elementos especificam pares de valores-chave associativos . Em geral, um metaelemento transmite informações ocultas sobre o documento. Várias metatags podem ser usadas, todas elas aninhadas no elemento head. A finalidade específica de cada <meta />elemento é definida por seus atributos. Fora do XHTML , geralmente é fornecido sem a barra ( <meta>), apesar de ser um elemento vazio .

Em um formulário, os <meta />elementos podem especificar cabeçalhos HTTP que devem ser enviados por um servidor da web antes do conteúdo real. Por exemplo, especifica que a página deve ser exibida com um cabeçalho HTTP chamado que possui um valor . <meta http-equiv="foo" content="bar" />foobar

Na forma geral, um <meta />elemento especifica namee content atributos HTML associados que descrevem aspectos da página HTML. Para evitar possível ambigüidade, um terceiro atributo opcional,, schemepode ser fornecido para especificar uma estrutura semântica que define o significado da chave e seu valor. Por exemplo, nos identifica-se como elemento que contém o elemento, com um valor de , a partir do DC ou Dublin Core quadro descrição de recursos .<meta name="foo" content="bar" scheme="DC" /><meta />foobar

Padronizado em HTML 2.0 ; ainda atual.

<object>...</object>

Usado para incluir objetos genéricos no cabeçalho do documento. Embora raramente seja usado em um <head>elemento, ele poderia ser usado para extrair dados externos e associá-los ao documento atual.

Padronizado em HTML 4.0 ; ainda atual.

<script>...</script>

Pode atuar como um contêiner para instruções de script ou vincular a um script externo com o srcatributo opcional . Também pode ser usado no corpo do documento para gerar dinamicamente conteúdo em bloco ou embutido.

Padronizado em HTML 3.2 ; ainda atual.

<style>...</style>

Especifica um estilo CSS para o documento, geralmente na forma ,. Pode atuar como um contêiner para instruções de estilo ou link para folhas de estilo externas - por exemplo, em CSS , com diretivas do formulário,<style type="text/css"> ... </style>@import<style> @import url; </style>

Padronizado em HTML 3.2 ; ainda atual.

<title>...</title>

Esta tag define o título do documento. Obrigatório em todos os documentos HTML e XHTML . Os agentes do usuário podem usar o título de maneiras diferentes. Por exemplo:

Os navegadores da Web geralmente o exibem na barra de título de uma janela quando a janela é aberta e (quando aplicável) na barra de tarefas quando a janela é minimizada.
Ele pode se tornar o nome de arquivo padrão ao salvar a página.
Podemos usar o elemento <title> apenas uma vez em uma página da web e, quando fizermos outra página, usaremos novamente outro elemento <title> com novo título (não use o mesmo nome para todas as tags de título no site, pode ser um problema para os motores de busca).
Os rastreadores da web dos mecanismos de pesquisa da web podem prestar atenção especial às palavras usadas no título.

O <title>elemento não deve conter outros elementos, apenas texto. Apenas um <title>elemento é permitido em um documento.

Existia em Tags HTML e foi padronizado em HTML 2.0 ; ainda atual.

Elementos do corpo do documento

Em navegadores visuais, os elementos exibíveis podem ser renderizados como bloco ou embutidos . Embora todos os elementos façam parte da sequência do documento, os elementos de bloco aparecem em seus elementos pai:

como objetos retangulares que não se quebram nas linhas;
com margens de bloco, propriedades de largura e altura que podem ser definidas independentemente dos elementos circundantes.

Por outro lado, os elementos embutidos são tratados como parte do fluxo do texto do documento; eles não podem ter margens, largura ou altura definidas, e quebram nas linhas.

Elementos de bloco

Elementos de bloco, ou elementos de nível de bloco, têm uma estrutura retangular. Por padrão, esses elementos ocuparão toda a largura de seu elemento pai e, portanto, não permitirão que nenhum outro elemento ocupe o mesmo espaço horizontal em que foi colocado.

A estrutura retangular de um elemento de bloco é freqüentemente chamada de modelo de caixa e é composta de várias partes. Cada elemento contém o seguinte:

O conteúdo de um elemento é o texto real (ou outra mídia) colocado entre as marcas de abertura e fechamento de um elemento.
O preenchimento de um elemento é o espaço ao redor do conteúdo, mas que ainda faz parte do elemento. O preenchimento não deve ser usado para criar um espaço em branco entre dois elementos. Qualquer estilo de plano de fundo atribuído ao elemento, como uma imagem ou cor de plano de fundo, ficará visível no preenchimento. Aumentar o tamanho do preenchimento de um elemento aumenta a quantidade de espaço que esse elemento ocupará.
A borda de um elemento é o fim absoluto de um elemento e abrange o perímetro desse elemento. A espessura de uma borda aumenta o tamanho de um elemento.
A margem de um elemento é o espaço em branco que circunda um elemento. O conteúdo, preenchimento e borda de qualquer outro elemento não terá permissão para entrar nesta área, a menos que seja forçado a fazê-lo por algum posicionamento CSS avançado . Usando a maioria dos DTDs padrão , as margens à esquerda e à direita de diferentes elementos se afastarão. As margens na parte superior ou inferior de um elemento, por outro lado, não serão empilhadas ou se misturarão. Isso significa que o espaço em branco entre esses elementos será tão grande quanto a margem maior entre eles.

A seção acima se refere apenas à implementação detalhada da renderização CSS e não tem relevância para os próprios elementos HTML.

Texto básico

<p>...</p>: Cria um parágrafo, talvez o elemento de nível de bloco mais comum.; Pexistia em tags HTML e foi padronizado em HTML 2.0 ; ainda atual.
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>: Títulos de seção em diferentes níveis. h1delimita o título de nível mais alto, h2o próximo nível abaixo (subseção), h3para um nível abaixo dele, e assim por diante h6. Às vezes, eles são chamados coletivamente de tags, n significando qualquer um dos níveis de título disponíveis. A maioria dos navegadores visuais mostra os cabeçalhos como texto em negrito grande por padrão, embora isso possa ser sobrescrito com CSS . Os elementos de título não se destinam apenas a criar texto grande ou em negrito - na verdade, eles não devem ser usados para definir o estilo de um texto explicitamente. Em vez disso, eles descrevem a estrutura e a organização do documento. Alguns programas os utilizam para gerar contornos e índices analíticos.hn; Os títulos existiam em tags HTML e foram padronizados em HTML 2.0 ; ainda atual.

Listas

<dl>...</dl>

Uma lista de descrição (também conhecida como lista de associação ou lista de definição), que consiste em grupos de nome-valor e era conhecida como uma lista de definição antes do HTML5. As listas de descrição são destinadas a grupos de "termos e definições, tópicos e valores de metadados, perguntas e respostas ou quaisquer outros grupos de dados de nome-valor".

DLexistia em tags HTML e foi padronizado em HTML 2.0 ; ainda atual.

<dt>...</dt>

Um nome em uma lista de descrição (termo de definição anterior em uma lista de definições).

DTexistia em tags HTML e foi padronizado em HTML 2.0 ; ainda atual.

<dd>...</dd>

Um valor em uma lista de descrição (dados de definição anterior em uma lista de definição).

DDexistia em tags HTML e foi padronizado em HTML 2.0 ; ainda atual.

<ol>...</ol>

Uma lista ordenada (enumerada). O typeatributo pode ser usado para especificar o tipo de marcador a ser usado na lista, mas as folhas de estilo fornecem mais controle. O padrão é numeração árabe. Em um atributo HTML: ; ou em uma declaração CSS: - substituindo por um dos seguintes: <ol type="foo">ol { list-style-type: foo; }foo

A, B, C ... - valor HTML: A; Valor CSS:upper-alpha
a, b, c ... - valor HTML: a; Valor CSS:lower-alpha
I, II, III ... - valor HTML: I; Valor CSS:upper-roman
i, ii, iii ... - valor HTML: i; Valor CSS:lower-roman
1, 2, 3 ... - valor HTML: 1;decimal

CSS fornece várias outras opções não disponíveis como marcação HTML puro, incluindo nonee opções para script CJK , hebraico, georgiano e armênio.

OLexistia no HTML Internet Draft 1.2 e foi padronizado no HTML 2.0 ; ainda atual.

<ul>...</ul>

Uma lista não ordenada (com marcadores). O tipo de marcador de item de lista pode ser especificado em um atributo HTML: ; ou em uma declaração CSS: - substituindo por um dos seguintes (os mesmos valores são usados em HTML e CSS): (o padrão) , ou . Apenas o método CSS é compatível com HTML5. O CSS também fornece a capacidade de substituir esses marcadores por imagens personalizadas.<ul type="foo">ul { list-style-type: foo; }foodiscsquarecirclenone

ULexistia em tags HTML e foi padronizado em HTML 2.0 ; ainda atual.

<li>...</li>

Um item de lista em listas ordenadas ( ol) ou não ordenadas ( ul).

LIexistia em tags HTML e foi padronizado em HTML 2.0 ; ainda atual.

<dir>...</dir> (deprecated)

Uma lista de diretórios. O propósito original deste elemento nunca foi amplamente apoiado; preterido em favor de .<ul>

DIRexistia em tags HTML e foi padronizado em HTML 2.0 ; preterido no HTML 4.0 Transitional ; inválido em HTML 4.0 Strict .

Outros elementos de bloco

<address>...</address>: Informações de contato do autor do documento.; ADDRESSexistia em tags HTML e foi padronizado em HTML 2.0 ; ainda atual.
<article>...</article>: Artigo principal: Elemento do artigo
Usado para artigos e outros conteúdos semelhantes.; Padronizado em HTML5 .
<aside>...</aside>: Usado para conteúdo em um documento separado do conteúdo da página principal, por exemplo, barras laterais ou publicidade.; Padronizado em HTML5 .
<blockquote>...</blockquote>: Artigo principal: Elemento Blockquote

Uma cotação de nível de bloco , para quando a cotação inclui elementos de nível de bloco, por exemplo, parágrafos. O citeatributo (não deve ser confundido com o <cite>elemento) pode fornecer a fonte e deve ser um Identificador Uniforme de Recursos totalmente qualificado .
A apresentação padrão de citações em bloco em navegadores visuais é geralmente recuá-las em ambas as margens. Isso fez com que o elemento fosse desnecessariamente usado apenas para recuar parágrafos, independentemente da semântica. Para citações que não contêm elementos de nível de bloco, consulte o elemento quote ( <q>).; BLOCKQUOTEexistia no HTML Internet Draft 1.2 e foi padronizado no HTML 2.0 ; ainda atual. Consulte o elemento blockquote para obter mais informações.
<center>...</center> (deprecated): Cria uma divisão alinhada ao centro em nível de bloco. Obsoleto em favor de <div>ou outro elemento com centralização definida usando folhas de estilo.; Padronizado em HTML 3.2 ; obsoleto no HTML 4.0 ; não compatível com HTML5 .
<del>...</del>: Marca uma seção excluída de conteúdo. Este elemento também pode ser usado como embutido .; Padronizado em HTML 4.0 ; ainda atual.
<div>...</div>: Artigo principal: Span e div
Uma divisão lógica em nível de bloco. Um elemento genérico sem significado semântico usado para distinguir uma seção de documento, geralmente para fins como apresentação ou comportamento controlado por folhas de estilo ou chamadas DOM .; Proposto nos rascunhos do HTML 3.0 ; Padronizado em HTML 3.2 ; ainda atual.
<figure>...</figure>: Usado para agrupar imagens e legendas, junto com <figcaption>.; Padronizado em HTML5 .
<figcaption>...</figcaption>: Uma legenda para uma imagem. Sempre colocado dentro do <figure>elemento.; Padronizado em HTML5 .; Usado para rodapés de documentos. Eles podem conter informações sobre o autor ou direitos autorais, ou links para outras páginas.; Padronizado em HTML5 .
<header>...</header>: Usado para cabeçalhos de documentos. Normalmente, eles contêm conteúdo que apresenta a página.; Padronizado em HTML5 .
<hr />: Uma quebra temática (originalmente: regra horizontal). As regras de apresentação podem ser desenhadas com folhas de estilo.; Padronizado em HTML 2.0 ; ainda atual.
<ins>...</ins>: Marca uma seção do conteúdo inserido. Este elemento também pode ser usado como embutido .; Padronizado em HTML 4.0 ; ainda atual.
<main>...</main>: Contém o conteúdo principal de um documento.; Padronizado em HTML 5.1 .
<menu>...</menu> (deprecated): HTML 2.0: uma lista de menu. Deve ser mais compacto do que uma <ul>lista.; MENUexistia em tags HTML e foi padronizado em HTML 2.0 ; preterido no HTML 4.0 Transitional ; inválido em HTML 4.0 Strict ; em seguida, redefinido em HTML5 , mas removido em HTML 5.2.
<nav>...</nav>: Usado em seções de navegação de artigos (áreas de páginas da web que contêm links para outras páginas da web).; Padronizado em HTML5 .
<noscript>...</noscript>: Conteúdo de substituição para scripts. Ao contrário do script, ele só pode ser usado como um elemento de nível de bloco.; Padronizado em HTML 4.0 ; ainda atual.
<pre>...</pre>: Texto pré-formatado . O texto dentro desse elemento é normalmente exibido em uma fonte não proporcional exatamente como está disposto no arquivo (consulte a arte ASCII ). Enquanto os navegadores ignoram o espaço em branco para outros elementos HTML, em <pre>...</pre>, o espaço em branco deve ser processado como criado. (Com as propriedades CSS: , outros elementos podem ser apresentadas da mesma maneira.) Este elemento pode conter qualquer elemento interno com excepção de: , , , , , e .{ white-space: pre; font-family: monospace; }<image><object><big><small><sup><sub>...</sub>; PREexistia no HTML Internet Draft 1.2 e foi padronizado no HTML 2.0 ; ainda atual.
<section>...</section>: Usado para seções genéricas de um documento. Isso é diferente <div>porque só é usado para conter seções de uma página, que o W3C define como um grupo de conteúdo com um tema semelhante.; Padronizado em HTML5 .
<script>...</script>: Coloca um script no documento. Também pode ser usado na cabeça e em contextos inline. Pode ser usado como <script />um srcatributo para fornecer uma URL a partir da qual carregar o script ou usado como <script>...</script>próximo ao conteúdo do script incorporado. Nota: <script> não é em si um bloco ou elemento embutido; por si só, ele não deve ser exibido, mas pode conter instruções para gerar dinamicamente conteúdo em bloco ou embutido.; Padronizado em HTML 3.2 ; ainda atual.

Elementos embutidos

Os elementos embutidos não podem ser colocados diretamente dentro do elemento; eles devem ser totalmente aninhados nos elementos de nível de bloco. <body>

Âncora

<a>...</a>

Um elemento âncora é chamado de âncora porque os web designers podem usá-lo para "ancorar" um URL a algum texto em uma página da web. Quando os usuários visualizam a página da web em um navegador, eles podem clicar no texto para ativar o link e visitar a página cujo URL está no link.

Em HTML, uma âncora pode ser a origem (o texto âncora ) ou o alvo (destino) final de um hyperlink .

Com o atributo href, a âncora se torna um hiperlink para outra parte do documento ou outro recurso (por exemplo, uma página da web) usando uma URL externa . Como alternativa (e às vezes ao mesmo tempo), com os atributosname ou id HTML definidos, o elemento se torna um destino de link. Um Uniform Resource Locator (URL) pode ser vinculado a esse destino por meio de um identificador de fragmento . No HTML5, qualquer elemento agora pode ser transformado em um destino usando o idatributo, portanto, o uso não é necessário, embora essa forma de adicionar âncoras continue a funcionar.<a name="foo">...</a>

Para ilustrar: o cabeçalho de uma seção de índice em example.com's página inicial poderia ser transformado em um alvo por escrito: .<h2><a name="contents">Table of contents</a></h2>

Continuando com este exemplo, agora que a seção foi marcada como um destino, ela pode ser referenciada de sites externos com um link como :;<a href="http://example.com#contents">see contents</a>

ou com um link na mesma página, como: .<a href="#contents">contents, above</a>

O atributo titlepode ser ajustado para dar uma breve informação sobre o link: .<a href="URL" title="additional information">link text</a>

Na maioria dos navegadores gráficos, quando o cursor passa sobre um link, ele se transforma em uma mão com um dedo indicador estendido e o titlevalor é exibido em uma dica de ferramenta ou de alguma outra maneira. Alguns navegadores renderizam o texto alternativo da mesma maneira, embora não seja isso que a especificação exige.

Aexistia em tags HTML e foi padronizado em HTML 2.0 ;

Elementos de frase

Os elementos de frase são usados para marcar frases e adicionar estrutura ou significado semântico a fragmentos de texto. Por exemplo, as tags <em>e <strong>podem ser usadas para adicionar ênfase ao texto.

Em geral

<abbr>...</abbr>: Marca uma abreviatura e pode disponibilizar o formulário completo:<abbr title="abbreviation">abbr.</abbr>; Padronizado em HTML 4.0 ; ainda atual.
<acronym>...</acronym> (deprecated): Semelhante ao elemento, mas marca um acrônimo :<abbr><acronym title="Hyper-Text Mark-up Language">HTML</acronym>; Padronizado em HTML 4.0 ; ainda atual, sem suporte em HTML5 . A substituição recomendada é a abbrtag.
<dfn>...</dfn>: Definição embutida de um único termo.; DFNexistia no HTML Internet Draft 1.2 e foi totalmente padronizado no HTML 3.2 ; ainda atual.
<em>...</em>: Ênfase (normalmente exibido em itálico); EMexistia no HTML Internet Draft 1.2 e foi padronizado no HTML 2.0 ; ainda atual.
<strong>...</strong>: importância ; ênfase originalmente forte (convencionalmente exibido em negrito). Um agente de usuário auditivo pode usar vozes diferentes para dar ênfase.; STRONGexistia no HTML Internet Draft 1.2 e foi padronizado no HTML 2.0 ; ainda atual, redefinido em HTML5.

Elementos de frase de computador

Esses elementos são úteis principalmente para documentar o desenvolvimento de código de computador e a interação do usuário por meio da diferenciação do código-fonte ( ), variáveis ( ), entrada do usuário ( ) e terminal ou outra saída ( ). <code><var><kbd><samp>

<code>...</code>: Um trecho de código ( code example). Renderizado convencionalmente em uma fonte monoespaço.; CODEexistia no HTML Internet Draft 1.2 e foi padronizado no HTML 2.0 ; ainda atual.
<kbd>...</kbd>: Teclado - texto a ser inserido pelo usuário ( kbd example).; KBDexistia no HTML Internet Draft 1.2 e foi padronizado no HTML 2.0 ; ainda atual.
<samp>...</samp>: Saída de amostra - de um programa ou script: (exemplo samp); SAMPexistia no HTML Internet Draft 1.2 e foi padronizado no HTML 2.0 ; ainda atual.
<var>...</var>: Variável ( exemplo de var ).; VARexistia no HTML Internet Draft 1.2 e foi padronizado no HTML 2.0 ; ainda atual.

Apresentação

Como a marcação de apresentação visual só se aplica diretamente a navegadores visuais, seu uso é desencorajado. Folhas de estilo devem ser usadas em seu lugar. Vários desses elementos estão obsoletos ou são inválidos no HTML 4 / XHTML 1.0, e os restantes são inválidos no rascunho atual do XHTML 2.0 . O actual projecto de HTML5 , no entanto, re-inclui <s>, <u>e <small>, atribuindo um novo significado semântico para cada um. Em um documento HTML5 , o uso desses elementos não é mais desencorajado, desde que semanticamente correto.

<b>...</b>

No HTML 4 , defina a fonte como negrito sempre que possível. CSS equivalente: . O elemento geralmente tem o mesmo efeito em navegadores visuais, além de ter um significado mais semântico, em HTML 4.01 . Em HTML5 , entretanto, tem seu próprio significado, distinto daquele de . Denota "texto para o qual a atenção está sendo atraída para fins utilitários, sem transmitir qualquer importância extra e sem implicação de uma voz ou humor alternativo".{ font-weight: bold; }<strong><b><strong>

Bexistia no HTML Internet Draft 1.2 e foi padronizado no HTML 2.0 ; ainda atual, redefinido em HTML5.

<i>...</i>

No HTML 4 , defina a fonte para itálico sempre que possível. Equivalente CSS : . O uso tem o mesmo efeito visual na maioria dos navegadores, além de ter um significado semântico como ênfase , em HTML 4.01 . (Itálico puramente tipográfico tem muitos propósitos sem ênfase, como HTML 5 mais explicitamente reconhecido.) Em HTML5 , entretanto, tem seu próprio significado semântico, distinto daquele de . Ele denota "uma qualidade diferente de texto" ou "uma voz ou humor alternativo", por exemplo, um pensamento, um nome de navio, um nome de espécie binária , uma frase em um idioma estrangeiro, etc. "{ font-style: italic; }<em>...</em><i><em>

Iexistia no HTML Internet Draft 1.2 e foi padronizado no HTML 2.0 ; ainda atual, redefinido em HTML5.

<u>...</u>

Em HTML 4 , texto sublinhado . CSS equivalente: . Obsoleto no HTML 4.01 . Restaurado em HTML5 . Em HTML5 , o elemento denota "uma extensão de texto com uma anotação não textual não articulada, embora explicitamente renderizada, como rotular o texto como um nome próprio em texto chinês (uma marca de nome próprio chinês) ou rotular o texto como sendo grafado incorretamente. " A especificação HTML5 lembra aos desenvolvedores que outros elementos são quase sempre mais apropriados do que os e adverte os designers a não usarem texto sublinhado onde pode ser confundido com um hiperlink.{ text-decoration: underline; }<u><u>

Uexistia no HTML Internet Draft 1.2 , foi padronizado no HTML 3.2, mas foi preterido no HTML 4.0 Transitional e era inválido no HTML 4.0 Strict . Reintroduzido em HTML5 .

<small>...</small>

No HTML 4 , diminuiu o tamanho da fonte ( texto menor ). CSS equivalente: em HTML5 , o elemento denota "comentários laterais, como letras pequenas". Isso causou alguma confusão com o elemento.{ font-size: smaller; }<small><aside>...</aside>

Padronizado em HTML 3.2 ; ainda atual.

<s>...</s>

No HTML 4 , indicava texto ~~tachado~~ ( ~~tachado~~ ) e era equivalente a <strike>. No HTML5 , o <s>elemento denota informações que "não são mais precisas ou não são mais relevantes", e não deve ser confundido com <del>, o que indica remoção / exclusão.

Sfoi descontinuado no HTML 4.0 Transitional (não aparecia em nenhum padrão anterior) e era inválido no HTML 4.0 Strict . Reintroduzido em HTML5 , que em vez disso foi suspenso <strike>.

<big>...</big> (deprecated)

Aumento do tamanho da fonte ( texto maior ). CSS equivalente:{ font-size: larger; }

Padronizado em HTML 3.2 ; não compatível com HTML5 .

<strike>...</strike> (deprecated)

Texto tachado ( ~~tachado~~ ), (CSS equivalente: ){ text-decoration: line-through; }

STRIKEfoi padronizado em HTML 3.2 ; preterido no HTML 4.0 Transitional ; inválido em HTML 4.0 Strict .

<tt>...</tt> (deprecated)

Fonte de largura fixa (tipo máquina de escrever ), também conhecida como teletipo , ou seja, "tt". (CSS equivalente: ){ font-family: monospace; }

TTexistia em HTML Internet Draft 1.2 e foi padronizado em HTML 2.0 ; não compatível com HTML5. Possíveis substituições: <kbd>para marcar a entrada do usuário, <var>para variáveis (geralmente renderizadas em itálico e não com uma mudança para monoespaço), <code>para código-fonte, <samp>para saída.

<font>...</font> (deprecated)

<font [color=<var>color</var>] [size=<var>size</var>] [face=<var>face</var>]>...</font> Pode especificar a cor da fonte com o coloratributo (observe a grafia americana), a fonte com o faceatributo e o tamanho absoluto ou relativo com o sizeatributo. Exemplos (todos os usos estão obsoletos, use equivalentes CSS, se possível):

<font color="green">text</font>cria texto verde .
<font color="#114499">text</font>cria texto com a cor hexadecimal # 114499 .
<font size="4">text</font>cria texto com tamanho 4. Os tamanhos vão de 1 a 7. O tamanho padrão é 3, a menos que especificado de outra forma em <body> ou outras tags.
<font size="+1">text</font>cria texto com tamanho 1 maior que o padrão. é o oposto.<font size="-1">text</font>
<font face="Courier">text</font>cria texto com a fonte Courier.

CSS equivalente para atributos de fonte:

<font size="N">corresponde a (a especificação HTML não define a relação entre o tamanho N e o tamanho unitário Y , nem define uma unidade).{font-size: Yunits}
<font color="red"> corresponde a { color: red; }
<font face="Times New Roman">corresponde a - CSS suporta uma pilha de fontes , de duas ou mais fontes alternativas.{ font-family: 'Times New Roman', Times, serif; }

Padronizado em HTML 3.2 ; preterido no HTML 4.0 Transitional ; inválido em HTML 4.0 Strict . Não faz parte do HTML5.

Período

<span>...</span>: Artigo principal: Span e div
Uma divisão lógica em linha. Um elemento genérico sem significado semântico usado para distinguir uma seção de documento, geralmente para finalidades como apresentação ou comportamento controlado por folhas de estilo ou chamadas DOM .; Padronizado em HTML 4.0 ; ainda atual.

Outros elementos inline

<br />: Uma quebra de linha forçada.; Padronizado em HTML 2.0 ; ainda atual.
<bdi>...</bdi>: Isola uma seção embutida de texto que pode ser formatada em uma direção diferente de outro texto fora dela, como conteúdo gerado pelo usuário com direcionalidade desconhecida.; Padronizado em HTML5 .
<bdo>...</bdo>: Marca uma seção embutida de texto na qual a direção de leitura é oposta à do elemento pai.; Padronizado em HTML 4.0 ; ainda atual.
<cite>...</cite>: Uma citação ou referência a uma citação ou declaração no documento.; O CITE existia em HTML Internet Draft 1.2 e foi padronizado em HTML 2.0 ; ainda atual.; Nota: As especificações do HTML 5 foram bifurcadas de maneira confusa , inclusive no que diz respeito a este elemento. No HTML 4 e anteriores, <cite>era para "uma citação ou referência a outras fontes" sem quaisquer limitações ou requisitos particulares. A especificação W3C HTML 5 usa um refinamento dessa ideia, refletindo como o elemento tem sido usado historicamente, mas agora requer que contenha (mas não se limite a) pelo menos um dos "título do trabalho ou o nome do autor (pessoa, pessoa ou organização) ou uma referência de URL, ou uma referência em forma abreviada de acordo com as convenções usadas para a adição de metadados de citação. " Mas a especificação WHATWG permite apenas que o elemento seja usado em torno do título de uma obra. As especificações do W3C começaram com a definição mais ampla, depois mudaram para a muito estreita depois que o WHATWG fez essa alteração. No entanto, o W3C reverteu sua própria mudança em 2012, em resposta ao feedback negativo da comunidade de desenvolvedores; o elemento estava em uso amplamente implantado com um escopo mais amplo, por exemplo, várias plataformas de blog e fórum <cite>...</cite>envolviam IDs de comentaristas e endereços de e-mail , e as pessoas que usavam o elemento para citações bibliográficas estavam (e ainda estão) envolvendo rotineiramente cada citação inteira neste elemento. Outro problema com o elemento é que o WHATWG recomenda que seja colocado em itálico por padrão (portanto, quase todos os navegadores o fazem), porque (em sua opinião) é apenas para títulos de publicação. Por convenção, entretanto, apenas certos tipos de títulos realmente levam itálico, enquanto outros devem ser colocados entre aspas, e os padrões podem variar de acordo com o contexto de publicação e o idioma. Conseqüentemente, muitos autores e administradores de sites usam uma folha de estilo em todo o site para desfazer o itálico automático desse elemento.
<data>...</data>: Vincula o conteúdo embutido com uma tradução legível por máquina.; Padronizado em HTML5 .
<del>...</del>: Texto excluído. Normalmente renderizado como tachado :~~Texto excluído.~~; Padronizado em HTML 4.0 ; ainda atual.
<ins>...</ins>: Texto inserido. Freqüentemente usado para marcar texto de substituição para material marcado com <del>ou <s>. Normalmente renderizado em sublinhado :Texto inserido.; Padronizado em HTML 4.0 ; ainda atual.; Os elementos <ins>e <del>também podem ser usados como elementos de bloco: contendo outros elementos de bloco e embutidos. No entanto, esses elementos ainda devem permanecer totalmente dentro de seu elemento pai para manter um documento HTML bem formado. Por exemplo, para excluir o texto do meio de um parágrafo em vários outros parágrafos e terminar em um parágrafo final, seria necessário usar três <del>elementos separados . Dois <del>elementos seriam necessários como elementos embutidos para indicar a exclusão de texto no primeiro e no último parágrafo, e um terceiro, usado como um elemento de bloco, para indicar a exclusão nos parágrafos intermediários.
<mark>...</mark>: Produz texto que parece assim. Destina-se a destacar texto relevante em uma citação.; Padronizado em HTML5 .
<q>...</q>: Uma cotação inline (para cotação de nível de bloco, consulte ). Os elementos de citação podem ser aninhados. deve gerar automaticamente aspas em conjunto com as folhas de estilo. Preocupações práticas devido à não conformidade do navegador podem forçar os autores a encontrar soluções alternativas. O atributo fornece a origem e deve ser um URI totalmente qualificado .<blockquote><q> cite; Padronizado em HTML 4.0 ; ainda atual.; Nota: citações longas em linha podem ser exibidas como blocos recuados (as block-quote) usando folhas de estilo. Por exemplo, com uma regra CSS adequada associada a q.lengthy:<q>Lengthy quote here.</q >
<rb>...</rb>: Representa o componente básico de uma anotação de rubi .; Padronizado em HTML5 .
<rp>...</rp>: Fornece parênteses de fallback para navegadores sem suporte para anotação Ruby .; Padronizado em HTML5 .
<rt>...</rt>: Indica a pronúncia de um caractere em uma anotação de rubi .; Padronizado em HTML5 .
<rtc>...</rtc>: Anotações semânticas para uma anotação de rubi .; Padronizado em HTML5 .
<ruby>...</ruby>: Representa uma anotação em rubi para mostrar a pronúncia dos caracteres do Leste Asiático.; Padronizado em HTML5 .
<script>...</script>: Coloca um script no documento. Também pode ser usado na cabeça e em contextos de bloco. Nota: <script> não é em si um bloco ou elemento embutido; por si só, não deve ser exibido, mas pode conter instruções para gerar dinamicamente conteúdo em bloco ou embutido.; Padronizado em HTML 3.2 ; ainda atual.
<sub>...</sub>
<sup>...</sup>: Marque texto _subscrito ou ^sobrescrito . (CSS equivalente: e , respectivamente.){ vertical-align: sub; }{ vertical-align: super; }; Ambos foram propostos no HTML 3.0 Drafts ; Padronizado em HTML 3.2 ; ainda atual.
<template>...</template>: Fragmentos de código a serem copiados por scripts.; Padronizado em HTML5 .
<time>...</time>: Representa uma hora no relógio de 24 horas ou uma data no calendário gregoriano , opcionalmente com informações de hora e fuso horário. Também permite que horas e datas sejam representadas em um formato legível por máquina.; Padronizado em HTML5 .
<wbr />: Uma quebra de palavra opcional.; Foi amplamente utilizado (e suportado por todos os principais navegadores) por anos, apesar de ser fora do padrão, até que finalmente foi padronizado em HTML5 .

Imagens e objetos

<applet>...</applet> (deprecated): Incorpora um miniaplicativo Java na página. Obsoleto em favor de <object>, pois só poderia ser usado com miniaplicativos Java e tinha limitações de acessibilidade.; Padronizado em HTML 3.2 ; preterido no HTML 4.0 Transitional ; inválido em HTML 4.0 Strict . A partir de 2011, ainda amplamente utilizado como as implementações da substituição <object>não são consistentes entre os diferentes navegadores.
<area />: Especifica uma área focalizável em a <map>.; Padronizado em HTML 3.2 ; ainda atual.
<audio>...</audio>: Adiciona áudio HTML5 reproduzível à página. O URL de áudio é determinado usando o srcatributo. Os formatos de áudio suportados variam de navegador para navegador.; Padronizado em HTML5 .
<canvas>...</canvas>: Artigo principal: Elemento Canvas
Adiciona uma tela cujo conteúdo pode ser editado com JavaScript . Freqüentemente usado para jogos online.; Padronizado em HTML5 .
<embed>...</embed>: Insere um objeto não padrão (como miniaplicativo) ou conteúdo externo (normalmente não HTML) no documento.; Obsoleto no HTML 4 em favor de <object>, mas depois foi adicionado de volta à especificação do HTML5
<img />: Usado por agentes visuais do usuário para inserir uma imagem no documento. O srcatributo especifica o URL da imagem. O altatributo obrigatório fornece um texto alternativo, caso a imagem não possa ser exibida. (Embora altseja um texto alternativo, o Microsoft Internet Explorer 7 e versões anteriores o renderizam como uma dica de ferramenta se nenhum titleatributo for fornecido. O Safari e o Google Chrome , por outro lado, não exibem o atributo alt.) O <img />elemento foi proposto pela primeira vez por Marc Andreessen e implementado no navegador NSCA Mosaic .; IMGexistia no HTML Internet Draft 1.2 e foi padronizado no HTML 2.0 ; ainda atual.
<map>...</map>: Especifica um mapa de imagem do lado do cliente .; Padronizado em HTML 3.2 ; ainda atual.
<object>...</object>: Inclui um objeto na página do tipo especificado pelo typeatributo. Pode ser em qualquer tipo de MIME que o agente do usuário entenda, como uma página HTML incorporada, um arquivo a ser manipulado por um plug-in como Flash , um miniaplicativo Java , um arquivo de som, etc.; Padronizado em HTML 4.0 ; ainda atual.
<param />: Introduzido originalmente com <applet>, este elemento agora é usado com <object>, e deve ocorrer apenas como filho de <object>. Ele usa atributos HTML para definir um parâmetro para o objeto, por exemplo, largura, altura, fonte, cor de fundo, etc., dependendo do tipo de objeto. Um objeto pode ter vários <param />elementos.; Padronizado em HTML 3.2 ; ainda atual.
<source>...</source>: Especifica diferentes fontes de áudio ou vídeo. Faz uso do srcatributo de maneira semelhante aos elementos <video>e <audio>.; Padronizado em HTML5 .
<track>...</track>: Fornece faixas de texto, como legendas e legendas ocultas, para áudio e vídeo.; Padronizado em HTML5 .
<video>...</video>: Adiciona um vídeo HTML5 jogável à página. O URL do vídeo é determinado usando o srcatributo. Os formatos de vídeo suportados variam de navegador para navegador.; Padronizado em HTML5 .

Formulários

Esses elementos podem ser combinados em um formulário ou, em alguns casos, usados separadamente como controles da interface do usuário; no documento, eles podem ser HTML simples ou usados em conjunto com Scripts. A marcação HTML especifica os elementos que constituem um formulário e o método pelo qual ele será enviado. No entanto, alguma forma de script ( lado do servidor, lado do cliente ou ambos) deve ser usada para processar a entrada do usuário assim que for enviada.

(Esses elementos são blocos ou elementos embutidos, mas são coletados aqui porque seu uso é mais restrito do que outros elementos embutidos ou em bloco.)

<form action="url">...</form>

Cria um formulário . O <form>elemento especifica e opera a ação geral de uma área de formulário, usando o actionatributo obrigatório .

Padronizado em HTML 2.0 ; ainda atual.

<button>...</button>

Um botão de formulário genérico que pode conter uma variedade de outros elementos para criar botões complexos.

Padronizado em HTML 4.0 ; ainda atual.

<datalist>...</datalist>

Uma lista de options para uso em elementos de formulário.

Padronizado em HTML5 .

<fieldset>...</fieldset>

Um contêiner para adicionar estrutura a formulários. Por exemplo, uma série de controles relacionados podem ser agrupados em um <fieldset>, que pode então ter um <legend>adicionado para identificar sua função.

Padronizado em HTML 4.0 ; ainda atual.

<input />

<input> elementos permitem que uma variedade de controles de formulário padrão sejam implementados.

Padronizado em HTML 2.0 ; ainda atual.

Tipos de entrada:

type = "caixa de seleção": Uma caixa de seleção . Pode ser marcado ou desmarcado.
type = "radio": Um botão de opção . Se vários botões de opção receberem o mesmo nome, o usuário só poderá selecionar um deles neste grupo.
type = "botão": Um botão de uso geral. O elemento <button>é preferido, se possível (ou seja, se o cliente o suportar), pois oferece possibilidades mais ricas.
type = "enviar": Um botão de envio .
type = "imagem": Um botão de imagem . O URL da imagem pode ser especificado com o srcatributo.
type = "redefinir": Um botão de redefinição para redefinir o formulário para os valores padrão.
type = "texto": Um campo de entrada de texto de uma linha . O sizeatributo especifica a largura padrão da entrada em larguras de caracteres. max-lengthdefine o número máximo de caracteres que o usuário pode inserir (que pode ser maior que o tamanho).
type = "pesquisar": Uma variação do textque produz uma barra de pesquisa.
type = "senha": Uma variação de text. A diferença é que o texto digitado neste campo é mascarado - os caracteres são exibidos como um asterisco, um ponto ou outro substituto. A senha ainda é enviada ao servidor como texto simples , portanto, um protocolo de comunicação segura subjacente , como HTTPS, é necessário se a confidencialidade for uma preocupação.
type = "arquivo": Um campo de seleção de arquivo (para enviar arquivos para um servidor).
type = "tel": Uma variação de textpara números de telefone .
type = "email": Uma variação de textpara endereços de e-mail .
type = "url": Uma variação de textpara URLs .
type = "data": Um seletor de data.
tipo = "tempo": Um seletor de tempo.
tipo = "número": Uma variação de textnúmeros para.
tipo = "intervalo": Produz um controle deslizante para que retorna um número, mas o número não é visível para o usuário.
tipo = "cor": Um seletor de cores.
type = "oculto": hiddenas entradas não são visíveis na página renderizada, mas permitem que um designer mantenha uma cópia dos dados que precisam ser enviados ao servidor como parte do formulário. Podem ser, por exemplo, dados que esse usuário da web inseriu ou selecionou em um formulário anterior que precisam ser processados em conjunto com o formulário atual. Não são exibidos para o usuário, mas os dados ainda podem ser alterados do lado do cliente editando o código-fonte HTML.

<isindex /> (deprecated)

<isindex />pode aparecer no cabeçalho ou no corpo do documento, mas apenas uma vez em um documento. <isindex />operado como um formulário de pesquisa HTML primitivo; mas foi de fato obsoleto por formulários HTML mais avançados introduzidos no início a meados da década de 1990. Representa um conjunto de hiperlinks compostos por um URI de base, um " e" comercial e palavras - chave codificadas por porcentagem separadas por sinais de adição .

ISINDEXexistia em tags HTML ; padronizado em HTML 2.0 ; preterido no HTML 4.0 Transitional ; inválido em HTML 4.0 Strict .

<keygen>...</keygen> (deprecated)

Um gerador de par de chaves.

Padronizado em HTML5 , mas removido em HTML 5.2.

<label for="id">...</label>

Cria um rótulo para uma entrada de formulário, como radio. Clicar no rótulo dispara um clique na entrada correspondente.

Padronizado em HTML 4.0 ; ainda atual.

<legend>...</legend>

Uma legenda (legenda) para a <fieldset>.

Padronizado em HTML 4.0 ; ainda atual.

<meter>...</meter>

Um medidor que precisa de um valueatributo. Também pode ter: min, low, high, e max.

Padronizado em HTML5 .

<option value="x">...</option>

Cria um item em uma <select>lista.

Padronizado em HTML 2.0 ; ainda atual.

<optgroup>...</optgroup>

Identifica um grupo de <option>elementos em uma <select>lista.

Padronizado em HTML 4.0 ; ainda atual.

<output>...</output>

O valor de um elemento do formulário.

Padronizado em HTML5 .

<progress>...</progress>

Uma barra para mostrar o andamento de uma ação.

Padronizado em HTML5 .

<select name="xyz">...</select>

Cria uma lista de seleção, a partir da qual o usuário pode selecionar uma única opção. Pode ser renderizado como uma lista suspensa.

Padronizado em HTML 2.0 ; ainda atual.

<textarea rows="8">...</textarea>

Uma área de texto de várias linhas, cujo tamanho é especificado por cols(onde uma coluna tem a largura de um caractere de texto) e rows atributos HTML . O conteúdo deste elemento é restrito ao texto simples, que aparece na área de texto como texto padrão quando a página é carregada.

Padronizado em HTML 2.0 ; ainda atual.

Mesas

O formato das tabelas HTML foi proposto nos rascunhos HTML 3.0 e nas tabelas HTML RFC 1942 posteriores . Eles foram inspirados no Modelo de Mesa CALS . Alguns elementos dessas propostas foram incluídos no HTML 3.2; a forma atual das tabelas HTML foi padronizada em HTML 4. (Muitos dos elementos usados nas tabelas não são blocos nem elementos inline .)

<table>...</table>: Identifica uma mesa. Vários atributos HTML são possíveis no HTML Transitional, mas a maioria deles são inválidos no HTML Strict e podem ser substituídos por folhas de estilo. O summaryatributo é exigido informalmente para fins de acessibilidade, embora seu uso não seja simples.; Proposto nos rascunhos do HTML 3.0 ; Padronizado em HTML 3.2 ; ainda atual.
<tr>...</tr>: Contém uma linha de células em a <table>.; Proposto nos rascunhos do HTML 3.0 ; Padronizado em HTML 3.2 ; ainda atual.
<th>...</th>: Uma <table>célula de cabeçalho; o conteúdo é convencionalmente exibido em negrito e centralizado. Um agente de usuário auditivo pode usar uma voz mais alta para esses itens.; Proposto nos rascunhos do HTML 3.0 ; Padronizado em HTML 3.2 ; ainda atual.
<td>...</td>: Uma <table>célula de dados.; Proposto nos rascunhos do HTML 3.0 ; Padronizado em HTML 3.2 ; ainda atual.
<colgroup>...</colgroup>: Especifica um grupo de colunas em a <table>.; Proposto em tabelas HTML ; Padronizado em HTML 4.0 ; ainda atual.
<col>...</col>: Especifica uma coluna em a <table>.; Proposto em tabelas HTML ; Padronizado em HTML 4.0 ; ainda atual.
<caption>...</caption>: Especifica uma legenda para a <table>.; Proposto nos rascunhos do HTML 3.0 ; Padronizado em HTML 3.2 ; ainda atual.
<thead>...</thead>: Especifica a parte do cabeçalho de a <table>. Esta seção pode ser repetida pelo agente do usuário se a tabela for dividida nas páginas (na impressão ou em outra mídia paginada).; Proposto em tabelas HTML ; Padronizado em HTML 4.0 ; ainda atual.
<tbody>...</tbody>: Especifica um corpo de dados para a <table>.; Proposto em tabelas HTML ; Padronizado em HTML 4.0 ; ainda atual.
<tfoot>...</tfoot>: Especifica a parte do rodapé de a <table>. Da mesma forma <thead>, esta seção pode ser repetida pelo agente do usuário se a tabela for dividida entre as páginas (na impressão ou em outra mídia paginada).; Proposto em tabelas HTML ; Padronizado em HTML 4.0 ; ainda atual.

Molduras

Os quadros permitem que uma janela visual do navegador HTML seja dividida em segmentos, cada um dos quais pode mostrar um documento diferente. Isso pode diminuir o uso da largura de banda, pois partes repetidas de um layout podem ser usadas em um quadro, enquanto o conteúdo variável é exibido em outro. Isso pode ter um certo custo de usabilidade, especialmente em agentes de usuário não visuais, devido a documentos separados e independentes (ou sites) sendo exibidos adjacentes uns aos outros e tendo permissão para interagir com a mesma janela pai. Por causa desse custo, os quadros (excluindo o <iframe>elemento) são permitidos apenas no conjunto de quadros HTML 4.01. Iframes também podem conter documentos em servidores diferentes. Neste caso, a interação entre as janelas é bloqueada pelo navegador. Sites como o Facebook e o Twitter usam iframes para exibir conteúdo (plug-ins) em sites de terceiros. O Google AdSense usa iframes para exibir banners em sites de terceiros.

No HTML 4.01, um documento pode conter a <head>e a <body> ou a <head>e a <frameset>, mas não a <body>e a <frameset>. No entanto, <iframe>pode ser usado em um corpo de documento normal.

<frameset>...</frameset> (deprecated): Contém o conjunto de <frame />elementos de um documento. O layout dos quadros é fornecido por listas separadas por vírgulas nos atributosrows e cols HTML .; Padronizado em HTML 4.0 Frameset, obsoleto em HTML5.
<frame /> (deprecated): Define um único quadro, ou região, dentro do <frameset>. Um documento separado é vinculado a um quadro usando o srcatributo dentro do <frame />elemento.; Padronizado em HTML 4.0 Frameset, obsoleto em HTML5.
<noframes>...</noframes> (deprecated): Contém conteúdo HTML normal para agentes de usuário que não oferecem suporte a <frame />elementos.; Padronizado em HTML 4.0 Transitional, obsoleto em HTML5.
<iframe>...</iframe>: Um quadro embutido coloca outro documento HTML em um quadro. Ao contrário de um <object />elemento, um <iframe>pode ser o quadro de "destino" para links definidos por outros elementos e pode ser selecionado pelo agente do usuário como o foco para impressão, visualização de sua origem e assim por diante. O conteúdo do elemento é usado como texto alternativo a ser exibido se o navegador não suportar quadros embutidos.; Introduzido pela primeira vez pelo Microsoft Internet Explorer em 1997, padronizado em HTML 4.0 Transitional, permitido em HTML5.

`longdesc` atributo

Em HTML , longdescé um atributo usada nos <img />, <frame />ou <iframe>elementos. Deve ser um URL para um documento que fornece uma descrição longa para a imagem, quadro ou iframe em questão. Observe que este atributo deve conter um URL, não - como é comumente enganado - o texto da descrição em si.

longdescfoi projetado para ser usado por leitores de tela para exibir informações de imagem para usuários de computador com problemas de acessibilidade , como cegos ou deficientes visuais, e é amplamente implementado por navegadores da web e leitores de tela. Alguns desenvolvedores objetam que, na verdade, raramente é usado para esse propósito porque há relativamente poucos autores que usam o atributo e a maioria desses autores o usa incorretamente; portanto, eles recomendam o uso suspenso longdesc. A indústria editorial respondeu, defendendo a retenção de longdesc.

Exemplo

<img src="Hello.jpg" longdesc="description.html">

Conteúdo de description.html:

<br />
<p>This is an image of a two-layered birthday cake.</p>
...

Link para a longa descrição no texto

Uma vez que poucos navegadores gráficos suportam a disponibilização do link nativamente (Opera e iCab sendo as exceções), é útil incluir um link para a página de descrição perto do <img />elemento sempre que possível, pois isso também pode ajudar usuários com visão.

Exemplo

<img src="Hello.jpg" longdesc="description.html" /> [<a href=
"description.html" title="long description of the image">D</a>]

Elementos históricos

Os elementos a seguir faziam parte do HTML inicial desenvolvido por Tim Berners-Lee de 1989 a 1991; eles são mencionados nas tags HTML , mas foram descontinuados no HTML 2.0 e nunca fizeram parte dos padrões HTML.

<listing>...</listing> (deprecated): Este elemento exibia o texto dentro das tags em uma fonte monoespaçada e sem interpretar o HTML. A especificação HTML 2.0 recomendava renderizar o elemento em até 132 caracteres por linha.; Obsoleto no HTML 3.2 ; obsoleto em HTML5 .
<plaintext /> (deprecated): <plaintext />não tem uma tag de finalização, pois termina a marcação e faz com que o resto do documento seja analisado como se fosse texto simples .; <plaintext />existia em tags HTML ; obsoleto em HTML 2.0 ; inválido em HTML 4.0 .
<xmp>...</xmp> (deprecated): Este elemento exibia o texto dentro das tags em uma fonte monoespaçada e sem interpretar o HTML. A especificação HTML 2.0 recomendava renderizar o elemento a 80 caracteres por linha.; Obsoleto no HTML 3.2 ; obsoleto em HTML5 .
<nextid /> (deprecated): Este elemento permitiu que a ferramenta de web design da NeXT gerasse rótulos NAME automáticos para suas âncoras e foi gerado automaticamente.; <nextid />existia em tags HTML (descritas como obsoletas); obsoleto em HTML 2.0 ; inválido no HTML 3.2 e posterior.

Elementos fora do padrão

Esta seção lista alguns elementos obsoletos amplamente usados, o que significa que eles não são usados em código válido . Eles podem não ser suportados em todos os agentes de usuário.

<blink>...</blink> (deprecated): Artigo principal: Elemento Blink
Faz com que o texto pisque. Introduzido em imitação dos códigos de escape ANSI . Pode ser feito com CSS onde houver suporte: (Este efeito pode ter consequências negativas para pessoas com epilepsia fotossensível ; seu uso na Internet pública deve seguir as diretrizes apropriadas.){text-decoration: blink}; <blink>originado no Netscape Navigator e reconhecido principalmente por seus descendentes, incluindo Firefox ; obsoleto ou inválido em HTML 2.0 e posterior. Observe que a tag CSS de substituição, embora padrão, não precisa ser suportada.
<layer>...</layer> (deprecated): Artigo principal: Elemento de camada
Cria uma camada posicionada e enquadrada de forma absoluta. Pode ser feito com frames e / ou CSS. Existem atributos, incluindo ID , LEFT , TOPO , PAGEX , PAGEY , SRC , Z-INDEX , ACIMA , LARGURA , ALTURA , ABAIXO , CLIP , VISIBILIDADE e CLIP .; <layer>originado no Netscape 4 ; obsoleto ou inválido em HTML 4.01 e posterior.
<marquee>...</marquee> (deprecated): Artigo principal: elemento letreiro
Cria texto de rolagem. Em vez disso, pode ser feito com script. (Este efeito pode ter consequências negativas para pessoas com epilepsia fotossensível ; seu uso na Internet pública deve seguir as diretrizes apropriadas.) Existem três opções, incluindo Alternar , Rolar e deslizar . Scrolldelay também pode ser adicionado.; <marquee>originado no Microsoft Internet Explorer ; obsoleto ou inválido em HTML 4.01 e posterior.
<nobr>...</nobr> (deprecated): Faz com que o texto não quebre no final da linha, evitando a quebra de linha onde o texto excede a largura do objeto envolvente. O texto adjacente pode quebrar antes e depois dele. Pode ser feito com CSS:{white-space: nowrap;}; <nobr>é um elemento proprietário reconhecido pela maioria dos navegadores por motivos de compatibilidade; obsoleto ou inválido em HTML 2.0 e posterior.
<noembed>...</noembed> (deprecated): Especifica o conteúdo alternativo, se a incorporação não puder ser renderizada. Substituído pelo conteúdo do elemento ou .<embed><object>

Comentários

Um comentário em HTML (e XML, SGML e SHTML relacionado) usa a mesma sintaxe do comentário SGML ou comentário XML , dependendo do doctype.

Ao contrário da maioria das tags HTML, os comentários não se aninham.

A marcação Xend-->produzirá o comentárioXbegin <! - Y e o texto Xend -> depois disso, ou às vezes apenas Xend ->, dependendo do navegador.

Os comentários podem aparecer em qualquer lugar em um documento, já que o analisador HTML deve ignorá-los, não importa onde eles apareçam, desde que não estejam dentro de outras estruturas de tag HTML (ou seja, eles não podem ser usados ao lado de atributos e valores; esta é uma marcação inválida : ).<span id="x1"<--for "extension one"--> style="..."<

Os comentários podem até aparecer antes da declaração doctype; nenhuma outra tag tem permissão para fazer isso.

No entanto, nem todos os navegadores e editores de HTML são totalmente compatíveis com a estrutura de sintaxe HTML e podem fazer coisas imprevisíveis em algumas condições de sintaxe. O tratamento incorreto de comentários afeta apenas cerca de 5% de todos os navegadores e editores de HTML em uso e, mesmo assim, apenas algumas versões são afetadas por problemas de tratamento incorreto de comentários (o Internet Explorer 6 é responsável pela maior parte dessa alta porcentagem).

Existem algumas peculiaridades de compatibilidade envolvendo comentários:

Colocar comentários - ou mesmo quaisquer caracteres, exceto espaço em branco - antes do doctypefará com que o Internet Explorer 6 use o modo quirks para a página HTML. Nenhuma das doctypeinformações será processada.
Para compatibilidade com alguns navegadores anteriores a 1995, o conteúdo de <style>e os <script>elementos ainda são às vezes cercados por delimitadores de comentário, e navegadores compatíveis com CSS e script são escritos para ignorar especificamente essa marcação de comentário como não sendo realmente um comentário. Isso significa que as tentativas de realmente comentar CSS e marcação de script alterando os elementos dentro do comentário para não serem reconhecidos, por exemplo .<-- [script]...[/script] -->
O editor HTML BlueGriffon , nas versões 1.7. x , faz comentários que não estão embutidos na estrutura da sintaxe; aparecerá na tela. Outros editores de HTML podem ter esse mesmo defeito.<style> ... {comment tags} ...</style>

Veja também

Notas

Referências

^ ^a ^b "§3 Em SGML e HTML" . Especificação HTML 4.01 . W3C . 24 de dezembro de 1999. §3.2.1 Elementos.
^ "§3 Em SGML e HTML" . Especificação HTML 4.01 . W3C . 24 de dezembro de 1999. §3.1 Introdução ao SGML.
^ "HTML 4.01, §21, Definição do tipo de documento" . W3C . 24 de dezembro de 1999.
^ ^a ^b ^c ^d ^e "Padrão HTML § Tags opcionais" . WHATWG . Página visitada em 22 de março de 2019 .
^ "§1. HTML do modelo de objeto do documento" . Especificação HTML de nível 2 do Document Object Model (DOM) . W3C . 9 de janeiro de 2003. §1.3. XHTML e o HTML DOM.
^ ^a ^b "§7 A estrutura global de um documento HTML" . Especificação HTML 4.01 . W3C . 24 de dezembro de 1999. §7.5.3 Elementos em nível de bloco e em linha.
^ Mark Newhouse (27 de setembro de 2002). "CSS Design: Taming Lists" . Uma lista à parte .
^ XHTML 1.0 §4.2
^ XML 1.0 (A capacidade de produzir elementos adicionais faz parte da flexibilidade da sigla.)
^ XML 1.0 §5.1
^ WHATWGLS . § 15
^ XHTML 1.1 §A
^ "HTML e CSS" . W3C . 2013
^ "Apêndice D. Folha de estilo padrão para HTML 4" . Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification . W3C . 7 de junho de 2011.
^ HTML 4.01 §14.1
^ Ferraiolo, J .; Fujisawa, J .; Jackson, D., eds. (2003-01-14). "§2.3 Opções para usar SVG em páginas da Web" . Especificações do Scalable Vector Graphics (SVG) 1.1 . W3C . Página visitada em 2009-03-25 .
^ HTML 4.01 §12.3
^ HTML 4.01 §14.3.2
^ HTML 4.01 §18
^ CSS §1.1
^ "4.4 Agrupando conteúdo - HTML5" . HTML5: Um vocabulário e APIs associadas para HTML e XHTML - Recomendação W3C . Consórcio da World Wide Web . 28 de outubro de 2014. §4.4.8 O elemento dl . Retirado em 16 de agosto de 2015 .
^ "Listas em documentos HTML" . Especificação HTML 4.01 - Recomendação W3C . Consórcio da World Wide Web. 24 de dezembro de 1999. §10.3 Listas de definição: os elementos DL, DT e DD . Retirado em 2 de maio de 2015 .
^ W3C (5 de abril de 2011). "HTML5: Um vocabulário e APIs associadas para HTML e XHTML, W3C Working Draft" ..
^ HTML 4.01 , W3.org , recuperado 2012-03-26
^ HTML 4 para manequins , 5ª ed., 2005, por Ed Tittel, Mary C. Burmeister; p. 96
^ "ServerWriter - / Provider" . www.w3.org .
^ "HTML 5.2" . www.w3.org .
^ Marca de acrônimo, acrônimo.
^ 4.6 Semântica em nível de texto - O elemento b , Developers.whatwg.org , recuperado em 26/03/2012
^ 4.6 Semântica em nível de texto - O elemento i , Developers.whatwg.org , recuperado em 26/03/2012
^ 4.6 Semântica em nível de texto - O elemento u , Developers.whatwg.org , recuperado em 26/03/2012
^ 4.6 Semântica em nível de texto - O pequeno elemento , Developers.whatwg.org , recuperado em 26/03/2012
^ 4.6 Semântica em nível de texto - O elemento s , Developers.whatwg.org , recuperado em 26/03/2012
^ ^Um ^b 11 recursos obsoletos - HTML5 , W3.org , recuperado 2012-03-26
^ "Especificação HTML5 finalizada, a disputa sobre as especificações continua" . Ars Technica. 29 de outubro de 2014 . Retirado em 29 de outubro de 2014 .
^ "9.2.1 Elementos de frase: EM, FORTE, DFN, CÓDIGO, SAMP, KBD, VAR, CITE, ABBR e ACRONYM" . Especificação HTML 4.01 . W3C . 24 de dezembro de 1999 . Retirado em 26 de julho de 2018 .
^ HTML 5.2 W3C Recommendation , em "§4.5.6. O elemento cite" .
^ HTML Living Standard , em "§4.5.6 O elemento citar" .
^ "<dados>" . MDN Web Docs .
^ "Tag HTML <rb>" . www.quackit.com .
^ "<rp>: O elemento Ruby Fallback Parenthesis" . MDN Web Docs .
^ "<rt>: O elemento de texto Ruby" . MDN Web Docs .
^ "<rtc>: O elemento contêiner de texto Ruby" . MDN Web Docs .
^ "<ruby>" . MDN Web Docs .
^ "<hora>" . MDN Web Docs .
^ Jennifer Kyrnin <embed>
^ W3Schools about<embed>
^ O texto do atributo alt não pode ser estilizado com marcação; como resultado, outros métodos de apresentação de texto alternativo, como Fahrner Image Replacement , foram desenvolvidos para acomodar situações nas quais o codificador deseja que o texto estilizado seja exibido se as imagens forem desativadas no navegador do usuário.
^ "O que há de novo no Internet Explorer 8 - Acessibilidade e ARIA" . MSDN . Microsoft . Página visitada em 22/07/2009 .
^ Bug 5566 - valor do atributo ALT às vezes não apresentado quando a imagem está faltando , Bugs.webkit.org , recuperado 2012-03-26
^ WWW-Talk janeiro-março de 1993: tag nova proposta: IMG , 1997.webhistory.org , recuperado 2012-03-26
^ "Os quadros estão acessíveis?" . ... frames apresentam desafios de usabilidade adicionais que são exclusivos para usuários com deficiência, especialmente aqueles que usam leitores de tela.
^ "Objetos, imagens e miniaplicativos" . W3C . Página visitada em 2008-12-20 .
^ "InState Longdesc" . Página visitada em 05-09-2011 .
^ "Criando imagens acessíveis" . WebAim . Página visitada em 2008-12-20 .
^ Longdesc uso - WHATWG Wiki , Wiki.whatwg.org , recuperado 2012-03-26
^ "Bug 13461 - Comentário sobre a edição # 30 (longdesc) da Association of American Publishers" . Página visitada em 05-09-2011 .
^ "<listing>" . MDN Web Docs .
^ "<xmp>" . MDN Web Docs .
^ "<nextid>: O elemento NeXT ID (Obsoleto)" . MDN Web Docs .
^ ^a ^b Chisholm, Wendy; Vanderheiden, Gregg; Jacobs, Ian (05/05/1999). "Diretrizes de acessibilidade do conteúdo da Web 1.0" . Consórcio da World Wide Web . Página visitada em 2010-07-20 .

Bibliografia

Padrões HTML

HTML 2.0:: Berners-Lee, Tim ; Connolly, Dan (novembro de 1995). "Linguagem de marcação de hipertexto - 2.0 (RFC 1866)" . IETF . Página visitada em 2009-03-24 .
HTML 3.2:: Raggett, Dave (14/01/1997). "Especificações de referência HTML 3.2" . W3C . Página visitada em 2009-03-27 .
HTML 4.01:: Raggett, Dave ; Le Hors, Arnaud; Jacobs, Ian (24/12/1999). "Especificação HTML 4.01" . W3C . Página visitada em 2009-03-24 . (HTML 4.01 substituiu 4.0 (1998), que nunca foi amplamente implementado, e todas as versões anteriores. Substituído por sua vez em 27/03/2018 pelo HTML 5.2 )
XHTML 1.0:: W3C (01/08/2002) [2000]. "XHTML 1.0: A linguagem de marcação de hipertexto extensível (segunda edição)" . Versão revisada. W3C . Página visitada em 2009-03-24 .
XHTML 1.1:: Altheim, Murray; McCarron, Shane; Ishikawa, Masayasu, eds. (2010-11-23) [2001]. "XHTML 1.1 - XHTML baseado em módulo - segunda edição" . Versão revisada. W3C . Página visitada em 26/07/2018 . (Substituído em 27/03/2018 pelo HTML 5.2.); Austin, Daniel; Peruvemba, Subramanian; McCarron, Shane; Ishikawa, Masayasu; Birbeck, Mark; Altheim, Murray; Boumphrey, Frank; Dooley, Sam; Schnitzenbaumer, Sebastian; Wugofski, Ted, eds. (2010-07-29) [2006]. "Modularização XHTML 1.1 - Segunda Edição" . Versão revisada. W3C . Página visitada em 26/07/2018 . (Uma versão mais detalhada do acima. Também substituído em 27/03/2018 pelo HTML 5.2 .)
W3C HTML 5.2:: Faulkner, Steve; Eicholz, Arron; Leithead, Travis; Danilo, Alex; Lua, Sangwhan; Doyle Navara, Erika; O'Connor, Theresa; Berjon, Robin, eds. (2017-12-14) [2016]. "HTML 5.2 W3C Recommendation" . Versão revisada. W3C . Página visitada em 26/07/2018 . Substitui todas as versões anteriores de HTML e XHTML, incluindo HTML 5.1 .
WHATWG HTML5 Living Standard:: Hickson, Ian , ed. (25/07/2018). "Padrão de vida HTML" . Versão de uma página. WHATWG . Página visitada em 26/07/2018 . Também disponível como uma versão de múltiplas e Edição do desenvolvedor (também multi-página, com uma função de pesquisa e outros gadgets, e menos detalhes apenas de interesse para fabricantes de navegadores).

Outras fontes

Tags HTML:: Berners-Lee, Tim (1992-11-03). "Tags HTML" . Página visitada em 2009-03-28 . (Parte da primeira descrição publicada de HTML.)
HTML Internet Draft 1.2:: Berners-Lee, Tim ; Connolly, Dan (junho de 1993). "Linguagem de marcação de hipertexto (HTML)" . Página visitada em 2009-03-28 .
Rascunhos de HTML 3.0:: Raggett, Dave (1995-03-24). "Especificação da linguagem de marcação de hipertexto versão 3.0 (rascunho)" . Página visitada em 2009-04-18 . (Este é o rascunho final do HTML 3.0, que expirou sem ser mais desenvolvido.)
Tabelas HTML:: Raggett, Dave (maio de 1996). "Tabelas HTML (RFC 1942)" . IETF . Página visitada em 2009-03-22 .
XML 1.0:: Bray, Tim ; Paoli, Jean ; Sperberg-McQueen, C. Michael ; Maler, Eva; Yergeau, François, eds. (26/11/2008). "Extensible Markup Language (XML) 1.0 (Quinta edição)" . W3C . Página visitada em 2009-03-20 .
CSS 1:: Lie, Håkon Wium ; Bos, Bert (11/04/2008) [1996]. "Folhas de estilo em cascata, nível 1" . Versão revisada. W3C . Página visitada em 26/07/2018 .
CSS 2.1:: Bos, Bert ; Çelik, Tantek ; Hickson, Ian ; Lie, Håkon Wium (12 de abril de 2016) [2011]. "Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification" . Versão revisada. W3C . Página visitada em 26/07/2018 .
CSS 3 e 4:: Atkins, Tab, Jr .; Eternad, Elika J .; Rivoal, Florian (31 de janeiro de 2017). "CSS Snapshot 2017" . W3C . §2. Cascading Style Sheets (CSS) - A definição oficial . Página visitada em 26/07/2018 . (Lista de especificações ativas que substituíram o CSS 2.1, na data de publicação.); "Status atual do CSS" . W3C . 2018 . Página visitada em 26/07/2018 . (CSS níveis 3 e 4 são desenvolvidos como módulos independentes, indexados nessa página.)

links externos

HTML 4.01 (24 de dezembro de 1999): elementos e atributos
HTML5 (28 de outubro de 2014): elementos e atributos

[HTML401_Elements-1] "§3 Em SGML e HTML" . Especificação HTML 4.01 . W3C . 24 de dezembro de 1999. §3.2.1 Elementos.

[2] "§3 Em SGML e HTML" . Especificação HTML 4.01 . W3C . 24 de dezembro de 1999. §3.1 Introdução ao SGML.

[W3C,_HTML_401_DTD-3] "HTML 4.01, §21, Definição do tipo de documento" . W3C . 24 de dezembro de 1999.

[whatwg-syntax-tag-omission-5] "Padrão HTML § Tags opcionais" . WHATWG . Página visitada em 22 de março de 2019 .

[7] "§1. HTML do modelo de objeto do documento" . Especificação HTML de nível 2 do Document Object Model (DOM) . W3C . 9 de janeiro de 2003. §1.3. XHTML e o HTML DOM.

[W3C,_HTML_4.01,_block_and_inline-9] "§7 A estrutura global de um documento HTML" . Especificação HTML 4.01 . W3C . 24 de dezembro de 1999. §7.5.3 Elementos em nível de bloco e em linha.

[11] Mark Newhouse (27 de setembro de 2002). "CSS Design: Taming Lists" . Uma lista à parte .

[XHTML10-42-12] XHTML 1.0 §4.2

[13] XML 1.0 (A capacidade de produzir elementos adicionais faz parte da flexibilidade da sigla.)

[XML10-51-14] XML 1.0 §5.1

[15] WHATWGLS . § 15

[XHTML11-16] XHTML 1.1 §A

[17] "HTML e CSS" . W3C . 2013

[18] "Apêndice D. Folha de estilo padrão para HTML 4" . Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification . W3C . 7 de junho de 2011.

[HTML401-141-19] HTML 4.01 §14.1

[SVG11-23-20] Ferraiolo, J .; Fujisawa, J .; Jackson, D., eds. (2003-01-14). "§2.3 Opções para usar SVG em páginas da Web" . Especificações do Scalable Vector Graphics (SVG) 1.1 . W3C . Página visitada em 2009-03-25 .

[21] HTML 4.01 §12.3

[22] HTML 4.01 §14.3.2

[23] HTML 4.01 §18

[24] CSS §1.1

[W3C-5-DL-25] "4.4 Agrupando conteúdo - HTML5" . HTML5: Um vocabulário e APIs associadas para HTML e XHTML - Recomendação W3C . Consórcio da World Wide Web . 28 de outubro de 2014. §4.4.8 O elemento dl . Retirado em 16 de agosto de 2015 .

[26] "Listas em documentos HTML" . Especificação HTML 4.01 - Recomendação W3C . Consórcio da World Wide Web. 24 de dezembro de 1999. §10.3 Listas de definição: os elementos DL, DT e DD . Retirado em 2 de maio de 2015 .

[27] W3C (5 de abril de 2011). "HTML5: Um vocabulário e APIs associadas para HTML e XHTML, W3C Working Draft" ..

[28] HTML 4.01 , W3.org , recuperado 2012-03-26

[29] HTML 4 para manequins , 5ª ed., 2005, por Ed Tittel, Mary C. Burmeister; p. 96

[30] "ServerWriter - / Provider" . www.w3.org .

[31] "HTML 5.2" . www.w3.org .

[32] Marca de acrônimo, acrônimo.

[html5-b-element-33] 4.6 Semântica em nível de texto - O elemento b , Developers.whatwg.org , recuperado em 26/03/2012

[html5-i-element-34] 4.6 Semântica em nível de texto - O elemento i , Developers.whatwg.org , recuperado em 26/03/2012

[html5-u-element-35] 4.6 Semântica em nível de texto - O elemento u , Developers.whatwg.org , recuperado em 26/03/2012

[html5-small-element-36] 4.6 Semântica em nível de texto - O pequeno elemento , Developers.whatwg.org , recuperado em 26/03/2012

[html5-s-element-37] 4.6 Semântica em nível de texto - O elemento s , Developers.whatwg.org , recuperado em 26/03/2012

[html5-tt-not-supported-38] Um ^b 11 recursos obsoletos - HTML5 , W3.org , recuperado 2012-03-26

[finalars-39] "Especificação HTML5 finalizada, a disputa sobre as especificações continua" . Ars Technica. 29 de outubro de 2014 . Retirado em 29 de outubro de 2014 .

[40] "9.2.1 Elementos de frase: EM, FORTE, DFN, CÓDIGO, SAMP, KBD, VAR, CITE, ABBR e ACRONYM" . Especificação HTML 4.01 . W3C . 24 de dezembro de 1999 . Retirado em 26 de julho de 2018 .

[41] HTML 5.2 W3C Recommendation , em "§4.5.6. O elemento cite" .

[42] HTML Living Standard , em "§4.5.6 O elemento citar" .

[43] "<dados>" . MDN Web Docs .

[44] "Tag HTML <rb>" . www.quackit.com .

[45] "<rp>: O elemento Ruby Fallback Parenthesis" . MDN Web Docs .

[46] "<rt>: O elemento de texto Ruby" . MDN Web Docs .

[47] "<rtc>: O elemento contêiner de texto Ruby" . MDN Web Docs .

[48] "<ruby>" . MDN Web Docs .

[49] "<hora>" . MDN Web Docs .

[50] Jennifer Kyrnin <embed>

[51] W3Schools about<embed>

[52] O texto do atributo alt não pode ser estilizado com marcação; como resultado, outros métodos de apresentação de texto alternativo, como Fahrner Image Replacement , foram desenvolvidos para acomodar situações nas quais o codificador deseja que o texto estilizado seja exibido se as imagens forem desativadas no navegador do usuário.

[53] "O que há de novo no Internet Explorer 8 - Acessibilidade e ARIA" . MSDN . Microsoft . Página visitada em 22/07/2009 .

[54] Bug 5566 - valor do atributo ALT às vezes não apresentado quando a imagem está faltando , Bugs.webkit.org , recuperado 2012-03-26

[55] WWW-Talk janeiro-março de 1993: tag nova proposta: IMG , 1997.webhistory.org , recuperado 2012-03-26

[56] "Os quadros estão acessíveis?" . ... frames apresentam desafios de usabilidade adicionais que são exclusivos para usuários com deficiência, especialmente aqueles que usam leitores de tela.

[58] "Objetos, imagens e miniaplicativos" . W3C . Página visitada em 2008-12-20 .

[59] "InState Longdesc" . Página visitada em 05-09-2011 .

[60] "Criando imagens acessíveis" . WebAim . Página visitada em 2008-12-20 .

[61] Longdesc uso - WHATWG Wiki , Wiki.whatwg.org , recuperado 2012-03-26

[62] "Bug 13461 - Comentário sobre a edição # 30 (longdesc) da Association of American Publishers" . Página visitada em 05-09-2011 .

[63] "<listing>" . MDN Web Docs .

[64] "<xmp>" . MDN Web Docs .

[65] "<nextid>: O elemento NeXT ID (Obsoleto)" . MDN Web Docs .

[WCAG-66] Chisholm, Wendy; Vanderheiden, Gregg; Jacobs, Ian (05/05/1999). "Diretrizes de acessibilidade do conteúdo da Web 1.0" . Consórcio da World Wide Web . Página visitada em 2010-07-20 .

Languages

In other projects

Elemento HTML - HTML element

Conceitos

Elementos x tags

SGML vs. XML

%block; vs. caixa

Visão geral

Sintaxe

Padrões de elemento

Status do elemento

Conteúdo vs. apresentação e comportamento

Elementos da estrutura do documento

Elementos principais do documento

Elementos do corpo do documento

Elementos de bloco

Texto básico

Listas

Outros elementos de bloco

Elementos embutidos

Âncora

Elementos de frase

Em geral

Elementos de frase de computador

Apresentação

Período

Outros elementos inline

Imagens e objetos

Formulários

Mesas

Molduras

longdesc atributo

Exemplo

Link para a longa descrição no texto

Exemplo

Elementos históricos

Elementos fora do padrão

Comentários

Veja também

Notas

Referências

Bibliografia

Padrões HTML

Outras fontes

links externos

`%block;` vs. caixa

`longdesc` atributo