Diferencia entre DIV y SPAN

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, el contenido, el diseño y el formato de una página. los Margen el 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 el 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 usa en el código HTML..

Estructura básica de HTML

Para aprovechar al máximo cualquier lenguaje de desarrollo, seguir la estructura estándar de archivos 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..

Un elemento se abre 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 los requisitos para un archivo HTML son la definición, (solo HTML4) y las etiquetas.

• Definición de DOCTYPE

La Definición (DTD) primero debe declararse 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:

o

El DTD en HTML5 es mucho más simple:

· HTML, CABEZA, y CUERPO

• 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 en ella; e incluir un atributo de idioma se recomienda como mejor práctica; por ejemplo:

• 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 usarse antes de definir la 
• El elemento contiene el contenido principal de la página, incluidas tablas, imágenes de texto, listas, etc. Una vez que se haya cerrado la etiqueta, el elemento ya puede finalizar. El uso del nuevo elemento HTML5 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 .

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 del WC3 no siempre vuelven a utilizarlas 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; use el elemento para el contenido principal, el elemento para resaltar o separar cualquier contenido en la página, encabezado o pie de página (¡en cualquier lugar!) y el elemento se puede usar para mantener un menú o grupos de enlaces para navegar desde la página.

Estos nuevos elementos identifican fácilmente el tipo de contenido utilizando HTML5. Sin embargo, la etiqueta también se usa con CSS para crear sitios web receptivos.

Al crear cada elemento (con su propia identificación o clase), el archivo CSS se puede definir para manipular cada elemento.

El siguiente ejemplo de HTML muestra un ejemplo del uso de múltiples elementos:

Mis ejemplos

Los elementos pueden tener diferentes atributos, específicamente diferentes tamaños para una interacción receptiva dependiendo del tamaño de la pantalla del dispositivo que se está utilizando.

Aquí hay un ejemplo de cómo cada elemento puede ser estilizado en el archivo CSS correspondiente de HTML - haciendo referencia a cada etiqueta.

# Header

ancho: 800px;

altura: auto

margen izquierdo: auto;

margen izquierdo: auto;

#Featured

altura: 150px;

Color de fondo: #CCC;

Etiqueta del lenguaje HTML

El elemento es un elemento en línea y no se divide en líneas a menos que la ruptura
la etiqueta se utiliza y el texto definido (contenido) entre las etiquetas de apertura y cierre se muestra como una línea (de forma predeterminada sin utilizar otros elementos).

Los elementos en línea son elementos de texto en el archivo HTML y se pueden definir dentro de la línea de otro elemento.

Al igual que, el elemento no tiene sentido para una referencia óptima. Básicamente, muestra el contenido del elemento tal como está, pero todas las instancias se pueden definir en CSS para el estilo si se etiquetan correctamente y se enriquecen con otros atributos, o se manipulan con JavaScript.

En el ejemplo a continuación, el texto azul resalta cómo se puede anidar el elemento span como un elemento en línea con atributos diferentes a su elemento principal: el párrafo p>:

Para abrir el ejemplo, haga clic en el icono en la parte inferior de la página..

Cuando se ve en un navegador web, el texto en el elemento anterior se mostrará en una fuente diferente al párrafo para enfatizar dónde debe hacer clic el usuario para acceder al ejemplo.

Tenga en cuenta que no hay diferencias entre HTML4 y HTML5.