{"id":3162,"date":"2016-03-18T14:43:46","date_gmt":"2016-03-18T14:43:46","guid":{"rendered":"https:\/\/www.blog.facilcloud.com\/noticias\/?p=3162"},"modified":"2016-07-26T15:48:31","modified_gmt":"2016-07-26T15:48:31","slug":"elemento-div-cuando-usarlo","status":"publish","type":"post","link":"https:\/\/www.blog.facilcloud.com\/noticias\/elemento-div-cuando-usarlo\/","title":{"rendered":"Elemento div: \u00bfcu\u00e1ndo usarlo?"},"content":{"rendered":"

\"codigo<\/p>\n

La etiqueta <div> se utiliza para definir una secci\u00f3n dentro del documento; com\u00fanmente se emplea para agrupar un bloque de elementos, para posteriormente, a\u00f1adirle un estilo determinado, e incluso para realizar operaciones sobre ese bloque espec\u00edfico.<\/p>\n

La nube el\u00e1stica<\/a><\/span> de Facilcloud<\/span> <\/a>permite usar el elemento div en HTML, para practicidad y comodidad de sus usuarios.<\/p>\n

El uso de la etiqueta div es muy sencillo, como se mencion\u00f3 anteriormente, se emplea para crear un bloque, que har\u00e1 las veces de \u00edndice de contenidos. Visualmente la etiqueta no provoca ning\u00fan cambio; pero en la estructura interna del documento, se aplica una divisi\u00f3n muy importante. El c\u00f3digo HTML reconoce el elemento <div>; de hecho, es uno de los elementos m\u00e1s usados en HTML, pero en ocasiones, muchos se exceden en su utilizaci\u00f3n.<\/p>\n

\"reseller<\/p>\n

\"html\"<\/a><\/p>\n

Asimismo, es un elemento de construcci\u00f3n; al ser un elemento de bloque, <\/strong>sirve para separar secciones l\u00f3gicas en una p\u00e1gina web. Ejemplo de esto es que, si se tiene una p\u00e1gina que explica sistemas operativos, con dos secciones: IOS y Android, y en cada secci\u00f3n se describen sus caracter\u00edsticas; el elemento div es un contenedor gen\u00e9rico sin un significado sem\u00e1ntico en particular. Se utiliza com\u00fanmente en el desarrollo de documentos con prop\u00f3sitos estil\u00edsticos, en conjunto con los atributos style y class; y tambi\u00e9n puede resultar \u00fatil para proveer atributos comunes a los elementos contenidos en \u00e9l.<\/p>\n

La forma de usar esta etiqueta es, coloc\u00e1ndola de apertura antes de donde empieza el grupo; indicando el nombre dentro de esa etiqueta, y colocar luego la etiqueta de cierre, al final del grupo. Resulta bastante sencillo; un ejemple, para agrupar dos p\u00e1rrafos, ser\u00eda de la siguiente manera:<\/p>\n

\"elemento<\/a><\/p>\n

Asimismo, se usa la etiqueta Html <div>, cuando se quiere dar un nombre o identificador a elementos enteros, como un p\u00e1rrafo completo, o m\u00e1s habitualmente, a un grupo de elementos: p\u00e1rrafos, im\u00e1genes, un bloque formado por varios p\u00e1rrafos e im\u00e1genes, o incluso la p\u00e1gina completa. De esta manera se puede aportarle estilos definidos en la hoja de estilos, a todos los elementos de ese grupo.<\/p>\n

Errores m\u00e1s comunes en el uso del elemento div y c\u00f3mo evitarlos<\/strong><\/p>\n

\"div<\/p>\n

El problema m\u00e1s recurrente, cosiste en que la mayor\u00eda de dise\u00f1os abusan del elemento <div>; y no se hace referencia a cualquier dise\u00f1o, sino a algunos de sitios muy<\/em> visitados. Es importante destacar que no hay necesidad de poner el c\u00f3digo fuente; es mucho m\u00e1s f\u00e1cil verlo con un gr\u00e1fico.<\/p>\n

Efectivamente, cada post es un div, uno debajo de otro; lo bueno es que obviamente, cada post est\u00e1 separado, no obstante, hay una forma mucho mejor escribir ese HTML.<\/p>\n

Muchos desarrolladores consideran que construir un buen HTML o XHTML, es como jugar Lego, el secreto radica en usar las piezas correctas para armar lo que se desea.<\/p>\n

No debe abusarse del elemento <div>; es prudente usarlos s\u00f3lo para marcar secciones l\u00f3gicas en las p\u00e1ginas, con la finalidad de hacerlas m\u00e1s claras y poder darles estilos espec\u00edficos usado CSS; agregar <div> sin ninguna raz\u00f3n, s\u00f3lo har\u00e1 el c\u00f3digo mucho m\u00e1s complicado y no la aportar\u00e1 ning\u00fan beneficio.<\/p>\n

\"Alida<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

La etiqueta <div> se utiliza para definir una secci\u00f3n dentro del documento; com\u00fanmente se emplea para agrupar un bloque de elementos, para posteriormente, a\u00f1adirle un estilo determinado, e incluso para realizar operaciones sobre ese bloque espec\u00edfico. La nube el\u00e1stica de Facilcloud permite usar el elemento div en HTML, para practicidad y comodidad de sus usuarios. […]<\/p>\n","protected":false},"author":2,"featured_media":3169,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[285],"tags":[335,733,173,122,100,263],"class_list":["post-3162","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programadores","tag-america","tag-developers","tag-facilcloud","tag-html","tag-programadores","tag-web"],"_links":{"self":[{"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/posts\/3162","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/comments?post=3162"}],"version-history":[{"count":0,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/posts\/3162\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/media\/3169"}],"wp:attachment":[{"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/media?parent=3162"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/categories?post=3162"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/tags?post=3162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}