Es fundamental que las empresas que contratan servicios de paginas web y desarrolladores web estén familiarizados con un amplio vocabulario de términos y conceptos relacionados con el mundo de las páginas web. Por lo tanto, se proporciona a continuación un glosario de términos web esenciales que es importante que todo profesional tenga conocimiento sobre ellos.
Términos HTML glosario
HTML (Hypertext Markup Language) es el lenguaje de marcado estándar para la creación de páginas web. A continuación se presentan algunos términos comunes utilizados en el ámbito de HTML:
Elemento
En el lenguaje HTML, un elemento se refiere a una etiqueta y su contenido, que se utilizan para definir diferentes tipos de contenido en una página web. Cada elemento tiene una etiqueta de apertura y cierre, y su contenido se encuentra dentro de ellas. Por ejemplo, la etiqueta <p> se utiliza para definir un párrafo de texto, y su contenido se encuentra entre la etiqueta de apertura <p> y la etiqueta de cierre </p>. Los elementos también pueden tener atributos que proporcionan información adicional sobre el contenido, como la clase, el ID, la fuente de la imagen, entre otros.
Etiqueta
una etiqueta es un elemento de código que se utiliza para definir diferentes tipos de contenido en una página web. Las etiquetas están compuestas por un nombre que se encuentra entre los símbolos < y >. Por ejemplo, la etiqueta <p> se utiliza para definir un párrafo de texto y su contenido se encuentra entre la etiqueta de apertura <p> y la etiqueta de cierre </p>. Algunas etiquetas también pueden tener atributos que proporcionan información adicional sobre el contenido, como la clase, el ID, la fuente de la imagen, entre otros. Las etiquetas son la base de la estructura de una página web y se utilizan para definir el contenido, la estructura y el diseño de la página web.
Atributo
Un atributo en el contexto de la programación web se refiere a un valor que se le asigna a un elemento HTML para definir su comportamiento, apariencia y funcionalidad en una página web. Cada etiqueta HTML puede tener uno o más atributos, los cuales se especifican dentro de la etiqueta mediante pares de nombre/valor separados por un signo igual (=). Por ejemplo, el atributo «href» se utiliza en la etiqueta <a> para especificar la URL a la que debe dirigir el enlace. Otros ejemplos de atributos comunes incluyen «src» para especificar la fuente de una imagen o archivo de audio, «class» para asignar una clase CSS al elemento y «id» para identificar un elemento de forma única en el documento HTML.
Etiqueta de apertura
Una etiqueta de apertura es una estructura de marca que se utiliza en lenguajes de marcado como HTML o XML para indicar el inicio de un elemento. Se compone de la marca (nombre del elemento) y cero o más atributos que proporcionan información adicional sobre el elemento. En HTML, las etiquetas de apertura se indican mediante el símbolo «<» seguido del nombre del elemento, seguido de los atributos, si los hay, y se cierran con un «>».
Por ejemplo, la etiqueta de apertura para un párrafo en HTML sería <p>, y para un enlace sería <a href=»https://ejemplo.com»>. La etiqueta de apertura indica al navegador web qué tipo de elemento se va a mostrar y cómo se debe procesar y presentar al usuario final.
Etiqueta de cierre
La etiqueta de cierre, también conocida como etiqueta de finalización, es una parte de la sintaxis de las etiquetas HTML que se utiliza para indicar el final de un elemento. Se escribe con un carácter diagonal (/) después del nombre del elemento dentro de corchetes angulares (< >). Por ejemplo, la etiqueta de cierre para un párrafo sería </p>. Es importante que todas las etiquetas de apertura tengan su correspondiente etiqueta de cierre para que el código HTML sea válido y se muestre correctamente en el navegador web.
Elemento vacío
Un elemento vacío es una etiqueta que no contiene ningún contenido entre su etiqueta de apertura y cierre. Por lo general, estos elementos se utilizan para agregar algo a una página que no requiere contenido adicional, como una línea horizontal o una imagen. Algunos ejemplos de elementos vacíos en HTML incluyen la etiqueta br, que se utiliza para agregar un salto de línea, y la etiqueta img, que se utiliza para mostrar imágenes.
Atributo global
Un atributo global es un tipo de atributo que se puede utilizar en cualquier elemento HTML y que tiene el mismo significado y comportamiento en todos ellos. Estos atributos proporcionan información adicional o configuración para los elementos, como el identificador de un elemento, la clase a la que pertenece o el idioma en el que está escrito el contenido del elemento.
Algunos ejemplos de atributos globales comunes incluyen «id», «class», «style», «lang» y «title». Estos atributos se pueden utilizar en cualquier elemento HTML, ya sea que se trate de un elemento de texto como «p» o un elemento de imagen como «img». Los atributos globales son útiles para proporcionar información adicional sobre el contenido y estructura de una página web, lo que puede ayudar a mejorar la accesibilidad, la usabilidad y el SEO del sitio.
Elemento anidado
Un elemento anidado en HTML es aquel que se encuentra dentro de otro elemento. Es decir, se trata de un elemento hijo que está contenido dentro de un elemento padre. Por ejemplo, la etiqueta <p> puede contener una etiqueta <strong> para resaltar una parte del texto:
<p>Este es un <strong>texto resaltado</strong> dentro de un párrafo.</p>
En este caso, la etiqueta <strong> está anidada dentro de la etiqueta <p>, lo que significa que está contenida dentro del elemento padre.
Es común utilizar elementos anidados en HTML para estructurar y organizar la información de una página web.
Elemento de bloque
Un elemento de bloque en HTML es aquel que se renderiza como un bloque sólido, que ocupa todo el ancho disponible en su contenedor y desplaza cualquier otro elemento a su lado hacia abajo. Los elementos de bloque tienen un ancho por defecto del 100% del contenedor que los contiene, aunque se puede especificar un ancho diferente mediante CSS.
Ejemplos comunes de elementos de bloque en HTML son los encabezados (<h1>–<h6>), los párrafos (<p>), las listas (<ul>, <ol>) y los contenedores de secciones (<div>, <section>, <article>, entre otros). Los elementos de bloque pueden contener tanto elementos de bloque como elementos en línea (<span>, <a>, <img>, etc.).
En resumen, los elementos de bloque son importantes para la estructura y organización de una página web, y su correcto uso permite crear diseños flexibles y responsivos que se adaptan a diferentes dispositivos y tamaños de pantalla.
Elemento en línea
<a>, <span>, <img> y <input>. Los elementos en línea se pueden anidar dentro de elementos de bloque, pero no pueden contener elementos de bloque directamente.Metadatos
Los metadatos son información adicional que se utiliza para describir, etiquetar o categorizar una pieza de información. En el contexto de la web, los metadatos se utilizan para proporcionar información sobre una página web a los motores de búsqueda y a otros programas que la procesan, como los sistemas de análisis y las redes sociales. Los metadatos pueden incluir información como el título de la página, la descripción, las palabras clave, el autor, la fecha de creación, la ubicación geográfica, el idioma, entre otros. Los metadatos se pueden agregar a una página web utilizando etiquetas específicas en el código HTML o mediante otros medios.
Atributo alt
El atributo «alt» se utiliza en las etiquetas de imagen (img) en HTML para proporcionar una descripción de la imagen que se está mostrando. Si por alguna razón la imagen no puede ser cargada, el valor del atributo «alt» será mostrado en su lugar, permitiendo al usuario tener una idea de lo que se pretendía mostrar. Además, este atributo es importante para la accesibilidad web, ya que los lectores de pantalla utilizan la descripción alternativa para proporcionar una comprensión auditiva de la imagen a las personas con discapacidades visuales.
Elemento de lista
Un elemento de lista es un elemento HTML que se utiliza para crear una lista. Hay dos tipos principales de listas en HTML: listas ordenadas (ol) y listas no ordenadas (ul). Los elementos de la lista se definen mediante etiquetas de lista (li) y se pueden anidar para crear listas jerárquicas o anidadas. Por ejemplo, una lista de compras podría tener una lista anidada para los elementos de frutas y otra lista anidada para los elementos de verduras.
Atributo href
El atributo «href» se utiliza en las etiquetas de enlace para especificar la URL de destino a la que se debe dirigir el enlace cuando se hace clic en él. Este atributo es esencial para la construcción de enlaces en HTML y es uno de los atributos más comúnmente utilizados en la web. Al especificar el valor del atributo «href», se puede hacer que un enlace apunte a una página web, una imagen, un archivo de descarga o cualquier otro recurso que esté disponible en línea.
Elemento de enlace
Un elemento de enlace en HTML es un elemento que se utiliza para crear un enlace entre dos páginas web o entre diferentes partes de una misma página web. Se define mediante la etiqueta <a> y su atributo href, que especifica la dirección URL del recurso al que se desea enlazar. El contenido dentro de la etiqueta de apertura y cierre del elemento de enlace se convierte en el texto que aparece en el enlace y que el usuario puede hacer clic para acceder al recurso vinculado. Además del atributo href, el elemento de enlace también admite otros atributos, como target, que controla cómo se abre el recurso vinculado (en una nueva ventana del navegador, en la misma ventana, etc.).
Atributo target
El atributo target se utiliza en la etiqueta de enlace <a> y especifica el destino del enlace. Es decir, define en qué ventana o pestaña se abrirá el enlace cuando el usuario haga clic en él.
El valor del atributo target puede ser:
- _self: Abre el enlace en la misma ventana/página en la que se encuentra el enlace.
- _blank: Abre el enlace en una nueva ventana o pestaña del navegador.
- _parent: Abre el enlace en la ventana/página padre del marco actual.
- _top: Abre el enlace en la ventana/página principal (fuera de cualquier marco).
Es importante utilizar correctamente este atributo para proporcionar una experiencia de navegación adecuada a los usuarios y evitar problemas de usabilidad.
Atributo rel
El atributo rel se utiliza en HTML para indicar la relación que existe entre el recurso actual y el recurso enlazado. Es un atributo de la etiqueta <a> (enlace) que se usa para especificar la relación entre la página actual y la página a la que se está vinculando. También se utiliza en otros elementos como las etiquetas <link> y <area>. El valor del atributo rel puede ser uno de varios valores predefinidos, como «stylesheet» para especificar que el enlace se refiere a una hoja de estilo CSS, o «nofollow» para indicar a los motores de búsqueda que no deben seguir el enlace.
Elemento de encabezado
Un elemento de encabezado en HTML es utilizado para definir encabezados o títulos en una página web. Los elementos de encabezado se utilizan para estructurar y organizar el contenido de una página web, lo que ayuda a los motores de búsqueda a entender mejor el contenido de la página. En HTML, hay seis niveles de encabezados que van desde h1 (más grande) hasta h6 (más pequeño). La elección del nivel de encabezado adecuado depende de la importancia relativa del texto.
Atributo class
El atributo «class» se utiliza en HTML y CSS para asignar una o varias clases a un elemento HTML. Las clases se utilizan para aplicar estilos y dar formato a los elementos de la página web mediante reglas CSS. Además, permiten agrupar elementos que tengan propiedades comunes para aplicarles estilos en conjunto de forma más eficiente. El valor del atributo «class» debe ser un nombre o lista de nombres separados por espacios.