Porque la se cierra ? Sino la cierro tambien se ve. Porque ?

Hola a todos, hoy me puse a discutir con la profesora de programacion, que no sabe. Solo baja art. de internet. y nos dio una fotocopia en la cual habia una lista ordenada y otra desordenada. Ninguna de las dos <li> estaba cerrada. A lo que yo dije que se tenian que cerrar, ella como mucho no sabe me salio con otro tema.

LLego a casa y paso la fotocopia a mi block de notas. y me doy cuenta que sin cerrar las etiquetas <li></li> el efecto se ve bien de todas formas.


POR QUE....... para que mierd.....hable.

Por que dicen que se deben cerrar las etiquetas li si no hace falta ????

Lo probe con IE6 y Mozilla y en los dos se ve

----------------------------------------------------------------------------------------------------------------------------

Trabajo que dio la profesora

<html>
<head>
<title>Listas varias</title>
</head>
<body>
<h1>Lista sin numerar</h1>
<h2>Ingredientes para la vida</h2>
<ul>
<li>Salud
<li>Alegría
<li>Trabajo
<li>Solidaridad
<li>Amistad
<li>Proyectos
<li>Recreación
<li>Espiritualidad</ul>
<br><br>
<hr color="#ff0000"> </hr>
<hr color="#00ff00"> </hr>
<hr color="#ff00ff"> </hr>
<br><br>
<h1>Lista numeraradas</h1>
<h2>Da prioridades</h2>
<ol>
<li>Trabaja
<li>Cuidad de tu persona y de los que te rodean
<li>Descansa para mantener tu energía y el buen ánimo
<ol>
<br><br>
<hr color="#ff0000"> </hr>
<hr color="#00ff00"> </hr>
<hr color="#ff00ff"> </hr>
<br><br>
<h1>Lista de definición,para armar glosarios, por ejemplo:</h1>
<h2>TAGS PARA LISTAS EN HTML</h2>
<dl>
<dt><b>UL</ul>
<dd>Es una etiqueta que abre una lista no ordenada (<i>unordered list</i>), simple enumeración
<dt><b>Li</b>
<dd>Es una etiqueta que se emplea para presentar los ítems de listas no ordenadas y de listas ordenadas (por numero).
<dt><b>OL</b>
<dd>Es una etiqueta que abre una lista ordenada (<i> orderd list</i>), para citar elementos con un numero de orden
<dt><b>DL</b>
<dd>Es una etiqueta que abre una lista de definición, como la que estamos planteando ahora.
<dt><b>DT</b>
<dd>Es una etiqueta que muestra el termino a definir.
<dt><b>DD</b>
<dd>Es la etiqueta de segundo nivel en la lista de definición, en donde figura la explicación o definicion de lo anunciado en DT
<dl>
<br><br>
<hr color="#ff0000"> </hr>
<hr color="#00ff00"> </hr>
<hr color="#ff00ff"> </hr>
<br><br>
<h1>ANIDAMIENTO DE LISTAS</h1>
<h2>Mezcla y más mezcla...</h2>
<ul>
<li>ALEGRÍA
<ul> <li>Esfuerzo
<li>Perseverancia
<li>Realización
<li>Gratificación
</ul>
</ul>
<h1></h1>
<h2></h2>
<img src="saber.gif" align="right" width=58 height=95>
</body>
<html>
Hola, las etiquetas, en general, pueden funcionar sin sus respectivos cierres, pero en algún momento puede que causen un error, aunque este puede que se presente solamente al utilizar lenguajes de programación (no de etiquetado como lo es HTML o XML - lenguajes de marcado).

Se podría decir que incluso esto es más que nada una convención (pero aún así existe el peligro de errores), como lo especifican las normas de la W3 Consortium (validador de sitios web). Ellos especifican cómo se deben declarar los elementos dentro de un documento HTML, XML, XHTML y CSS entre otros. No pasa nada si no se cumplen las normas de marcado, pero es una buena práctica respetarlas; además, puede que con el tiempo los navegadores muestren un error cuando las etiquetas no sean abiertas y cerradas correctamente.

Conclusión: hay ocasiones en la que cerrar las etiquetas es necesario (especialmente al trabajar con lenguajes de programación), pero muchas otras no lo es. También ten en cuenta que al comienzo de cada documento HTML se declara un <!DOCTYPE ...> el cual le dice al navegador que tipo de documento es el que debe interpretar y en base a ello pueden ocurrir errores (sobre todo con el tipo de documento estricto/strict). Entra a www.w3schools.com y revisa las distintas etiquetas HTML (tags), donde podrás ver que hay etiquetas obsoletas/no recomendadas y atributos que no son permitidos (o no se tomarán en cuenta) dependiendo de la declaración del DOCTYPE (strict, transitional y no recuerdo los demás tipos XD).

Si tu profesora vuelve a decirte que no es necesario cerrarlas, en parte tiene razón, pero no es una buena práctica, así que tú tienes un punto a favor. Sigue con las buenas prácticas :D.

Saludos.
Resumiendo, si no utilizas etiquetas de cierre donde deba haber los estilos de los <li> seran aplicados a divs, parrafos, titulos, etc.
asi es
al no cerrar el <li> y si este es un enlace
te tomará como enlace todo lo que esté despues de....

ya lo verás en la práctica subiendo tu web al servidor

yo por si o por no... etiqueta que abro, etiqueta que cierro a exepcion de las etiquetas de imágenes

saludos
skaparate escribió:Hola, las etiquetas, en general, pueden funcionar sin sus respectivos cierres, pero en algún momento puede que causen un error, aunque este puede que se presente solamente al utilizar lenguajes de programación (no de etiquetado como lo es HTML o XML - lenguajes de marcado).

Se podría decir que incluso esto es más que nada una convención (pero aún así existe el peligro de errores), como lo especifican las normas de la W3 Consortium (validador de sitios web). Ellos especifican cómo se deben declarar los elementos dentro de un documento HTML, XML, XHTML y CSS entre otros. No pasa nada si no se cumplen las normas de marcado, pero es una buena práctica respetarlas; además, puede que con el tiempo los navegadores muestren un error cuando las etiquetas no sean abiertas y cerradas correctamente.

Conclusión: hay ocasiones en la que cerrar las etiquetas es necesario (especialmente al trabajar con lenguajes de programación), pero muchas otras no lo es. También ten en cuenta que al comienzo de cada documento HTML se declara un <!DOCTYPE ...> el cual le dice al navegador que tipo de documento es el que debe interpretar y en base a ello pueden ocurrir errores (sobre todo con el tipo de documento estricto/strict). Entra a www.w3schools.com y revisa las distintas etiquetas HTML (tags), donde podrás ver que hay etiquetas obsoletas/no recomendadas y atributos que no son permitidos (o no se tomarán en cuenta) dependiendo de la declaración del DOCTYPE (strict, transitional y no recuerdo los demás tipos XD).

Si tu profesora vuelve a decirte que no es necesario cerrarlas, en parte tiene razón, pero no es una buena práctica, así que tú tienes un punto a favor. Sigue con las buenas prácticas :D.

Saludos.

Ok, agradezco mucho la respuesta.
Estos trabajos los tenemos que hacer con el block de notas, así que no cuenta <!DOCTYPE ...> . Por que recien esta enseñando <b></b> <i></i> <strong></strong> <hr/> y ahora empezo con la lista.

Gracias ;)
Yaneth escribió:asi es
al no cerrar el <li> y si este es un enlace
te tomará como enlace todo lo que esté despues de....

ya lo verás en la práctica subiendo tu web al servidor

yo por si o por no... etiqueta que abro, etiqueta que cierro a exepcion de las etiquetas de imágenes

saludos

No, yanet. Probe lo que decis vos. del enlace. Pero parece que no lo toma al enlace. Pero al <p> si que lo hace parte de la lista.

Aca te dejo la prueba:

---------------------------------------------------------------------------

<html>
<head>
<title>Listas varias</title>
</head>
<body>
<h1>Lista sin numerar</h1>
<h2>Ingredientes para la vida</h2>
<ul>
<li>Salud
<li>Alegría
<li>Trabajo
<li>Solidaridad
<li>Amistad
<li>Proyectos

<li>Recreación
<li>Espiritualidad</ul>
<br><br>
<hr color="#ff0000"> </hr>
<hr color="#00ff00"> </hr>
<hr color="#ff00ff"> </hr>
<br><br>
<h1>Lista numeraradas</h1>
<h2>Da prioridades</h2>
<ol>
<li>Trabaja

<li>Cuidad de tu persona y de los que te rodean
<li>Descansa para mantener tu energía y el buen ánimo
<ol>
<br><br>
<hr color="#ff0000"> </hr>
<hr color="#00ff00"> </hr>
<hr color="#ff00ff"> </hr>
<br><br>
<h1>Lista de definición,para armar glosarios, por ejemplo:</h1>
<h2>TAGS PARA LISTAS EN HTML</h2>
<dl>
<dt><b>UL</ul>

<dd>Es una etiqueta que abre una lista no ordenada (<i>unordered list</i>), simple enumeración
<dt><b>Li</b>
<dd>Es una etiqueta que se emplea para presentar los ítems de listas no ordenadas y de listas

ordenadas (por numero).
<dt><b>OL</b>
<dd>Es una etiqueta que abre una lista ordenada (<i> orderd list</i>), para citar elementos con

un numero de orden
<dt><b>DL</b>
<dd>Es una etiqueta que abre una lista de definición, como la que estamos planteando ahora.
<dt><b>DT</b>

<dd>Es una etiqueta que muestra el termino a definir.
<dt><b>DD</b>
<dd>Es la etiqueta de segundo nivel en la lista de definición, en donde figura la explicación o

definicion de lo anunciado en DT
<dl>
<br><br>
<hr color="#ff0000"> </hr>
<hr color="#00ff00"> </hr>
<hr color="#ff00ff"> </hr>
<br><br>
<h1>ANIDAMIENTO DE LISTAS</h1>
<h2>Mezcla y más mezcla...</h2>

<ul>
<li>ALEGRÍA
<ul> <li>Sonrisa
<li>Comprensión
<li>Paz
</ul>
<li>TRABAJO
<ul> <li type="circle" style="background-color:#6633FF">Esfuerzo
<p>Vamos Belgrano de Cba</p>
<li><a href="mailto:[correo eliminado]>Perseverancia</a>
<p> Yo soy de Boca Junior</p>
<li>Realización
<li>Gratificación
</ul>
</ul>
<h1>A SEGUIR INVESTIGANDO Y PROBANDO ! ! ! !</h1>
<h2>¿No les parece que ya trabaje mucho para ayudarlos?</h2>
<img src="saber.gif" align="right" width=58 height=95>
</body>
</html>
olukarak escribió:Resumiendo, si no utilizas etiquetas de cierre donde deba haber los estilos de los <li> seran aplicados a divs, parrafos, titulos, etc.

Hola Olukara, tenes razon. Al aplicar un parrafo lo toma. Muchas gracias. Estaba re mal ayer porque no sabia con que cara iba a hablar, pero sino la cierra, al parrafo lo toma con el efecto deseado en la lista. No se si son muchos los que ponen un parrafo dentro de una lista. Pero estoy seguro que para que el trabajo sea correcto se deben cerrar.

Muchas gracias

;)
Para eso están las etiquetas de cierre, para "decir" que ahí se acaba lo que has puesto.
Si no, como ya te dicen, todo lo que sigue después de la web será como parte de esa lista
Si, hay que cerrarla siempre o los resultados serán inesperados en función de cuál sea el navegador y la versión que usen los visitantes de tu web. El estandar dice que hay que cerrarlo y se supone que los navegadores tienden a respetar los estandares, por lo que cerrándola te puedes quedar más tranquilo.

Recomendado cerrar no solo esta, sino todas las etiquetas para las que existe etiqueta de cierre. En el curso de Html de comocreartuweb que actualicé hace poco queda explicado, entre otras cosas.

Un abrazo!
Aparte los buscadores como google reconocen los códigos e indexan en Internet bien tu pagina cuando esta estructurada como se debe, ose si todo esta en un li puede que google no te indexe ningún texto de búsqueda.
Excelentes respuestas las cuales agradezco muchisimo. Si bien yo cierro las etiquetas, como veran en mi web. Pero la profesora, que supuesta debería saber, me decia que no hacia falta.

Conclusión: no sabe una mierd..... Con decirte que cerraba los br de esta manera:

<br></br>

Jajaja.... es de terror
Sólo decirte que cambies de profesora por una que sepa por lo menos HTML xD
olukarak escribió:En donde encontraste a la profesora esa?

Es la profera del colegio. Es increibleeee.

De todas formas ella no queria enseñar HTML. Ahora me doy cuenta porque, pero no le quedaba otra que enseñar HTML por que ganamos por votación. Ella queria enseñar VisualBasic. Pero el programa de 3º año es HTML y el de 2º es visualbasic. Así que le dijimos que queriamos avanzar y votamos. 4 personas querian estudiar VisualBasic y 18 queriamos HTML.

Le arruinamos la vida a la profe :P

Lo peor para ella, es que hable con la directora para que evalue si esta mujer esta apta para dar clases de HTML y si no es así que tomen a alguien con conocimientos. Yo mas o menos se, pero para los que no saben, en vez de enseñarles los confunde, enseña mal.

Vamos a ver como sigue esta novela :P
Doodleo escribió:Sólo decirte que cambies de profesora por una que sepa por lo menos HTML xD

En eso estoy, espero que la evaluen y que me digan si esta apta o no

Abrazo ;)
Jaja pues despues me dices que le hicieron, que tengo ganas de ver que pasara!