Please enable JavaScript.
Coggle requires JavaScript to display documents.
HTML,
XHTML y
HTML5 (listado tags, [2], [3], [4] (Nuevos en HTML5…
-
-
-
Adopta un node de otro ducumento, por ejemplo de un frame, y lo pinta en el lugar que indiquemos. No se trae los estilos
-
-
-
-
-
cuante el tiempo que tarda en ejecutarse la función que esté entre console.time() y console.timeEnd()
-
-
-
-
- Solo para encapsular estilos, no para enlazar con css externa. Para ello usar link
-
-
-
-
-
elementos
media
- audio + source
- embed: incrusta un elemento como puede ser una imagen
- video + track=subtitulos
-
Permite disponer de nuevos elementos input para poder ser validados en un formulario, como por ejemplo mail
-
DOCTYPE
- Para HTML5 solo <!DOCTYPE html>
- En HTML4 el DOCTYPE ha de especificar la dtd
- En HTML5 no necesario ya que ya NO deriva de SGML
Sintaxis
- Obligatorio incluir doctype
- etiquetas TODAS en minusculas (es case-sensitive)
- Etiqueta head y body obligatorias (en HTML solo body)
- valores de atributos obligatorio entrecomillar y en minúscula
- Atributos NO se pueden comprimir
- Atributos SIEMPRE han de tener valor asignado
- Todas las etiquetas se han de cerrar
- Etiqueta html debe llevar namespace
- Anidación correcta de etiquetas
HTML, HTML4
- No obligatorio incluir <!DOCTYPE...
- etiquetas en mayusculas o minusculas *indistintamente*
- etiqueta head No obligatoria (solo body)
- valores de atributos opcional poner comillas a no ser que lleve espacios o caracteres raros y pueden estar en may o en min.
- Atributos SI se pueden comprimir
(cuando nombre coincide con su valor)
<dl compact="compact">...</dl> ==>
<dl compact>...</dl>
- Atributos pueden NO tener valor asignado
- HTML es un estándar, en cambio HTML4 es una recomendación
- Obligatorio incluir "<!DOCTYPE html
- etiquetas en mayúsculas o minúsculas indistintamente (recomendable en minúsculas)
- etiqueta head, html y body opcionales pero recomendable ponerlas (puede dar errors en software XML y en navegadores inferiores a IE9)
- valores de atributos opcional poner comillas a no ser que lleve espacios o caracteres raros y pueden estar en may o en min
- Diferencias entre las sus variantes HTML y HTML5
- Recomendable cerrar todos los elementos
- Recomendable cerrar elementos vacíos
- Recomendable minúsculas para nombres de atributos
- Recomendable comillas para valores de atributos a no ser que tenga espacio que será obligatorio
- Valores de atributos son case sensitive a excepción de los link type que son case insesitive
- Recomendable no dejar espacios entre los simbolos "="
- Declarar lenguaje es importante para accesibilidad <html lang="en-US">
- la etiqueta title es requeridada
- etiqueta viewport indica el área visible del usuario en un navegador y varia en cada navegador. Hay que añadirlo en el etiqueta meta
- XML: Subconjunto de SGML
- HTML: derivado de SGML hasta HTML5