Etiquetas DIV y CSS
9 seguidores
Alguien sabe exactamente para que son las etiquetas DIV? y cuales son las ventajas de crear una página solo con CSS o colocar las CSS dentro de una etiqueta div?
Muchas gracias
Alguien sabe exactamente para que son las etiquetas DIV? y cuales son las ventajas de crear una página solo con CSS o colocar las CSS dentro de una etiqueta div?
Muchas gracias
Seguro que tienes mucho que decir, te estamos esperando.
markshock
http://en.wikipedia.org/wiki/Span_and_div
doblem
Huuuy qué pregunta... Yo de momento te muevo el hilo a programación cliente ;)
Tatanka
Gracias por tu respuesta markshock, ya lo había leido, pero no me a aclarado mucho. Cuando se diseña con <em>tags</em>, veo claro el funcionamiento de las etiquetas div para poder editar, por ejemplo, un <h1>, sin que afecte al resto de la página. Pero eso mismo lo puedo hacer si diseño mediante <em>class</em>, y obtengo el mismo resultado, no? que alguien me corrija si me equivoco.
zigotica
creo que tienes un lio bastante importante.
sin animos de ofender, tendrias que buscar un buen libro sobre HTML y aprender la base, por aqui se han citado varios, usa el buscador.
markshock
Tatanka
Gracias por tu respuesta markshock, ya lo había leido, pero no me a aclarado mucho. Cuando se diseña con <em>tags</em>, veo claro el funcionamiento de las etiquetas div para poder editar, por ejemplo, un <h1>, sin que afecte al resto de la página. Pero eso mismo lo puedo hacer si diseño mediante <em>class</em>, y obtengo el mismo resultado, no? que alguien me corrija si me equivoco.
de nada, pero deberías de hacer caso al sabio consejo de zigotica ;)
Tatanka
Debió haberlo posteado justo despues de mi mensaje porque no lo había visto. Me imagino que este tema es bastante complicado para resumirlo en unas líneas, aún así gracias por vuestras respuestas.
zigotica
el tema no es complicado, yo creo que la clave está en que formules la pregunta de modo que se entienda algo. no se si hablas de cómo programar sin tablas o cómo usar los class, o ...
Tatanka
Hace tiempo que me interesé por el CSS, y ahora empiezo a realizar como funciona, pero no soy un experto. Yo personalmente diseño con tablas, diseñar css sin tablas no he llegado todavía, entonces, según mi experiencia, hay dos maneras de aplicar las CSS, una es directamente al <em>html</em>, mediante <em>tag</em> o <em>class</em>, y otra es igual, pero encerralo todo en las etiquetas div.
La pregunta era, cual es la ventaja de hacer el diseño solo con css o encerrarlo dentro de una etiqueta div, porque para el resultado final, ninguna aporta una diferencia con respecto a la otra. Es como el debate de si es mejor diseñar con o sin tablas, cuando al resultado final es lo mismo, quizá todo es cuestión del gusto del diseñador y no es una cuestión técnica.
P.D: perdonad si mi terminología no es la adecuada, pero espero que me entendáis.
txuma
No resulta muy fácil entender a qué te refieres. Como te ha dicho sergi, creo que estás un poco perdido.
De todos modos, entrelineas entiendo que preguntas las ventajas de la maquetación utilizando hojas de estilo (CSS) frente a la maquetación utilizando tablas (creo que la que tú utilizas ahora mismo).
La sensación que me da tu pregunta (cuando dices "el resultado final es el mismo), es que estás valorando sólamente el 'cómo queda visualmente', y hay muchos más elementos que debes tener en cuenta cuando realizas un diseño web. Te pego una lista sacada de un artículo de alzado.org que puede venirte muy bien:
<ul>
<li> Mejora la Accesibilidad
</li>
<li> Reducción del ancho de banda
</li>
<li> Menor tiempo de carga
</li>
<li> Optimización para buscadores
</li>
<li> Independencia del dispositivo
</li>
<li> Facilita el mantenimiento </li>(rediseño)
<li> Entrega el control al usuario
</li>
<li> Garantiza el futuro de la aplicación
</li>
<li> Más fácil de gestionar
</li>
</ul>
Además, te invito a que hagas mirés los resultados de esta simple búsqueda en google. Encontrarás montones de artículos hablando de lo mismo.
KRLvisual
Esa técnica que dices de encerrar elementos en un div para aplicarles un estilo, no existe. El estilo se puede aplicar directamente sobre cualquier etiqueta HTML, por lo que no hace falta encerrar nada en un div para darle estilo.
El div se utiliza como contenedor de objetos de tipo block y/o de tipo inline, y debe contenerlos porque esos objetos tengan alguna relación entre ellos, no para darles estilo. Por ejemplo un div "ficha" podría contener un objeto <img_> y varios <p>
txuma
Por cierto, lo que me indica que estás un poco perdido es tu insistencia con el tema del 'DIV'. Por eso deberías seguir la recomendación que te ha hecho sergi, y antes de preocuparte por el tema de dar formato y diseño a un documento (que es lo que hace CSS) deberías mirarte bien lo que respecta a HTML.
Chico canijo pa llorar
Aqui hay una conferencia que dio Orange hace unos años que t e hara entenderlo todo mejor CLICK
(hablo por experiencia :D)
chao
hartum
Tatanka, aunque todo esto que te estamos diciendo suena a "Evangelizador" (en realidad un poco si lo es), se resume en que refuerces un poco tus conocimientos basicos y entiendas la "maquetación" web con otra filosofía.
Cada etiqueta HTML tiene un significado y se utiliza para una cosa, no es lo mismo un H1, que un H3, no es lo mismo poner texto dentro de una etiqueta SPAN que dentro de una etiqueta P.
A utilizar cada etiqueta para lo que corresponde se le llama, hacer una web "sintacticamente correcta", y aunque los navegadores te interprete un código HTML escrito "de cualquier manera", no significa que este bien hecho.
La parte practica de este asunto o ventajas (Ademas de que hacer las cosas bien suele ser lo adecuado), son por ejemplo estas(solo te pongo algunas):
- El código se hace mas facil de leer en el futuro, tanto para ti como para terceras personas en caso de que tengan que trabajar con tu código.
- Puedes separar la presentación del contenido, y cambiar el aspecto de la pagina sin tener que tocar ni una linea el HTML(ejem:CSS Zen Garden)
- Ahorras en ancho de banda consumido, ya que la presentación se carga una sola vez y queda en cache, esto se traduce directamente en dinero, ya que si te pasas de ancho de banda, el servidor te cobra de mas
- Los robots de Google que se encargan de posicionar las paginas y que no leen, bordes de colores, botones degradados, y demas aspectos visuales, te daran mayor puntuacion si al llegar a tu sitio encuentran contenido y encima este contenido esta bien presentado (sintacticamente correcto)
y esto es arañar solo la superficie, tb te he de decir que en la practica esto es muy dificil de cumplir a rajatabla, pero cuanto mas te aproximes, muuucho mejor para ti y para tu cliente y para tus visitantes. ;-)
zigotica
HARTUM
A utilizar cada etiqueta para lo que corresponde se le llama, hacer una web "sintacticamente correcta"
<em>semánticamente</em>
orange
Chico canijo pa llorar
Aqui hay una conferencia que dio Orange hace unos años que t e hara entenderlo todo mejor CLICK
(hablo por experiencia :D)
chao
Qué recuerdos...
Tatanka
Bueno por ahora agradeceros una vez mas vuestras respuestas y gracias por la ¡nformación que me habéis pasado, tengo mucho que leer.
Personalmente soy un devoto del resultado final, y mas cuando a programación se refiere, porque funciono de una manera visual, quizá por eso no me queda claro, se un poco de html, y he diseñado páginas, y el css tiene muchas ventajas de las cuales me gustaría aprovechar.
Lo que he aprendido ahora es ha realizar los diseños con tablas y aplicar CSS al contenido de esas tablas, en algunas ocasiones, uso etiquetas div, para posicionar algunos elementos, por ejemplo una capa, o para encerrar el contenido entero de una tabla y así poder cambiar una etiqueta h1 sin que me cambie todas la etiquetas h1 en todo el documento.
¿qué hay de malo en eso?. ¿en que estoy pecando, o que me estoy perdiendo? Sinceramente pensé que iva a se rmas sencillo.
zigotica
uf, de verdad, no te ofendas pero leete un buen libro, en serio.
Tatanka
jajajaja, no me ofendo, por eso vengo aquí para buscar un poco de aclaración, e intentar cambiar lo que está mal,o he comprendido mal, y cinseramente ayudais mucho.