Fórum Lista não ordenada #554389

24/05/2016

0

Até não conhecia bem esses tipos de listas não ordenadas, a finalidades delas? Somente glossário?


<dl>
		<dt>HTML</dt>
			<dd>
				HTML é a linguagem de marcação de textos utilizada
				para exibir textos como páginas na Internet.
			</dd>
			<dt>Navegador</dt>
				<dd>
					Navegador é o software que requisita um documento HTML
					através do protocolo HTTP e exibe seu conteúdo em uma
					janela.
				</dd>
		</dl>

Marcelo Pastore

Marcelo Pastore

Responder

Post mais votado

31/05/2016

Você é que decide no que usar, tem gente que usa listas para formatar formulários e isto provoca discussões infindáveis.
Usando CSS você pode mudar a aparência das lista como quiser, então sua imaginação e criatividades são o limite. pois pode-se encadear as lista sem o menor problema.

As listas são importante para leitores de tela para deficientes visuais, por exemplo, pois facilita a leitura.

Brother acho que você esta confundido a nomenclatura das listas!

Semanticamente temos:

Listas Desordenadas

As listas desordenadas são aquelas que a ordem de seus elementos não é relevante. A etiqueta a se usar é <ul>. Exemplo:

<ul>
  <li>ASW</li>
  <li>Acerbis</li>
  <li>Smith</li>
  <li>Wirtz</li>
  <li>One</li>
</ul>


Listas Ordenadas

As listas ordenadas são aquelas onde há importância na ordem dos elementos, classicamente aparecem numeradas.

Quem decide se uma lista é ordenada ou desordenada é quem está escrevendo o código.

<ol>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
</ol>


Listas de definição

As listas de definição fazemos o uso de 3 etiquetas: <dl>, <dt> e <dd>.

<dl>
 <dt>Site1</dt>
   <dd>Conteúdo Site1</dd>
 <dt>Site2</dt>
   <dd>Conteúdo Site2</dd>
<dt>Site3</dt>
   <dd>Conteúdo Site3</dd>
</dl>

Jothaz

Jothaz
Responder

Gostei + 1

Mais Posts

31/05/2016

Marcelo Pastore

.............?
Responder

Gostei + 0

01/06/2016

Edson Venancio

Você é que decide no que usar, tem gente que usa listas para formatar formulários e isto provoca discussões infindáveis.
Usando CSS você pode mudar a aparência das lista como quiser, então sua imaginação e criatividades são o limite. pois pode-se encadear as lista sem o menor problema.

As listas são importante para leitores de tela para deficientes visuais, por exemplo, pois facilita a leitura.

Brother acho que você esta confundido a nomenclatura das listas!

Semanticamente temos:

Listas Desordenadas

As listas desordenadas são aquelas que a ordem de seus elementos não é relevante. A etiqueta a se usar é <ul>. Exemplo:

<ul>
  <li>ASW</li>
  <li>Acerbis</li>
  <li>Smith</li>
  <li>Wirtz</li>
  <li>One</li>
</ul>


Listas Ordenadas

As listas ordenadas são aquelas onde há importância na ordem dos elementos, classicamente aparecem numeradas.

Quem decide se uma lista é ordenada ou desordenada é quem está escrevendo o código.

<ol>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
</ol>


Listas de definição

As listas de definição fazemos o uso de 3 etiquetas: <dl>, <dt> e <dd>.

<dl>
 <dt>Site1</dt>
   <dd>Conteúdo Site1</dd>
 <dt>Site2</dt>
   <dd>Conteúdo Site2</dd>
<dt>Site3</dt>
   <dd>Conteúdo Site3</dd>
</dl>


Não conhecia as lista de definição Jothaz, em qual cenario as mesma podem ser aplicadas ?
Responder

Gostei + 0

01/06/2016

Jothaz

Fala brother, ih ai!?

Apesar de HTML ser a coisa mais banal do mundo, a maioria das pessoas desconhecem alguns conceitos básicos e se perdem na nomenclatura.

Já é lugar comum nas minhas respostas dizer que não existem receitas o que existem são as recomendações, melhores práticas e o uso massivo de vossas capacidade criativa. Então você é que define como irá usar as lista e outros controles.

Um uso muito comum que me esqueci de mencionar no post acima é na criação de Menus, pois acredito que hoje só se criam menus usando listas.

Se formos seguir o conceito de web semântica, preza pelo significado do conteúdo, as lista deveriam ser usadas para criarmos listas, como as tabelas para tabelar dados e não lay-out.

Sobre as listas de seleção o uso divide-se basicamente em duas vertentes:
--devem ser usadas estritamente para marcar termos e definições ou
--ser usadas para fazer corresponder entre si, quaisquer itens que tenham um relacionamento direto uns com os outros (apoiando-se nas especificações do W3C).

Um outro uso é marcar diálogos, por exemplo.

Mas tudo vai depender do cenário, então as vezes pode-se fugir das convenções em detrimento de um ganho no cenário aplicado.

Como destaquei algumas pessoas usam lista para criar lay-out de formulários, apesar de tags especificas para isto, o que geram discussões infindáveis.

Já inclusive alguns malucos ou visionários usarem para criar lay-out no lugar de DIV´s.

Lembre-se de que usando CSS você pode formatar as lista da forma que quiser.

[url:descricao=Veja este link pois é muito interessante]http://imasters.com.br/front-end/web-standards/8-elementos-html-que-voce-nao-esta-usando-e-deveria/?trace=1519021197&source=single[/url]
Responder

Gostei + 0

04/06/2016

Edson Venancio

Fala brother, ih ai!?

Apesar de HTML ser a coisa mais banal do mundo, a maioria das pessoas desconhecem alguns conceitos básicos e se perdem na nomenclatura.

Já é lugar comum nas minhas respostas dizer que não existem receitas o que existem são as recomendações, melhores práticas e o uso massivo de vossas capacidade criativa. Então você é que define como irá usar as lista e outros controles.

Um uso muito comum que me esqueci de mencionar no post acima é na criação de Menus, pois acredito que hoje só se criam menus usando listas.

Se formos seguir o conceito de web semântica, preza pelo significado do conteúdo, as lista deveriam ser usadas para criarmos listas, como as tabelas para tabelar dados e não lay-out.

Sobre as listas de seleção o uso divide-se basicamente em duas vertentes:
--devem ser usadas estritamente para marcar termos e definições ou
--ser usadas para fazer corresponder entre si, quaisquer itens que tenham um relacionamento direto uns com os outros (apoiando-se nas especificações do W3C).

Um outro uso é marcar diálogos, por exemplo.

Mas tudo vai depender do cenário, então as vezes pode-se fugir das convenções em detrimento de um ganho no cenário aplicado.

Como destaquei algumas pessoas usam lista para criar lay-out de formulários, apesar de tags especificas para isto, o que geram discussões infindáveis.

Já inclusive alguns malucos ou visionários usarem para criar lay-out no lugar de DIV´s.

Lembre-se de que usando CSS você pode formatar as lista da forma que quiser.

[url:descricao=Veja este link pois é muito interessante]http://imasters.com.br/front-end/web-standards/8-elementos-html-que-voce-nao-esta-usando-e-deveria/?trace=1519021197&source=single[/url]


Tudo beleza, valeu pelo feedback. Tambem só monto menu , usando lista . bem mais pratico.
Responder

Gostei + 0

13/06/2016

Marcelo Pastore

Opa senhores, desculpe a ausência, mas agradecido pela grande ajuda.
Responder

Gostei + 0

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar