Lista de Elementos HTML5

  • 10 Respuestas
  • 1544 Vistas

Valarjar
Hijo de Odyn

Lista de Elementos HTML5
« en: Abril 06, 2017, 14:36:11 pm »
Todos las etiquetas que tengan al lado  :html5: , significa que han sido introducidas en HTML5.

Elemento raíz

<!doctype html> Define que el documento esta bajo el estandar 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.


Metadatos del documento

<head>   Representa una colección de metadatos acerca del documento, incluyendo enlaces a, o definiciones de, scripts y hojas de estilo.
<title>   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 metadatos 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 una 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> :html5:  Define una sección en un documento.
<nav> :html5:    Define una sección que solamente contiene enlaces de navegación
<article> :html5: Define contenido autónomo que podría existir independientemente del resto del contenido.
<aside> :html5: 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 elemento de cabecera  implementan seis niveles de cabeceras de documentos; <h1> es la de mayor y <h6> es la de menor impotancia. Un elemento de cabecera describe brevemente el tema de la sección que introduce.
<header> :html5:   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> :html5:  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> :html5:  Define el contenido principal o importante en el documento. Solamente existe un elemento <main> en el documento.


Agrupación de Contenido

<p>   Define una parte que debe mostrarse como un párrafo.
<hr>   Representa un quiebre temático entre parrafos de una sección o articulo o cualquier contenido.
<pre>   Indica que su contenido esta preformateado y que este formato debe ser preservado.
<blockquote>   Representa una 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 ennumerada.
<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 terminos listados antes que él.
<figure> :html5: This element has been added in HTML5   Representa una figura ilustrada como parte  del documento.
<figcaption> :html5: This element has been added in HTML5   Representa la leyenda de una figura.
<div>   Representa un contenedor genérico sin ningún significado especial.


Semántica a nivel de Texto

<a>   Representa un hiperenlace , enlazando a otro recurso.
<em>   Representa un texto enfatizado , como un acento de intensidad.
<strong>   Representa un texto especialmente importante .
<small>   Representa un comentario aparte , es decir, textos como un descargo de responsabilidad o una nota de derechos de autoría, que no son esenciales para la comprensión del documento.
<s>   Representa contenido que ya no es exacto o relevante .
<cite>   Representa el título de una obra .
<q>   Representa una cita textual  inline.
<dfn>   Representa un término cuya definición  está contenida en su contenido ancestro más próximo.
<abbr>   Representa una abreviación  o un acrónimo ; la expansión de la abreviatura puede ser representada por el atributo title.
<data> :html5: This element has been added in HTML5   Asocia un equivalente legible por máquina a sus contenidos. (Este elemento está sólamente en la versión de la  WHATWG del estandar HTML, y no en la versión de la W3C de HTML5).
<time> :html5: This element has been added in HTML5   Representa un valor de fecha y hora; el equivalente legible por máquina puede ser representado en el atributo datetime.
<code>   Representa un código de ordenador .
<var>   Representa a una variable, es decir, una expresión matemática o contexto de programación, un identificador que represente a una constante, un símbolo que identifica una cantidad física, un parámetro de una función o un marcador de posición en prosa.
<samp>   Representa la salida de un programa o un ordenador.
<kbd>   Representa la entrada de usuario, por lo general desde un teclado, pero no necesariamente, este puede representar otras formas de entrada de usuario, como comandos de voz transcritos.
<sub>,<sup>   Representan un subíndice y un superíndice, respectivamente.
<i>   Representa un texto en una voz o estado de ánimo alterno, o por lo menos de diferente calidad, como una designación taxonómica, un término técnico, una frase idiomática, un pensamiento o el nombre de un barco.
<b>   Representa un texto hacia el cual se llama la atención para propósitos utilitaros.  No confiere ninguna importancia adicional y no implica una voz alterna.
<u>   Representa una anotación no textual sin-articular, como etiquetar un texto como mal escrito o etiquetar un nombre propio en texto en Chino.
<mark> :html5:    Representa texto resaltado con propósitos de referencia, es decir por su relevancia en otro contexto.
<ruby> :html5:        Representa contenidos a ser marcados con anotaciones ruby,  recorridos cortos de texto presentados junto al texto. Estos son utilizados con regularidad en conjunto a lenguajes de Asia del Este, donde las anotaciones actúan como una guía para la pronunciación, como el furigana Japonés.
<rt> :html5:    Representa el texto de una anotación ruby .
<rp> :html5:    Representa los paréntesis alrededor de una anotación ruby, usada para mostrar la anotación de manera alterna por los navegadores que no soporten despliegue estandar para las anotaciones.
<bdi> :html5:   Representa un texto que debe ser aislado de sus alrededores para el formateado bidireccional del texto.  Permite incrustar un fragmento de texto con una direccionalidad diferente o desconocida.
<bdo>   Representa la direccionalidad de sus descendientes con el fin de anular de forma explícita al algoritmo bidireccional Unicode.
<span>   Representa texto sin un significado específico.  Este debe ser usado cuando ningún otro elemento semántico le confiere un significado adecuado, en cuyo caso, provendrá de atributos globales como class, lang, o dir.
<br>   Representa un salto de línea.
<wbr> :html5:    Representa una oportunidad de salto de línea, es decir, un punto sugerido de envoltura donde el texto de múltiples líneas puede ser dividido para mejorar su legibilidad.


