jueves, 26 de marzo de 2015

2.1 Introduccion



HTML (HyperText Markup Language) es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto presentado de forma estructurada y agradable, con enlaces (hyperlinks) que conducen a otros documentos o fuentes de información relacionadas, y con inserciones multimedia (gráficos, sonido...).

La descripción se basa en especificar en el texto la estructura lógica del contenido (títulos, párrafos de texto normal, enumeraciones, definiciones, citas, etc) así como los diferentes efectos que se quieren dar (especificar los lugares del documento donde se debe poner cursiva, negrita, o un gráfico determinado) y dejar que luego la presentación final de dicho hipertexto se realice por un programa especializado (como Internet Explorer, Netscape, Safari entre otros).

Un documento HTML comienza con la etiqueta <html>, y termina con </html>. Dentro del documento (entre las etiquetas de principio y fin de html), hay dos zonas bien diferenciadas: el encabezamiento, delimitado por <head> y </head>, que sirve para definir diversos valores válidos en todo el documento; y el cuerpo, acotado por <body> y </body>, donde reside la información del documento.

La versión actual es HTML 5 aun no liberada, ni soportada por todos los navegadores. 


Soporte estándares actuales entre otras:
  • HTML 4
  • XHTML 1
  • DOM Nivel 2 (DOM = Document Objetc Model)

Diferencias del código de HTML5 con lenguajes anteriores

Algunas de las diferencias más notables son las siguientes:

No es necesario el cierre de las etiquetas img, br, hr, input, etc.

Por ejemplo:


  <br /> ahora se sustituye por: <br>
  <hr /> por: <hr>
  <img src=''……/> por: <img src=''……> 
  <input …./> por: <input ….>
 
  • Se puede usar tanto minúsculas como mayúsculas en el código a diferencia del XHTML que solo admite minúsculas.
  • El Doctype o declaración del documento está completamente minimizado, en HTML5 solo es necesario emplear: <!DOCTYPE html>
  • Introduce nuevos marcadores para sumarlos a los existentes <div> en usos específicos, por ejemplo: <nav>, <footer>, <audio>, <video>, etc.

Los elementos admitidos por html5 son: 


[  a,  abbr,  address,  area,  article,  aside,  audio,  b,  base,  bb,  bdo,  blockquote,  body,  br,  button,  canvas,  caption,  cite,  code,  col,  colgroup,  command,  datagrid,  datalist,  dd,  del,  details,  dfn,  dialog,   div,  dl,  dt,  em,  embed,  fieldset,  figure,  footer,  form,  h1,  h2,  h3,  h4,   h5,  h6,  head,  header,  hr,  html,  i,  iframe,  img,  input,  ins,  kbd,  label,   legend,  li,  link,  map,  mark,  menu,  meta,  meter,  nav,  noscript,  object,   ol,  optgroup,  option,  output,  p,  param,  pre,  progress,  q,  rp,  rt,  ruby,   samp,  script,  section,  select,  small,  source,  span,  strong,  style,  sub,   sup,  table,  tbody,  td,  textarea,  tfoot,  th,  thead,  time,  title,  tr,  ul,   var,  video ]
 



HTML5 no es un estándar aprobado por el W3C, aunque se puede validar correctamente las páginas usando el Validador W3C de este organismo.
Algunas de sus ventajas son:

  • Código más sencillo y simplificado, las páginas cargan más rápido en el navegador.
  • La gran mayoría de los navegadores de los teléfonos Smartphone y las tabletas, son compatibles con HTML5
  • Los plugins, widgets y botones que ofrecen los desarrolladores de las redes como Facebook, Twitter y otras, escritos en HTML 5 funcionan excelentemente, con más opciones que los clásicos en XHTML o que los iframes.
  • Es posible insertar directamente videos en las páginas sin tener que acudir a los iframes o usar la etiqueta object.
  • HTML 5 incluye etiquetas orientadas principalmente a los buscadores, para facilitarles comprender el contenido de las páginas, lo que nos beneficia, por ejemplo: header, footer, article, nav, etc.
  • Permite la Geolocalizacion del usuario.
  • Otras de las razones es el empleo del microformato en las páginas web, que algunos son totalmente incompatibles con otros lenguajes por lo que no validan correctamente a no ser que se use HTML5.



No hay comentarios:

Publicar un comentario