96 Shares 4542 views

Bloco tags HTML div disposição

Mesmo alguns há dez anos em Runet mais usado frequentemente chamado layout tabular. Devido ao fato de que os padrões de alguns navegadores foram significativamente diferentes uns dos outros, tivemos que procurar uma solução que exibir corretamente o documento on-line em todas as aplicações. Mas como o tempo passou, o desenvolvimento de padrões, e para substituir a tabela em vez rígida e inflexível veio bom e responsivo variável de layout bloco. Na vanguarda desta tecnologia é o princípio da utilização de elementos

. HTML-documentos na maioria foram construídos com base em blocos individuais, que, ao contrário do layout da tabela podem ser independentes uns dos outros.

emergência

A crescente complexidade das páginas Web e o desenvolvimento da tecnologia informática levou ao fato de que documento web foi dividido em duas partes – o quadro (o código HTML) e design (folhas de estilo). Com este alcançado um desenvolvimento sem precedentes da web, os resultados de que agora somos capazes de contemplar na maioria dos sites. Além de melhorar o

processo de desenvolvimento HTML permitiu determinar para cada elemento individual de suas regras de projeto. Isso ajudou a melhorar a legibilidade de páginas da web e reduzir o tempo de download de documentos. Agora, os motores de busca de informação muito mais rápido e melhor processo disponíveis no site.

Standards e validação

tag no HTML utilizado em estrita conformidade com os padrões W3C (World Wide Web Consortium). Verificando o código fonte da página realizou uma ferramenta especial – o validador, que analisa (exames e pesquisas) todos os tipos de erros na página. Página é válido significa que todas as tags foram usados corretamente e satisfazer plenamente os requisitos das normas.

tags permitem que você crie blocos, ou como são chamados os recipientes. Os elementos individuais podem ser encaixados, criando, assim, a estrutura e configuração necessária complexidade. Usando o identificador de classe desacompanhado tag

ou praticamente não ocorre. É causada por elemento "sem rosto". Se ele não atribuir uma nota, no final, todos os recipientes terá uma configuração idêntica.

A fim de criar um verdadeiramente correta do documento, você deve usar a seguinte estrutura tag do

class = «um to_imya". Ligar o nome da classe na folha de estilo, você pode determinar a localização, tamanho e outros parâmetros de soma um único bloco no documento.

Usando classes e IDs

Bloco

HTML pode ser definido como um identificador id, classe e classe. Ao contrário do primeiro para o segundo é que a ID é usada apenas uma vez em uma página do documento. Ou seja, ele é usado para determinar os elementos exclusivos, que nunca mais repetidas no código da página. atributo de classe permite aplicar as mesmas regras de estilo para vários elementos. Esta abordagem simplifica muito o desenvolvimento e suporte do Código. Além disso, um objeto pode ter múltiplas classes. Para o reconhecimento apropriado de um espaço compartilhado.

Naturalmente, a estrutura de blocos do documento não implica o uso de apenas uma tag

. A estrutura de qualquer página web será sempre outros elementos. Além disso, no próprio bloco

elemento pode ter um tipo diferente de display. Isto é feito utilizando a exibição de propriedades. O elemento pode ser uma string ou uma exibição de tabela, que pode aumentar significativamente a flexibilidade de uso da unidade e criar um site de qualquer configuração.

tag. HTML-propriedades

Como já foi mencionado acima, a marca não muda o fragmento de layout de página e usadas para criar uma estrutura semântica com o registro posterior por folhas de estilo. Usando um tag de fechamento para este elemento é obrigatório.

Apesar do fato de que muitos navegadores modernos vai ser capaz de reconhecer tal erro, em alguns casos, tag unclosed pode causar "razvalivanie" estrutura do documento e sua falha display.

Uma vez que este elemento é um bloco, em seguida, na medida em que engloba o conteúdo começará com uma nova linha. Para modificar esse comportamento deve mudar unidade de exibição exibição dos parâmetros de propriedade. Além agrupamento de elementos aninhados

tag permite que você formate o layout do conteúdo dentro dele. Ele usa o atributo align, através do qual você pode colocar texto ou imagem à esquerda, direita ou centro do elemento pai.

blocos de posicionamento

Usando o atributo de posição permite-lhe mudar o método de posicionar o item selecionado. Assim, existem três tipos de posicionamento:

  • Estática (estático) – o padrão. Neste caso, o elemento está de acordo com a posição no código HTML.
  • Relativa (relativa). Neste caso, a localização do objeto é calculado da mesma forma que no caso de posicionamento estático, mas esse recurso permite que você altere a posição para as crianças.
  • Absoluto (absoluto). A sua posição é calculado em relação ao elemento com posicionamento relativo.

outros atributos

atributos superior e esquerda são usados para mudar de posição em relação ao ponto de origem. Os valores podem ser tanto positivos como negativos. A largura e a altura do elemento de bloco de atributos de largura e altura definida, respectivamente. Se eles não foram especificados na folha de estilo, a unidade vai ocupar toda a largura do elemento pai. Se o conteúdo do bloco não se encaixa em toda a largura "pai", então o comportamento de um elemento é determinado pelo estouro atributo.

Esperamos que este artigo tenha ajudado a lidar com a questão do que um

em HTML.