Ediciones

<ins>   Define una adición en el documento.
<del>   Define una remoción del documento.


Contenido incrustado

<img>   Representa una imagen.
<iframe>   Representa un contexto anidado de navegación, es decir, un documento HTML embebido.
<embed> :html5: This element has been added in HTML5   Representa un punto de integración para una aplicación o contenido interactivo externo que por lo general no es HTML.
<object>   Representa un recurso externo, que será tratado como una imagen, un sub-documento HTML o un recurso externo a ser procesado por un  plugin.
<param>   Define parámetros para el uso por los plugins invocados por los elementos <object>.
<video> :html5: This element has been added in HTML5   Representa un video , y sus archivos de audio y capciones asociadas, con la interfaz necesaria para reproducirlos.
<audio> :html5:    Representa un sonido o stream de audio.
<source> :html5:    Permite a autores especificar recursos multimedia alternativos para los elementos multimedia como  <video> o <audio>.
<track> :html5:    Permite a autores especificar una pista de texto temporizado para elementos multimedia como <video> o  <audio>.
<canvas> :html5:    Representa un área de mapa de bits  en el que se pueden utilizar scripts para renderizar gráficos como gráficas, gráficas de juegos o cualquier imagen visual al vuelo.
<map>   En conjunto con <area>, define un mapa de imagen.
<area>   En conjunto con  <map>, define un mapa de imagen.
<svg> :html5: This element has been added in HTML5   Define una imagen vectorial embebida.
<math> :html5: This element has been added in HTML5   Define una fórmula matemática.


Datos tabulares

<table>   Representa datos con más de una dimensión.
<caption>   Representa el título de una tabla.
<colgroup>   Representa un conjunto de una o más columnas de una tabla.
<col>   Representa una columna de una tabla.
<tbody>   Representa el bloque de filas que describen los datos contretos  de una tabla.
<thead>   Representa el bloque de filas que describen las etiquetas de columna de una tabla.
<tfoot>   Representa los bloques de filas que describen los resúmenes de columna  de una tabla.
<tr>   Representa una fila de celdas en una tabla.
<td>   Representa una celda de datos en una tabla.
<th>      Representa una celda encabezado en una tabla.


Formularios

<form>   Representa un formulario, consistendo de controles que puede ser enviado a un servidor para procesamiento.
<fieldset>   Representa un conjunto de controles.
<legend>   Representa el título de un <fieldset>.
<label>   Representa el título de un control de formulario.
<input>   Representa un campo de datos escrito que permite al usuario editar los datos.
<button>   Representa un botón .
<select>   Representa un control que permite la selección entre un conjunto de opciones.
<datalist> :html5:    Representa un conjunto de opciones predefiniddas para otros controles.
<optgroup>   Representa un conjunto de opciones, agrupadas lógicamente.
<option>   Representa una opción en un elemento <select>, o una sugerencia de un elemento <datalist>.
<textarea>   Representa un control de edición de texto multi-línea.
<keygen> :html5:    Representa un control de par generador de llaves.
<output> :html5:    Representa el resultado de un cálculo.
<progress> :html5:    Representa el progreso de finalización de una tarea.
<meter> :html5:    Representa la medida escalar (o el valor fraccionario) dentro de un rango conocido.


Elementos interactivos

