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

<!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>

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).

3 curtidas

Obrigado ai , não sabia disso.

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