Elementos semánticos html
En contrario a esto, los elementos no semánticos presentan el contenido solo en lugar de definirlo. como y etiquetas. Teniendo en cuenta la importancia de los elementos semánticos HTML, hemos compilado esta guía que presenta la lista de elementos semánticos HTML y su uso.
Elementos semánticos html
Los siguientes son varios elementos semánticos HTML ampliamente utilizados
- : El contenido principal del documento HTML se describe utilizando esta etiqueta y se recomienda usar solo una vez en todo el documento.
- : Este elemento semántico muestra que el artículo se definirá usando esta etiqueta y se usará para escribir publicaciones de blog, artículos de noticias, etc
- : Agrega una nueva sección en su página que también puede contener varias otras etiquetas.
- : Este elemento define la parte del encabezado de su contenido y se puede usar para el encabezado de la sección, encabezado del artículo.
- : Como lo indica el nombre, se usa para agregar un pie de página a cualquier contenido de su página web.
- : Este elemento se usa para agregar detalles adicionales al contenido y el espectador puede ocultar/mostrar esos detalles según su necesidad.
- : Este elemento define el contenido que se describe en la etiqueta. Esto crea un encabezado y al hacer clic en ese encabezado, se puede ver el contenido de los detalles.
- : Como muestra el nombre, este elemento le permite agregar una imagen a su página web utilizando el elemento en línea .
- : Este elemento se practica para agregar un título a cualquier figura y se usa dentro del elemento.
De la información establecida anteriormente, habría obtenido la descripción preliminar de varios elementos semánticos HTML. En los próximos ejemplos, hemos proporcionado el uso de pocos elementos semánticos en varios escenarios.
Ejemplo 1: Usando y
Y son elementos semánticos HTML interconectados y el siguiente código se usa para representar su uso.
Linuxhint
Proporciona contenido para usuarios de Linux, usuarios de Windows, desarrolladores
En la etiqueta anterior, se declara un elemento en el que la etiqueta está incrustada.
Producción:
Todo el contenido está adjunto usando la etiqueta y la etiqueta se usa para definir un encabezado para ese contenido.
Ejemplo 2: usando y
Las siguientes líneas de código presenta el uso y elemento semántico.
Fig1: logotipo de Linuxhint
El código anterior se describe como,
- El elemento contiene y etiquetas
- se usa para vincular la figura colocada en nuestra computadora y es para la ley.
- La etiqueta establece el estilo fronterizo y el ancho del elemento.
Producción:
Ejemplo 3: Usando y
El siguiente código ejerce varias etiquetas en el elemento.
Primera sección
Segunda sección
El código anterior se describe como,
- Se define un artículo que usa la etiqueta que contiene dos secciones
- El borde de se establece en sólido y se establece el relleno de 4px
- Cada sección tiene un borde punteado y un margen de 2px.
Nota: Los estilos de borde, el margen y el relleno se usan solo para diferenciar el espacio activo de cada elemento.
Producción:
El área dentro del borde sólido está contenido por mientras que los bordes punteados muestran el espacio ocupado por cada elemento.
Ejemplo 4: Usando y
Los y generalmente se usan para definir el encabezado y el pie de página de una página o un elemento también pueden contenerlos. El siguiente código describe cómo se declaran el encabezado y el pie de página:
Encabezamiento
Este código representa el uso de encabezado y pie de página
Pie de página
El código se describe de la siguiente manera,
- un encabezado y un pie de página se definen usando y etiqueta
- Se declara un párrafo entre el encabezado y el pie de página
- El color de fondo y el estilo de borde del encabezado y el pie de página se definen en la etiqueta
Producción:
De los ejemplos mencionados anteriormente, habría entendido la funcionalidad de varios elementos semánticos.
Conclusión
Los elementos semánticos HTML sus seres contienen el propósito de su uso, como ,