Etiquetas básicas de Diseño de HTML5
Etiquetas básicas de Diseño de HTML5.
HTML5 es un estándar que sirve como referencia del software
que conecta con la elaboración de páginas web en sus diferentes versiones,
define una estructura básica y un código (denominado HTML) para la definición
de contenido de una página web, como texto, imágenes, vídeos, juegos, entre otros.
HTML5 es la última versión de la tecnología HTML, cuyas
siglas corresponden a “HyperText Markup
Language”, que tiene el siguiente significado:
HyperText, cuyo
significado es hipertexto, que no es más que un texto que enlaza con otros
contenidos, que pueden ser otro texto u otro archivo. Esto es la base del
funcionamiento de la web tal y como la conocemos, que no es más que páginas y
recursos interconectados.
Markup, que
significa marca o etiqueta, ya que todas las páginas web están construidas en
base a etiquetas, desde las primeras versiones hasta las últimas etiquetas de
HTML5. Un ejemplo de una etiqueta HTML es la que identifica a un párrafo, que
se compone de la etiqueta, el contenido de la etiqueta y el cierre del párrafo:
<p>HOLA</p>.
Languaje, cuyo
significado es lenguaje, porque HTML es un lenguaje, es decir, tiene sus
normas, tiene su estructura y una serie de convenciones que nos sirven para
definir tanto la estructura como el contenido de una web.
Etiquetas básicas:
Elemento raíz:
Define que el
documento está bajo el estándar de HTML 5.
<html>
Representa la
raíz de un documento HTML o XHTML. Todos los demás elementos deben ser
descendientes de este elemento.
Meta-datos del documento:
<head>
Representa una
colección de metadatos acerca del documento, incluyendo enlaces a, o
definiciones de, scripts y hojas de estilo.
Define el título del documento, el cual se
muestra en la barra de título del navegador o en las pestañas de página.
Solamente puede contener texto y cualquier otra etiqueta contenida no será
interpretada.
<base>
Define la URL base para las URLs relativas
en la página.
<link>
Usada para enlazar JavaScript y CSS externos
con el documento HTML actual.
<meta>
Define los meta-datos que no pueden ser
definidos usando otro elemento HTML.
<style>
Etiqueta de estilo usada para escribir CSS
en línea.
Scripting:
<script>
Define ya sea un script interno o un enlace
hacia un script externo. El lenguaje de programación es JavaScript
<noscript>
Define un contenido alternativo a mostrar
cuando el navegador no soporta scripting.
Secciones:
<body>
Representa el contenido principal de un documento
HTML. Solo hay un elemento <body> en un
documento.
<section>
Define una sección en un documento.
<nav>
Define una sección que solamente contiene
enlaces de navegación
<article>
Define contenido autónomo que podría existir
independientemente del resto del contenido.
<aside>
Define algunos contenidos vagamente
relacionados con el resto del contenido de la página. Si es removido, el
contenido restante seguirá teniendo sentido
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>
Los elementos de cabecera implementan seis
niveles de cabeceras de documentos; <h1> es la de
mayor y <h6> es la de menor importancia. Un elemento de
cabecera describe brevemente el tema de la sección que introduce.
<header>
Define la cabecera de una página o sección.
Usualmente contiene un logotipo, el título del sitio Web y una tabla de
navegación de contenidos.
<footer>
Define el pie de una página o sección.
Usualmente contiene un mensaje de derechos de autoría, algunos enlaces a
información legal o direcciones para dar información de retroalimentación.
<address>
Define una sección que contiene información
de contacto.
<main>
Define el contenido principal o importante
en el documento. Solamente existe un elemento <main> en el
documento.
Agrupaciones de contenido:
<p>
Define una parte que debe mostrarse como un
párrafo.
<hr>
Representa un quiebre temático entre
párrafos de una sección o articulo o cualquier contenido.
<pre>
Indica que su contenido este pre formateado
y que este formato debe ser preservado.
<blockquote>
Representa un contenido citado desde otra
fuente.
<ol>
Define una lista ordenada de artículos.
<ul>
Define una lista de artículos sin orden.
<li>
Define un artículo de una lista enumerada.
<dl>
Define una lista de definiciones, es decir,
una lista de términos y sus definiciones asociadas.
<dt>
Representa un término definido por el
siguiente <dd>.
<dd>
Representa la definición de los términos
listados antes que él.
<figure>
Representa una figura ilustrada como parte
del documento.
<figcaption>
Representa la leyenda de una figura.
<div>
Representa un contenedor genérico sin ningún
significado especial.
Referencias:
Consultado en: openwebinars.net
Año de publicación: 20-01-2019
Autor: Pérez J.
Título del artículo: Que es HTML5 definición y
funcionamiento
Fecha de recuperación del documento: 26-05-2020
Consultado en: developer.mozilla.org
Año de publicación: 20-01-2019
Título del artículo: Lista de elementos HTML
Fecha de recuperación del documento: 26-05-2020
URL: https://developer.mozilla.org/es/docs/HTML/HTML5/HTML5_lista_elementos
Comentarios
Publicar un comentario