Artigo Introdução de wulin.com (www.vevb.com): Uma página da web é como uma casa, a estrutura HTML é paredes uma a uma e as tags são tijolos. Os tijolos devem ser colocados de maneira ordenada e arrumada, para que as paredes sejam firmes. Finalmente, o CSS é o material decorativo e depende dela, seja bonito ou não. Portanto, precisamos ter uma excelente página da web, que não apenas fornece uma estrutura limpa e clara HTML, mas também inseparável com o embelezamento final do CSS.
Há algum tempo, ao navegar on-line, descobri que as questões de recrutamento de desenvolvimento de front-end de várias empresas gigantes domésticas da Internet ainda mencionavam um problema de semântica da etiqueta. Este tópico já é um clichê, mas ainda há muitos problemas. Tudo se resume a um hábito. Eu sou muito preguiçoso quando tenho tempo, então apenas escrevo código sem considerá -lo. Eu sei que estava errado! Sapatos infantis, temos que tornar a semântica da etiqueta um hábito! Hoje, popularizarei a semântica dos rótulos e me encorajo a não ficar confundido o dia inteiro!
Na web design, muitas vezes ouvimos o termo semantização de tags. O design do pensamento da semanticização de tags HTML é realmente usar a tag mais apropriada e apropriada para uma determinada peça de conteúdo. Dessa forma, não importa quem seja, você pode entender qual é essa parte do conteúdo.
Uma página da web é como uma casa. A estrutura HTML é paredes uma a uma e as tags são tijolos. Os tijolos devem ser colocados de maneira ordenada e arrumada, para que as paredes sejam firmes. Finalmente, o CSS é o material decorativo e depende dela, seja bonito ou não. Portanto, precisamos ter uma excelente página da web, que não apenas fornece uma estrutura limpa e clara HTML, mas também inseparável com o embelezamento final do CSS.
O acima também mostra que a semântica de tags é extremamente importante. Cada tag no HTML tem sua própria semântica e seu próprio escopo de aplicação. Mas é frequentemente ignorado ou abusado por nós. Por exemplo: em uma página, existem dezenas ou até centenas deles. Esta é uma etiqueta sem sentido, que representa apenas uma camada, que é muito desfavorável para manutenção posterior; Embora a tag <abla> seja uma tag de dados e quando é hora de usá -la, devemos usá -la com ousadia.
Benefícios da semântica de tagsExistem inúmeras razões para você usar a semântica de tag:
Resumo da semântica de tags htmlPara usar a semântica do tag mais rápida e melhor, o formulário a seguir lista todas as tags HTML e descrições de tags. A lista a seguir é organizada em ordem alfabética, onde novo: é a nova tag no HTML5.
Descrição da tag
<!-…-> Defina comentários.
<! Doctype> define o tipo de documento.
<a> Defina o hiperlink.
<bbr> Defina a abreviação.
<Crônimo> Não suportado no HTML 5. Defina o acrônimo.
<endereço> define o elemento de endereço.
<pplet> não é suportado no HTML 5. Defina o applet.
<área> define a área no mapa da imagem.
<Artigo> Defina o artigo.
<fast> define conteúdo fora do conteúdo da página.
<udio> define o conteúdo sonoro.
<b> Defina texto em negrito.
<Fase> define o URL base para todos os links da página.
<SetFont> Não suportado no HTML 5. Por favor, use o CSS.
<bdi> Defina a orientação do texto do texto para que ele seja definido na direção do texto circundante.
<bdo> Defina a direção da exibição de texto.
<big> não suportado em html 5. Defina um texto grande.
<lockquote> Defina longas referências.
<body> define o elemento corporal.
<br> Insira quebras de linha.
<butter> define o botão.
<Canvas> define o gráfico.
<geption> define o título da tabela.
<Center> HTML 5 não é suportado. Define o texto centrado.
<CITE> define uma referência.
<code> Define o texto do código do computador.
<Col> define as propriedades de uma coluna de tabela.
<Colgroup> define o agrupamento de colunas de tabela.
<comando> define o botão de comando.
<datalist> define a lista suspensa.
<dd> Defina a descrição da definição.
<Lel> Define Excluir texto.
<tahtands> define os detalhes do elemento.
<dfn> A definição define o projeto.
<Ir> não suportado no HTML 5. Defina uma lista de diretórios.
<div> define uma parte do documento.
Lista de definição de <dl> Definição.
<dt> Define o item definido.
<em> A definição enfatiza o texto.
<BED> Defina conteúdo interativo externo ou plug-in.
<Fieldset> Define Fieldset.
<CigCaption> define o título do elemento da figura.
<Figura> define o agrupamento do conteúdo da mídia, bem como seus títulos.
<Font> Não suportado no HTML 5.
<Footer> define o rodapé da seção ou página.
<form> define o formulário.
<frame> html 5 não é suportado. Define uma subwindow (quadro).
<fameset> não é suportado no HTML 5. Define o conjunto de estruturas.
<H1> para <H6> Defina o Título 1 para o Título 6.
<head> define informações sobre o documento.
<header> define o cabeçalho da seção ou página.
<HGroup> Define informações sobre seções no documento.
<HR> Defina a linha horizontal.
<html> Defina o documento HTML.
<i> Defina texto em itálico.
<frame> define a janela filho (quadro) dentro da linha.
<MIG> Defina a imagem.
<input> define o campo de entrada.
<Ins> Define o texto Inserir.
<Keygen> define a chave gerada.
<sindex> não é suportado no HTML 5. Define o campo de entrada para uma única linha.
<KBD> define o texto do teclado.
<belt> define o rótulo do controle do formulário.
<legend> define o título no Fieldset.
<li> Defina o item da lista.
<link> define referência de recurso.
<pap> Defina o mapa da imagem.
<sk> define texto marcado.
<pune> Defina a lista de menus.
<Meta> define meta informações.
<Meter> define a métrica dentro do intervalo predefinido.
<VN> Defina links de navegação.
<oframes> não é suportado no HTML 5. Defina a parte noframe.
<Noscript> define a parte doscript.
<ject> define o objeto incorporado.
<ol> define uma lista ordenada.
<PtGroup> define o grupo de opções.
<pution> define as opções na lista suspensa.
<aturt> define alguns tipos de saída.
<p> Defina parágrafos.
<amp> define parâmetros para o objeto.
<pre> definir texto pré -formado.
<Progress> define o progresso de qualquer tipo de tarefa.
<Q> Define referências curtas.
<rp> Defina o conteúdo exibido pelo elemento Ruby se o navegador não suportar o navegador.
<rt> define a explicação dos comentários do Ruby.
<Ruby> define comentários de rubi.
<s> Não suportado no HTML 5. Define texto com strikethrough.
<spamp> Defina o código do computador de amostra.
<Script> define script.
<Section> define a seção.
<select> define uma lista opcional.
<mall> renderizar o lado comentando como texto pequeno.
<Orce> define a fonte de mídia.
<pan> define a seção no documento.
<Strike> não é suportado no HTML 5. Define texto com Strikethrough.
<strong> A definição enfatiza o texto.
<estilo> define a definição de estilo.
<Sub> define texto subscrito.
<summary> define o título do elemento de detalhes.
<pup> Defina o texto do Superscript.
<tabela> define a tabela.
<Tbody> define o corpo da mesa.
<td> define a célula da tabela.
<sexttarea> Defina textário.
<tfoot> define as notas de rodapé da tabela.
<th> define o cabeçalho.
<head> define o cabeçalho.
<Time> Defina data/hora.
<title> define o título do documento.
<tr> Define linhas de tabela.
<Tack> define a faixa de texto usada no mídia.
<Tt> Não suportado no HTML 5. Define o texto da máquina de escrever.
<u> não suportado em html 5. Defina texto sublinhado.
<ul> Defina uma lista não ordenada.
<var> define a variável.
<Video> define vídeo.
<xmp> não suportado no html 5. Defina o texto pré -formado.