<div> </div> A seção/seção no documento pode ser definida para dividir os documentos em partes independentes e diferentes. <div> </div> As tags podem ser usadas como uma ferramenta organizacional estrita e não usam nenhum formato para se associar a ela, que contém a idéia de separar um rótulo HTML e o estilo de expressão. No trabalho real, geralmente especificamos as propriedades de ID ou classe para tags <div> </div> para tornar a tag mais eficaz. <div> </div> é um elemento de nível de bloco, o que significa que seu conteúdo inicia automaticamente uma nova linha. E realmente mudar é um formato inerentemente exclusivo.
O HTML a seguir simula a estrutura do site de notícias. Cada um desses pares de tags <div> </div> combina o título e o resumo de cada notícia, ou seja, <div> </div> adiciona estrutura adicional ao documento. Ao mesmo tempo, como estes <div> </div> pertencem ao mesmo tipo de elementos, você pode usar a propriedade Class = News para identificar essas tags <div> </div>. Formate o <div> </div>.
<Div Class = Notícias> <H2> Tabela de notícias 1 </h2> <p> Algum texto. <H2> <h2> <h2> Tabela de notícias 2 </h2> <p> Algum texto.2.
As tags <span> são usadas para combinar os elementos da linha no documento.
<span style = cor: vermelho> Nota: </span>Segundo, elementos de nível de bloco e elementos de linha
O elemento de bloco e os elementos de linha/elementos associados internos são conceitos no CSS. Isso ocorre porque esses elementos são exibidos como um conteúdo, ou seja, blocos. Pelo contrário, elementos como <span> </span> e <strong> </strong> são chamados de elementos de linha.
O conceito de elementos de nível de bloco e elementos de linho não é fixo, mas relativo. Podemos usar o tipo de atributo de exibição do elemento para alterar a caixa gerada por tipo. Isso significa que, ao definir a propriedade Display para bloquear, ela pode fazer com que os elementos in -line (como elementos <a>) pareçam elementos de nível de bloco; Como embriagado; documento.
<div id = dv1 style = Display: Block> Eu sou um elemento de nível de bloco. </div> <div id = dv2 style = display: inline> Eu sou uma linha de linha. </div> <div id = div3 style = display: None> Eu não sou visível </div>Terceiro, comparação de <div> </div> e <span> </span>
1. Da mesma forma: <div> </div> Etiquetas e <span> </span> As tags são usadas para classificar as tags, mas não possuem semântica prática;
2 Pontos diferentes: <div> </div> O rótulo é um elemento de nível de bloco, e o navegador adicionará automaticamente um rótulo de banco antes e depois dele </br>;
Se você deseja exibir dois conteúdos na mesma linha no layout da Web, a maneira mais fácil é embalá -los com tags </span>. Por exemplo, uma página tem dois elementos adjacentes, um é <div> </div> e o outro é </span>. Se você deseja exibi -los na mesma linha, poderá alterar isso <div> </div> para <span> </span>. Obviamente, ele também pode ser implementado definindo a propriedade Display de <div> </div> e outros rótulos através do CSS como embutido.