Tecnología

Inicio

Cuándo utilizar una etiqueta DIV

Cuándo utilizar una etiqueta DIV


Divs son una de las etiquetas más útiles en HTML actual, esencial en el diseño web moderno para crear un sitio web atractivo y funcional. Debido a que son tan útiles en muchos aspectos, la cuestión podría no ser cuándo usar una etiqueta div, pero cuando no lo haga.

Div frente las tablas

En los primeros días de Internet, mesas eran los únicos diseñadores de páginas web tenían opción para organizar el contenido. La introducción de etiquetas div hizo tablas casi obsoleto, a excepción de codificación de cosas tales como tablas con varias filas y columnas. Tablas tardan más en cargarse y, a veces son confusos de usar. Div también ofrecen nuevas opciones de diseño, permitiendo a los desarrolladores tener un control total sobre la apariencia de sus sitios web.

Utilizar para separar

Separar el contenido dentro de una página es una de las funciones más importantes de una etiqueta div. De hecho, Div sí mismo es la abreviatura de división. La colocación de cada sección de una página web en su propia etiqueta div con nombre es la forma más fácil de organizar el contenido y mantener los elementos que se ejecute una en la otra. Por ejemplo, es posible poner la cabecera dentro de una etiqueta div con el atributo "id = cabecera" para mantenerlo separado del resto de la página Web en el archivo de origen. Esto hace que la edición más fácil ya que no tendrá que buscar a través de todo el código de una página para encontrar una determinada sección.

El uso para Posicionamiento

Cuando llega la hora de posicionar los elementos de la página, etiquetas div son cruciales. Hay tres formas de uso común para organizar sus elementos: absolutas, relativas y fijos. El atributo absoluta posiciona el div a los píxeles exactos que defina. Por ejemplo, <div style = "position: absolute; left: 100px; top: 50px"> posicionaría el contenido dentro de este div 100 píxeles desde la parte izquierda de la ventana del navegador y 50 píxeles desde la parte superior. El atributo relativa posiciona el contenido de acuerdo con la posición de la div padre (el div que está dentro de). El atributo fijo posiciona el contexto de acuerdo con la esquina superior izquierda de la pantalla. El contenido permanece fija en la pantalla, incluso si se desplaza hacia abajo en la página Web y el resto de los contenidos se mueve.

Utilizar para diseño

El diseño y el estilo de su sitio web es más fácil por la orientación divs cuando se está trabajando con CSS. El código CSS se encuentra normalmente en un archivo independiente que llama desde su página Web HTML con la siguiente etiqueta: <link href = rel = tipo "stylesheet.css" "estilo" = "text / css">. Cuando cambia los estilos en el documento CSS, los cambios se reflejarán automáticamente en cualquier documento que la llama. Un div llamado "contacto" en una página y una llamada "enlaces" en la otra se puede personalizar sin necesidad de editar cada sección en cada página.