Tradução: como escrever um belo código HTML

Que belo código HTML se parece como escrever um belo código HTML.

Um artigo escrito por um estrangeiro: como o belo código HTML se parece como escrever belos códigos HTML parecem muito bons. Reimprimir e compartilhar com você:

PS: Endereço original: http://css-tricks.com/what-beautiful-html-code-looks-plike/

Não se esqueça da declaração na cabeça, ela dirá ao navegador como renderizar seu HTML.

Defina o título, conjunto de caracteres. Configure links externos CSS e JS (incluindo um CSS de impressão).

Dê um ID do corpo. A razão pela qual o autor mencionou aqui é facilitar a seleção de recipientes médios para várias páginas. Por exemplo, definindo diferentes IDs para o corpo na página1 e na página2, você pode definir dois efeitos diferentes através do #Page1 H2 e #Page2 H2. Sinto que isso depende da situação e da estrutura específica antes de usá -la.

Escreva o código do menu que corresponda à semântica.

<div id=menu>

<ul>

<li> <a href = index.php> home </a> </li>

<li> <a href = about.php> sobre </a> </li>

<li> <a href = contact.php> Contato </a> </li>

</ul>

</div>

PS: Eu pessoalmente acho que deve ser mais fácil escrever código como este:

<ulid = menu>

<li> <a href = index.php> home </a> </li>

<li> <a href = about.php> sobre </a> </li>

<li> <a href = contact.php> Contato </a> </li>

</ul>

Há uma div corpora que contém todo o conteúdo. Conveniente para consertar a largura, as margens, etc. do corpo.

Escreva o conteúdo principal primeiro e depois o conteúdo secundário. Se sua navegação ou barra lateral não for muito importante, é melhor escrevê -las no final.

Introduzir peças comuns, como navegação e final de páginas através de chamadas dinâmicas, como o PHP incluem.

Código de recuo

Observe a etiqueta final

Use tags de título como <H1> ~ <H6>, quando apropriado para dividir os parágrafos.

Não escreva estilos em tags, o HTML é usado apenas para representar estruturas. Vamos deixar o desempenho no CSS.