Legenda da figura

Para adicionar uma legenda ao elemento <figure>, o elemento <figcaption> é usado. O <figcaption> pode aparecer na parte superior, inferior ou em qualquer lugar dentro do elemento <figure>, no entanto, só pode aparecer uma vez. Quando é usado, o elemento <figcaption> servirá como legenda para todo o conteúdo no elemento <figure>. Além disso, o elemento <figcaption> pode substituir o atributo alt do <img> se o conteúdo do elemento <figcaption> fornecer uma descrição útil do conteúdo visual da imagem. Nem todas as formas de mídia precisam de ser incluídas num elemento <figura> ou incluir um elemento <figcaption>, apenas aqueles que são autónomos e pertencem juntos como um grupo.

<figure>

<img src="dog.jpg">

<figcaption>A beautiful black, brown, and white hound dog wearing kerchief.</figcaption>

</figure>.

Sumário

Ao lado do texto, a mídia é uma das maiores partes da web. O uso de imagens, áudio e vídeo só cresceu nos últimos anos, e não é provável que diminua a velocidade. Agora, sabemos como incorporar essas formas de mídia nos nossos projetos e como podemos usá-los para enriquecer o conteúdo em nossos sites. Dentro desta lição, cobrimos o seguinte: As melhores maneiras de adicionar imagens, clipes de áudio, vídeos e frames inline a uma página, diferentes maneiras de posicionar imagens em diferentes situações, como fornecer recursos alternativos de áudio e vídeo para browsers mais antigos, atributos comuns disponíveis para clips de áudio e vídeos, a maneira semântica de marcar conteúdo autónomo, incluindo mídia. Estamos a chegar ao homestretch de aprender HTML e CSS, com apenas alguns outros componentes a serem apresentados.