Caractere de tabulação HTML. Formatação HTML

Quando o documento é exibido na tela, espaços e linhas vazias não são preservados, exceto texto entre tags PRÉ(texto pré-formatado). Ou seja, qualquer sequência de espaços, tabulações e linhas vazias é equivalente a um único espaço em arquivo HTML. Por outro lado, o espaço em branco em um arquivo HTML pode ser representado usando qualquer número de espaços ou novas linhas (em branco).

Prazo novalin(nova linha) é usado para marcar TEORICAMENTE o final de uma linha. SGML especifica que uma linha (registro) deve começar com um caractere de início (nova linha - avanço de linha, LF, código ASCII 10) e terminar com um caractere de fim de registro (retorno de carro, CR, ASCII 13). Na prática, os documentos HTML são renderizados e transmitidos usando uma representação de nova linha consistente com os sistemas de computador fornecidos. Portanto, os navegadores HTML permitem suporte para qualquer uma das três representações comuns de separação de linhas, denotadas pela sequência CR LF, somente CR ou somente LF, e com base nesta suposição eles destacam erros na representação dos caracteres iniciais e finais de um registro .

Assim, não importa como você divide o texto em linhas, pois um avanço de linha equivale a um espaço. Observe, entretanto, que você não deve dividir uma palavra em duas linhas em HTML. Se, por exemplo, você dividir a palavra internacional em duas linhas, conforme mostrado abaixo:

isso será interpretado como

Assim, para apresentar seu documento de forma lógica, você deve usar tags HTML como P ou BR para fornecer uma alimentação de linha, se necessário.

Os navegadores geralmente não dividem as palavras em duas linhas, a menos que a palavra contenha um hífen. As especificações de referência do HTML 3.2 não são muito precisas em relação a esse assunto e ao discutir a seção da tabela, é fornecido o seguinte:

Para alguns agentes de usuário, pode ser necessário ou desejável traduzir uma string dentro de uma palavra. Nestes casos, é aconselhável verificar visualmente se isso aconteceu.

Cuidado com o comprimento da linha está além do seu controle. Isso depende do navegador, do computador e das configurações feitas pelas pessoas que visualizam o documento. De modo geral, não há como evitar quebras de linha entre palavras, mas você pode tentar evitar quebras de linha usando espaços contínuos.

Quanto ao uso de nova linha em combinação com tags HTML, existem regras especiais:

• As quebras de linha imediatamente após a tag inicial são ignoradas. Por exemplo, as linhas
• Da mesma forma, a quebra de linha que precede a tag final é ignorada. Por exemplo, as linhas

O caractere de tabulação horizontal (HT) pode ser usado em um documento HTML. Mas dentro do elemento PRÉ O caractere de tabulação tem uma interpretação especial, é equivalente a um espaço e não contém qualquer tipo de informação de tabulação. (Para representar dados tabulados, use o elemento mesa.) É praticamente melhor evitar incluir caracteres de tabulação no código HTML e usar uma quantidade apropriada de espaços se precisar formatar o código-fonte Documento HTML em forma tabulada.

A tag especifica um caractere de tabulação no texto. É semelhante a usar a sequência de escape /t.

1 2 3\t\t\t4
Exibido:
1 2 3 4

A distância pela qual a linha se deslocará quando um caractere de tabulação for inserido nela pode ser definida arbitrariamente. O atributo TABSTOPS da tag é usado para isso.

A tag não é uma tag HTML padrão. Ele foi adicionado às tags de marcação do Flash para ajudar a formatar o texto de maneira consistente.

Marcação...

A tag é responsável pelas características de formatação do texto, como margens, recuos e deslocamentos de linha. Os seguintes atributos podem ser especificados nele:

MARGEM ESQUERDA. Tamanho da margem esquerda em pontos. Um análogo é a propriedade leftmargin da classe TextFormat.

MARGEM DIREITA. O valor da margem direita em pontos é a propriedade rightmargin da classe TextFormat.

RECUAR. Recue a primeira linha de um parágrafo em pontos. Dentre as propriedades da classe TextFormat, ela é semelhante à propriedade indent.

