DIV y SPAN

Anonim

y Son etiquetas HTML que definen elementos en código HTML.

HTML (Hypertext Markup Language) es un código estructurado que se utiliza para crear y mostrar las páginas web que visitamos en línea, todos los días, en cualquier dispositivo.

Otras tecnologías y lenguajes de programación se pueden integrar con HTML para proporcionar características dinámicas y avanzadas en un sitio web.

Entendiendo HTML

Lenguaje de marcado de hipertexto (HTML) es un lenguaje de marcado ampliamente utilizado y se refiere a la estructura y el código "detrás" de una página web, que se muestra en un navegador web.

HTML es un archivo de texto que utiliza un código específico (sintaxis) para definir el estilo, contenido, diseño y formato de una página. los Margen término indica que el texto / código se está preparando para su procesamiento y presentación, es decir, en una página web, en un navegador web.

El World Wide Web Consortium (W3C) [i] reconoce HTML como un lenguaje de marcado formal en el desarrollo de páginas web y, por lo tanto, la mayoría de los navegadores lo admiten. Por lo tanto, las páginas web pueden desarrollarse en un idioma reconocido, fácilmente interpretado por diferentes navegadores para representar la página según lo previsto por el diseñador.

La versión actual que aún se usa es HTML4, pero se está eliminando gradualmente a medida que HTML5 obtiene más soporte y adopción para páginas web dinámicas y receptivas.

La capacidad de respuesta se está convirtiendo en un componente fundamental en el desarrollo web para proporcionar una experiencia de usuario más dinámica y sencilla, que debe adaptarse a múltiples dispositivos como teléfonos inteligentes, tabletas y computadoras portátiles.

Hojas de estilo en cascada (CSS) se está convirtiendo en una parte integral para crear páginas dinámicas y receptivas. Es un archivo separado que define atributos para cada elemento como fuente, color, alineación, por lo que el desarrollador no tiene que indicar el estilo del elemento cada vez que se utiliza en el código HTML.

Estructura básica de HTML

Para aprovechar al máximo cualquier lenguaje de desarrollo, adherirse a la estructura de archivos estándar y considerar el mejor uso de la sintaxis es clave para ofrecer contenido web estable, útil y visualmente atractivo.

Una página HTML tiene una estructura definida por elementos (también denominados etiquetas). Al escribir el código HTML, estos elementos se muestran en pares, es decir, cada etiqueta necesita una apertura y un cierre. Un comienzo y un final.

Se abre un elemento con la sintaxis: y cerrado con . los / línea inclinada indica el final de la definición de ese elemento.

Los atributos y contenido del elemento se definen entre esos dos puntos.

los elementos minimos requerido para un archivo HTML son los definición, , (HTML4 solamente), y etiquetas

  • Definición de DOCTYPE

los La definición (DTD) debe declararse primero como la primera etiqueta en un archivo HTML, de modo que cuando la página se procesa, el navegador web sabe qué tipo de archivo es y, por lo tanto, puede interpretar y mostrar la página correctamente.

En HTML4, hay variaciones de la DTD (dependiendo de los atributos y elementos de la página) pero las declaraciones más típicas se incluirían como:

DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>

o

DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/strict.dtd”>

El DTD en HTML5 es mucho más simple:

DOCTYPE HTML>

· HTML, CABEZA, y CUERPO

  • los la etiqueta indica que es un archivo HTML y esta es la raíz del elemento HTML que contiene todos los demás elementos subsiguientes definidos dentro de él; e incluir un atributo de idioma se recomienda como mejor práctica; por ejemplo:

DOCTYPE html>

  • los Se requiere en HTML4, pero no es obligatorio en HTML5. Es un elemento que contiene otros elementos relevantes para esta parte del documento, como el título, los scripts de referencia, los estilos de definición y los metadatos. La etiqueta cerrada debe ser utilizada antes de definir el
  • los El elemento contiene el contenido principal de la página, incluidas tablas, imágenes, texto, listas, etc. Después de la etiqueta está cerrada, el
El elemento ahora puede terminar. Usando el nuevo HTML5
El elemento es opcional para la página o en otra parte del contenido.

Elementos HTML

HTML5 ha producido nuevos elementos para facilitar el desarrollo y el diseño, y también ha eliminado los elementos utilizados en HTML4. La lista de diferencias entre HTML4 y HTML5 es publicada por el World Wide Web Consortium (W3C) [ii].

HTML DIV TAG

Junto con las mejoras y los nuevos elementos, combinados con los avances de CSS, ciertos elementos se pueden usar de diferentes maneras, mejores que antes, y las páginas web se están volviendo más rápidas, más ricas en características y hermosas. con CSS, usado con HTML5 puede reemplazar ciertos elementos que fueron usados ​​excesivamente, como

.

los

La etiqueta es popular al segregar contenido en una página. Al crear este elemento, inserta automáticamente una ruptura.

para mantener el texto o el contenido juntos, en lugar de continuar el texto en la página.

Con la accesibilidad del sitio web y la optimización del motor de búsqueda, las técnicas se están convirtiendo en una ciencia y las recomendaciones de WC3 no siempre vuelven a usar

en HTML5.

Como ejemplo de un formato de blog bien estructurado, pero simple, considere los nuevos elementos HTML5 con CSS en lugar de usar el

elemento; utilizar el elemento para el contenido principal, el
para resaltar o separar el contenido de la página, el encabezado o el pie de página (¡en cualquier lugar!) y el