Curso de HTML5 e CSS3 Responsivo Aula 13 Marcando conteúdo com a tag article

Nessa vídeo aula vamos aprender a utilizar a tag article do HTML5 para marcar conteúdos que possam ser distribuídos de forma independentes.

  • O elemento article destina-se a marcar um conteúdo que se constitua em um componente autossuficiente em uma página, aplicação ou site e que possa ser distribuído ou reusado de forma independente (isolada), como por exemplo via sindicalização. Tal conteúdo pode ser um post em um fórum, um artigo de uma revista ou jornal, uma matéria em um blog, um comentário de um usuário, um widget ou gadget interativo ou qualquer outro item independente de conteúdo. Especificação do W3C

Código desenvolvido na vídeo aula aplicando o uso básico de <article>. Conteúdos com um cabeçalho e textos que fazem sentido isoladamente.

			<article>
				<img src="imagens/ted.jpg" alt="Ted" title="Ted">
				<h2>Ted</h2>
				<p>Dou-me bem com outros animais e sou um ótimo perfil para famílias com crianças ou idosos.</p>
			</article>
			<article>
				<img src="imagens/zezinho.jpg" alt="Zezinho" title="Zezinho">
				<h2>Zezinho</h2>
				<p>Eu tenho um comportamento calmo, sou muito brincalhão e bastante obediente.</p>
			</article>
			<article>
				<img src="imagens/simba.jpg" alt="Simba" title="Simba">
				<h2>Simba</h2>
				 <p>Sou um leãozinho branco, sou bonzinho, carinhoso e amoroso, adoro receber carinho.</p>
			</article>
			<article>
				<img src="imagens/pacoca.jpg" alt="Paçoca" title="Paçoca">
				<h2>Paçoca</h2>
				<p>Tenho um bigodinho charmoso, sou muito companheiro e calmo, gosto muito de brincar.</p>
			</article>

 



Hospedagem Profissional de Sites