BLOQUEIO.

Recuo de um parágrafo de texto à esquerda em pontos. Analógico - propriedade blockIndent
classe TextFormat.

PRINCIPAL. A distância entre linhas em pontos. Uma propriedade semelhante da classe TextFormat é líder.

TABSTOPS. O atributo especifica qual deslocamento de linha em pontos cada caractere de tabulação na sequência causará. Seu valor é uma lista de números que indicam as distâncias pelas quais a linha se moverá até a janela se 1, 2, 3, ... n caracteres de tabulação forem digitados em uma linha. Um análogo do atributo TABSTOPS é a propriedade tabStops da classe TextFormat.

pole.html=pole.border=pole.multiline=true;
pólo.htmlText="

0din tabR> Dois tabR>
Três Tabares>

A tag não é uma tag HTML padrão. Foi introduzido para que a capacidade de marcar texto usando tags seja semelhante ao uso das propriedades da classe Text Format.

Marcação...

Marcação projetado para aplicação de classe Estilo CSS em relação a um fragmento de texto arbitrário.

O nome da classe é especificado em seu atributo CLASS.

This.createTextField("pólo", 0, 150, 150, 200, 90);
pole.autoSize = pole.border=pole.multiline=true;
// Cria três estilos de classe definindo texto vermelho, verde e azul
var estilo:TextField.Stylesheet = new TextField.Stylesheet();
var green_text:String = ".GREEN (cor:#00FF00)";
var red_text:String = ".RED (cor:#FF0000)";
var blue_text:String = ".BLUE (cor:#0000FF)";
style.parseCSS(texto_verde+texto_vermelho+texto_azul);
pole.styleSheet=estilo;
//Exibe texto com estilos criados
pólo.text = " 3texto verde

Texto vermelho
Texto azul ";

Olá, queridos leitores do blog! Aqueles que se familiarizaram com isso, pelo menos superficialmente, provavelmente já notaram, ainda que em termos gerais. Isso significa que eles têm uma ideia de que tipo de Caracteres HTML são usados ​​no código do documento.

No artigo de hoje tentaremos descobrir o que é um espaço em HTML e em quais casos você pode usar caracteres de espaço em branco ao formatar o próprio código para facilitar a leitura. Descobriremos quando é necessário utilizar um espaço inseparável, e também conheceremos outros caracteres especiais (ou, como também são chamados, mnemônicos).

Na verdade, aconselho você a não ignorar o tópico do uso de vários caracteres especiais, pois este é um componente importante que permite completar seu estudo da linguagem de marcação de hipertexto. Em geral, as informações fornecidas nesta publicação definitivamente não serão supérfluas. Bem, agora vamos direto ao ponto.

Espaços e caracteres de espaço em branco em HTML

Primeiro você precisa fazer nota importante. Existem teclas especiais no teclado do computador que permitem separar o texto (mais sobre isso abaixo). No entanto, apenas uma ampla barra de espaço proporciona separação entre palavras não apenas no editor, mas também na janela do navegador. Existem nuances ao quebrar linhas e recuar bordas.

Como você sabe, a exibição de certos elementos em um navegador da web é determinada por tags. Para formatar o texto, utiliza-se o conhecido , que é baseado em blocos. Ou seja, seu conteúdo está localizado em toda a largura disponível.

Para quebrar linhas dentro do parágrafo P, você precisa usar uma única tag BR, com a qual você pode fazer isso. Digamos que precisamos inserir no texto alguns versos de um poema que escrevemos editor de texto:

Apesar de as linhas do versículo estarem localizadas corretamente e os hífens serem feitos nos lugares certos, tudo parecerá diferente no navegador:

Para obter a mesma exibição em uma janela do navegador web, você precisa escrever BR em cada quebra de linha:

Agora cumprimos a tarefa e os versos poéticos serão exibidos de forma totalmente correta no navegador:

Por isso, transferências necessárias linhas são concluídas. Outro recurso que precisa ser observado aqui é que vários espaços vindos um após o outro são exibidos pelo navegador como um só. Você pode verificar isso se no mesmo editor tentar colocar não um, mas vários espaços entre duas palavras e, clicando no botão “Salvar”, ver o resultado no navegador.

