<ol>: Elemento OL
Última atualização: 2026-10-13
<ol>Elemento OL
O elemento <ol> (lista ordenada) define uma lista numerada. O atributo type alterna o estilo de numeração, start define o valor inicial e reversed inverte a ordem.
| Categoria | Listas |
|---|---|
| Modelo de Conteúdo | Zero ou mais <li>, elementos de suporte a script |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de fluxo |
| Tag de Fechamento | Sim — requer fechamento </ol> tag |
| Status | Padrão |
📝 Sintaxe
<ol>
<li>Passo um</li>
<li>Passo dois</li>
</ol>⚙️ Atributos
Este elemento suporta os atributos globais mais os seguintes:
| Atributo | Valor | Descrição |
|---|---|---|
type | Keyword | The numbering style.
|
start | Number | The starting number of the list. Padrão: |
reversed | Boolean | Number in reverse (descending). |
▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <ol> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
❓ Perguntas Frequentes
QQual é a diferença entre ol e ul?
A
<ol> é lista ordenada: a ordem dos itens importa (passos de receita, ranking, tutorial passo a passo), e o navegador numera; <ul> é lista não ordenada: itens equivalentes (menu, lista de recursos). A escolha é semântica, não estética — dá para trocar o marcador via CSS, mas o significado muda.QComo fazer a numeração de ol começar em outro número?
AUse o atributo
start: <ol start='5'> numera a partir do 5. Com reversed, a contagem é decrescente. O atributo value num li redefine o número daquele item e dos seguintes.QO atributo type de ol ainda vale?
AVale, mas com senso crítico:
type='1|a|A|i|I' muda o estilo da numeração (1, a, A, i, I). Hoje prefere-se estilizar via CSS list-style-type, que aceita muito mais formatos e separa estilo da estrutura. type serve para compatibilidade e casos rápidos.🏷️ Tags Relacionadas
💡 Casos Relacionados
📚 Tutoriais Relacionados