<details> :html5:    Representa un widget desde el que un usuario puede obtener información o controles adicionales.
<summary> :html5:    Representa un resumen, título o leyenda para un elemento  <details> dado.
<command> :html5:    Representa un comando que un usuario puede invocar.
<menu> :html5:    Representa una lista de comandos .
« Última modificación: Junio 03, 2017, 18:56:24 pm por Valarjar »

kaskull

Re:Lista de Elementos HTML5
« Respuesta #1 en: Abril 06, 2017, 19:14:29 pm »
Muy buen post bro!!
while(living){
Smile=true;
Happines=true;
}

Karbono

Re:Lista de Elementos HTML5
« Respuesta #2 en: Abril 09, 2017, 02:52:42 am »
Se me hizo fácil aprenderlo, luego entré en css y qué cacao.

A ver qué me depara el futuro, quizás vuelva a adentrarme, no viene nada mal la lista.

Se agradece  :)

Valarjar
Hijo de Odyn

Re:Lista de Elementos HTML5
« Respuesta #3 en: Abril 09, 2017, 13:54:25 pm »
Se me hizo fácil aprenderlo, luego entré en css y qué cacao.

A ver qué me depara el futuro, quizás vuelva a adentrarme, no viene nada mal la lista.

Se agradece  :)

Poco a poco, ya verás cuando le cojas el ritmo se hace fácil, como todo, además muchísimas no se utilizan mucho , saludos!!

kaskull

Re:Lista de Elementos HTML5
« Respuesta #4 en: Abril 10, 2017, 09:15:37 am »
Esta claro que muchas no se usan, pero usar etiquetas html5, ayuda mucho en el CEO
while(living){
Smile=true;
Happines=true;
}

Re:Lista de Elementos HTML5
« Respuesta #5 en: Abril 19, 2017, 19:48:16 pm »
Se me hizo fácil aprenderlo, luego entré en css y qué cacao.

A ver qué me depara el futuro, quizás vuelva a adentrarme, no viene nada mal la lista.

Se agradece  :)

En las mismas me hallo jajaja
Mi novia no es puta, me lo ha dicho ella.

Valarjar
Hijo de Odyn

Re:Lista de Elementos HTML5
« Respuesta #6 en: Abril 19, 2017, 22:05:38 pm »
Esta claro que muchas no se usan, pero usar etiquetas html5, ayuda mucho en el CEO

Se me hizo fácil aprenderlo, luego entré en css y qué cacao.

A ver qué me depara el futuro, quizás vuelva a adentrarme, no viene nada mal la lista.

Se agradece  :)

En las mismas me hallo jajaja

Algo bueno jeje, ahora tenéis una buena lista de etiquetas html.

Re:Lista de Elementos HTML5
« Respuesta #7 en: Abril 20, 2017, 01:03:54 am »
Teniendo idea basica de HTML se le puede meter mano facilmente a HTML5 no? O me dejo algo por el camino?
Mi novia no es puta, me lo ha dicho ella.

Valarjar
Hijo de Odyn

Re:Lista de Elementos HTML5
« Respuesta #8 en: Abril 20, 2017, 01:18:37 am »
Teniendo idea basica de HTML se le puede meter mano facilmente a HTML5 no? O me dejo algo por el camino?

Aprende directamente HTML5, olvídate de etiquetas antiguas y deprecated.
« Última modificación: Abril 20, 2017, 01:26:42 am por Valarjar »

Re:Lista de Elementos HTML5
« Respuesta #9 en: Abril 20, 2017, 01:23:56 am »
Teniendo idea basica de HTML se le puede meter mano facilmente a HTML5 no? O me dejo algo por el camino?

Aprende directamente HTML5, olvídate de etiquetas antiguas y deprecated.
Y CSS supongo que mas de lo mismo no?
Mi novia no es puta, me lo ha dicho ella.

Valarjar
Hijo de Odyn

Re:Lista de Elementos HTML5
« Respuesta #10 en: Abril 20, 2017, 01:26:55 am »
Teniendo idea basica de HTML se le puede meter mano facilmente a HTML5 no? O me dejo algo por el camino?

Aprende directamente HTML5, olvídate de etiquetas antiguas y deprecated.
Y CSS supongo que mas de lo mismo no?

Sí, css3.

Si quieres comprar un libro o obtenerlo como libro electrónico, uno muy bueno y para empezar es este:

El gran libro de HTML5, CSS3 y JavaScript (2 edición).