Espaço, tabulação e quebra de linha

Basicamente, com estes caracteres de espaço em branco nos familiarizamos assim que começamos a trabalhar com o texto no editor e o formatamos em na forma certa. Para implementar tal tarefa, existem teclas especiais, cada uma das quais corresponde ao seu próprio caractere de espaço:

• A barra de espaço é a tecla mais larga do teclado de um computador (sem etiqueta);
• Tab - uma tecla à esquerda com a inscrição “Tab” e duas setas apontando em direções diferentes;
• Quebra de linha - tecla "Enter".

Porém, como disse acima, obtemos o resultado final desejado não só em um editor de texto, mas também em um navegador, somente quando utilizamos a primeira chave. Todas as três teclas (incluindo tabulação e quebra de linha são úteis ao formatar código HTML. Digamos que este é o aspecto de um fragmento de código no NotePad++ (há muitas informações sobre este editor) ao exibir todos os caracteres de espaço em branco:

Obtemos um código fácil de ler e entender graças aos espaços. As setas laranja indicam recuos criados com a tecla Tab e os símbolos CR e LF indicam quebras de linha criadas com a tecla Enter.

Os contêineres aninhados uns nos outros são visualizados e as tags de abertura e fechamento são claramente visíveis. Neste formulário, este código pode ser facilmente editado. Agora compare-o com o mesmo código, que não possui essa divisão de texto:

Da mesma forma, usando caracteres de espaço em branco, você pode escrever regras CSS que parecerão visualmente claras e digeríveis:

Depois de trazer todos os estilos para um denominador comum e terminar completamente de editar o arquivo de estilos, você pode realizar a edição removendo todos os espaços do código. Isso é necessário para aumentar, o que é muito importante na promoção de um recurso.

Caracteres especiais (ou mnemônicos) em código HTML

Vejamos agora os casos em que é necessário utilizar os caracteres especiais que mencionei no início do artigo. Caracteres especiais HTML, às vezes chamados de mnemônicos, foram introduzidos para resolver um problema antigo com codificações que surgiu na linguagem de marcação de hipertexto.

Quando você digita texto no teclado, os caracteres do idioma que você está usando são codificados. No navegador da web, o texto digitado será exibido usando as fontes selecionadas como resultado da operação de decodificação reversa.

O fato é que existem muitas dessas codificações e agora não temos objetivo de analisá-las detalhadamente. Acontece que cada um deles pode não ter certos símbolos, que, no entanto, precisam ser exibidos. Digamos que você sinta vontade de escrever aspas simples ou acentos, mas esses ícones simplesmente não estão incluídos no conjunto.

Para eliminar este problema, foi introduzido um sistema de símbolos especiais, que inclui um grande número de mnemônicos diferentes. Todos eles começam com um E comercial "&" e geralmente terminam com um ponto e vírgula ";". A princípio, cada caractere especial possuía seu próprio código digital. Por exemplo, para um espaço ininterrupto, que consideraremos com mais detalhes a seguir, a seguinte entrada será válida:

Mas depois de algum tempo, os símbolos mais comuns foram atribuídos a análogos de letras (mnemônicos) para torná-los mais fáceis de lembrar. Digamos que para o mesmo espaço ininterrupto seja assim:

Como resultado, o navegador exibe o símbolo correspondente. A lista de mnemônicos é muito volumosa, caracteres especiais mais comumente usados ​​em HTML você pode descobrir na tabela abaixo:

Casos de uso de alguns caracteres especiais, incluindo espaço inseparável e hífen suave

Se você já estudou um pouco a tabela, recebeu a confirmação do que disse acima, que para exibir todos os caracteres especiais, utiliza-se um código digital () ou seu análogo alfabético (mnemônicos simbólicos), onde em vez de um conjunto de hash marcas e números, letras () são escritas.

Agora vamos ver quando usar esses códigos. Digamos que em um artigo você precise indicar alguma tag HTML para fins informativos, por exemplo,