Por que a lista descrição não ordena embaixo ? dúvidas HTML5?

3 respostas Resolvido
html5
N
<!DOCTYPE html>
<html lang="pt-br">
<meta charset="utf-8">
<head>
	<title>Listas</title>
</head>
<body>
	<h1>Listas</h1>
		<h2>Listas Não Ordenadas</h2>
			<ul>
	    		<li>Ventilador</li>
	    		<li>Televisão</li>
	    		<li>Mochila</li>
			</ul>

		<h2>Listas Ordenadas</h2>
			<ol type="A">
				<li>Ventilador</li>
	    		<li>Televisão</li>
	    		<li>Mochila</li>
			</ol>
		<h2>Lista Por descricao</h2>
			<dl>
				<ol>
					<dt>Ventilador</dt>
					<dd>Aparelho de ventoinha</dd>
					<dt>Televisão</dt>
					<dt>Mochila</dt>
				</ol>
			</dl>
</body>
</html>

3 Respostas

L
Solucao aceita

Nota de uso: Ambos os elementos <ol> e <ul> , representam uma lista de itens. Diferem porque, com o elemento <ol> , a ordem é significativa. Como regra de ouro para determinar qual deles usar, tente mudar a ordem dos itens da lista; se a significação for alterada, o elemento <ol> deve ser utilizado, senão o elemento <ul> é adequado.

FONTE: https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/ol

A tag ol não vai ordenar a lista para vc. A utilização vai depender da forma como a lista vai ser apresentada (se a ordem significa algo ou não - veja descrição acima).

N

Obrigado ai , não sabia disso.

R

Creio que desejaria fazer algo do tipo.

Lista Por descricao




  1. Ventilador

  2. Aparelho de ventoinha

  3. Televisão

  4. teve de tudo

  5. Mochila

  6. um sacola



Só não sei se é uma boa pratica
Criado 6 de abril de 2020
Ultima resposta 15 de ago. de 2020
Respostas 3
Participantes 3