Como criar listas de definição em html5

Video: #2 HTML - Aula 3 - Meta Tags e Listas de definição

As listas são ferramentas poderosas para elementos semelhantes em grupo e listas de dar aos visitantes do seu site uma maneira fácil para fazer zoom e grupos de informação. Apenas sobre qualquer coisa se encaixa em uma lista, a partir de conjuntos de instruções para coleções de links. listas de definição agrupar termos e definições em uma única lista e requer três elementos para completar a lista:

  • : Mantém as definições de lista (dl = lista de definições)

    Video: Curso Grátis de HTML - Aula 16 - Trabalhando com Listas de Definição no HTML

  • : Define um termo na lista (dt = termo definição)

  • : Define uma definição para um termo (dd = lista definição definição)

    Video: Menu na vertical e sub menu - HTML e CSS

Você pode ter tantos termos (definida por) em uma lista (

) Como você precisa. Cada termo pode ter uma ou mais definições (definido pela
).

Criando uma lista de definições com dois itens requer tags e conteúdo na seguinte ordem:

  1. Nome do primeiro mandato

  2. Conteúdo para a definição do primeiro item



  3. Nome do segundo mandato

  4. Conteúdo para a definição do segundo item

A lista seguinte definição inclui três termos, um dos quais tem duas definições:

Listas de definição

Definições linguagem de marcação

SGML
O Standard Generalized Markup Language
HTML
O Hypertext Markup Language
A linguagem de marcação que você usa para criar páginas web.
XML
A Extensible Markup Language

A figura mostra como um navegador exibe esta HTML.

Se você acha que os itens em uma lista são muito próximos, você pode usar estilos CSS para controlar cuidadosamente todos os aspectos da lista de aparência.

Note-se que listas de definição, muitas vezes exibidos de forma diferente dentro de diferentes navegadores, e eles nem sempre são tratados da mesma pelos motores de busca ou tradutores text-to-speech. About.com tem uma boa discussão sobre listas de definição em sua Web Design Página / HTML.

Infelizmente, isso significa que listas de definição pode não ser a melhor escolha de formatação para listas criadas (até mesmo listas de definições). Para uma discussão mais detalhada, ver o excelente cobertura deste tópico sobre Max design.


Publicações relacionadas