Definir artigos, seções e apartes em páginas html5

Video: O que é artigo?

Talvez o elemento estruturante conteúdo mais significativo em HTML5 é a artigo tag. Devotos de cabeçalhos, rodapés e mesmo a relativamente obscura Tempo tag será furioso com a sugestão de que o artigo tag é a grande atração em HTML5, mas você pode empregar o artigo tag para organizar o conteúdo da página em básicos “pedaços”, por falta de uma palavra melhor.

A necessidade de estrutura de conteúdo da página em artigos é um fator positivo em forçar os desenvolvedores de conteúdo para organizar ideias de uma forma coerente. E a artigo tag fornece a estrutura para seções (dentro do artigo) e apartes (barras laterais para o artigo).

artigos dividir em várias seções

O seguinte código define uma artigo e dois seção elementos. Ele também inclui um texto de espaço reservado e títulos inserido após a marca de fechamento.

Video: Português - artigo definido e indefinido

Nota: Embora seja possível tecnicamente incorporar uma única seção dentro de um artigo, o conceito de artigos dividida em seções é mais eficaz se que é evitado.

A regra básica da edição (e você pode perguntar a qualquer um que edita texto para uma vida, e eles vão e falar sobre isso) é que se você estiver indo para dividir um artigo para torná-lo mais fácil de digerir, ele doesn `t ajudar o leitor a organizar seu pensamento ter apenas uma subseção dentro de uma seção de conteúdo. Então - quando as seções são utilizados - é melhor ter pelo menos duas seções colocados dentro

Artigo manchete vai aqui
Primeiro conteúdo do artigo vai aqui
Video: Morfologia - Aula Língua Portuguesa - Artigo
mais conteúdo do artigo vai aqui
1ª secção título vai aqui
1º conteúdo da seção vai aqui
Mais 1º conteúdo da seção vai aqui
2ª secção título vai aqui
2º conteúdo sessão entra aqui


Mais 2 conteúdo sessão entra aqui

Este código cria uma página como a mostrada aqui.

Adicionar um elemento de lado

Tal como acontece com todos os elementos de estrutura de página em HTML5, o a parte, de lado elemento se destina a ser associado com um certo tipo de conteúdo. Conteúdos, tais como imagens, texto ou vídeos em um a parte, de lado elemento deve ser dependente - ou seja, relacionadas com o conteúdo e contribuindo para - um artigo ou seção de um artigo.

Se você usar um elemento de lado para colocar uma barra de navegação? Geralmente, não. Em vez disso, o conteúdo de navegação deve ser codificado com o elemento nav, que discutiremos um pouco mais cedo neste capítulo.

Alguns atributos CSS de estilo que são normalmente aplicados para HTML5 a parte, de lado elementos. Como você provavelmente pode intuir, a parte, de lado elementos são geralmente definidos como barras laterais. Então, quando você definir um estilo CSS para o nav elemento, você usar o CSS flutuador propriedade para permitir que o lado elemento para exibir como um direito; ou para a esquerda; caixa alinhadas em torno do qual o conteúdo do artigo pode fluir.

O código seguinte fornece um exemplo de um elemento de lado dentro de um artigo:

Artigo título vai aqui
Artigo conteúdo vai aqui
Video: Der, Die, Das [Artigos Definidos da Língua Alemã]
conteúdo da barra lateral, relacionada com o artigo, vai aqui 
Mais conteúdo do artigo vai aqui

Você vai querer combinar elementos de estrutura HTML5 com estilos que formatam a localização, fonte, cor e outros atributos de estilo aplicadas a esses elementos. A figura a seguir, por exemplo, mostra como um aparte (KUDOS) pode olhar ao lado do artigo com o qual está associado (Experience).