Escribir en HTML: parágrafos e espazamento

Ou: Por que todos os meus HTML executan xuntos como un varrido antigo?

Entón, aprendeu conceptos básicos de HTML e algunhas etiquetas HTML básicas e decidiu pegar un código HTML no seu CMS . Desafortunadamente, o teu artigo correu xuntos. Todo é un parágrafo! Que pasou?

Non te preocupes. Comprenda como o teu navegador interpreta os saltos de liña e fixarás iso rapidamente ... ou polo menos, simplemente.

Os navegadores ignoran o espazo máis branco

HTML trata de marcar o texto normal. De volta cando o texto estaba en parchmentq, o texto normal corría en bloques xigantes. Hoxe rompemos o texto en parágrafos .

Non pode pensar moito nos parágrafos. Acontecen. Preme ENTER e iso é así.

Pero HTML é diferente. O navegador intenta filtrar información que non parece importante. Debe entender como funciona isto para que non se confunda.

Supoña que escribe unha gran cantidade de espazos:

Eu me sinto como ee cummings

O teu navegador prosaico dará esta interpretación nítida:

Eu me sinto como ee cummings

Xa non estamos en Word, Toto. Os navegadores ignoran o espazamento extra . Eles reducen varios espazos a un único espazo.

Os navegadores tamén ignorarán os saltos de liña .

Eu sinto como eings, pero todos odia CAPITALS en liña de todos os xeitos.

O teu navegador fai isto:

Eu sinto como eings, pero todos odia CAPITALS en liña de todos os xeitos.

Se provías do mundo do procesador de texto, este comportamento pode ser sorprendente. Na verdade, dálle unha gran liberdade.

Párrafos

Pero probablemente aínda queiras parágrafos. Aquí están:

e .

Este é un parágrafo.

Este é outro parágrafo, aínda que estea na mesma liña. E aínda que acabo de entrar en dous saltos de liña, esta aínda forma parte do parágrafo segundo. Agora pecharé dous parágrafos.

Mire atentamente as etiquetas

e e vexa o que fai o navegador.

Este é un parágrafo. Este é outro parágrafo, aínda que estea na mesma liña. E aínda que acabo de entrar en dous saltos de liña, esta aínda forma parte do parágrafo segundo. Agora cerraré o parágrafo dous.

Ver? O navegador realmente ignora os saltos de liña. Só se preocupa por etiquetas.

Normalmente, por suposto, a opción sana é coincidir cos seus parágrafos con saltos de liña:

Este é un parágrafo.

Este é outro parágrafo.

Pero os saltos de liña son só para ti. O navegador ignóralos.

Engadindo unha morea de etiquetas

pode ser tedioso. Unha cousa é engadir cursiva aquí e alí. É outro ter que engadir etiquetas cada vez que inicia un novo parágrafo.

Pero espera! Hai esperanza! Non grites de novo ao procesador de texto.

O teu CMS pode respectar as túas liñas en branco

Afortunadamente, algúns CMS están deseñados para inserir etiquetas de parágrafo automaticamente para ti, detrás de escena. Pode simplemente inserir unha liña en branco entre os parágrafos e o CMS fai o resto.

Este é un parágrafo. Non hai etiquetas. E aquí está o parágrafo outro .

Se o teu CMS ten esta función, obtés:

Este é un parágrafo. Non hai etiquetas. E aquí hai outro parágrafo.

Por que funciona isto? Antes de que o CMS espite o artigo como unha páxina web , engade as etiquetas

necesarias.

Probablemente o CMS o faga automaticamente. Se non o fas, podes activar esta función.

Pegue ENTER dúas veces por un parágrafo

Nun procesador de texto, normalmente pulsa ENTER só unha vez entre parágrafos. Os parágrafos son unha soa liña, pero o procesador de texto as envuelve.

En HTML, quere executar ENTER dúas veces entre os parágrafos . Se o teu CMS engade etiquetas

automaticamente, é probable que espera unha liña en branco.

Os saltos de liña HTML son diferentes

No navegador, os parágrafos teñen espazo entre eles. E se só quere finalizar unha liña, sen ter espazo antes da seguinte liña? Sen problema. Hai unha etiqueta de saltos de liña.