miércoles, 25 de marzo de 2015

2.1 LENGUAJE DE MARCADO

 2.1 Introducción 

             
Un lenguaje de marcado o lenguaje de marcas es una forma de codificar un documento que, junto con el texto, incorpora etiquetas o marcas que contienen información adicional acerca de la estructura del texto o su presentación.
El lenguaje de marcas más extendido es el HTML ("HyperText Markup Language", Lenguaje de marcado de hipertexto), fundamento del World Wide Web (entramado de comunicación de alcance mundial).
Los lenguajes de marcado suelen confundirse con lenguajes de programación. Sin embargo, no son lo mismo, ya que el lenguaje de marcado no tiene funciones aritméticas o variables, como sí poseen los lenguajes de programación. Históricamente, el marcado se usaba y se usa en la industria editorial y de la comunicación, así como entre autores, editores e impresores.
Un ejemplo de cómo funciona el lenguaje de marcado puede observarse en el dictado de viva voz de un documento a una persona que lo transcribe a máquina:
Ponga estilo de carta. Ponga comillas, ponga mayúsculas, Estimado Juan, ponga dos puntos, aparte, sangría, ponga primera letra mayúscula, te escribo esta carta, ponga negrillas, de forma muy urgente, cierre negrilla, ya que no me has enviado... etc".
En algunas ocasiones el XML o el HTML, hacen demasiado complejo y grande un archivo, sin aportar ninguna o casi ninguna ventaja respecto a un lenguaje más simple. Además de la ventaja del espacio, es más fácil, cómodo y rápido de editar por cualquier persona con cualquier editor de texto. Con la ventaja, respecto de un lenguaje autoinventado para la ocasión, de que están estandarizados. De este modo es más fácil encontrar herramientas ya hechas para leerlos y habrá menos problemas a la hora de ampliar alguna funcionalidad imprevista.
Otra cualidad, que demuestra que muchas veces pueden sustuir a un lenguaje más complejo, es que algunos de ellos pueden ser convertibles directamente a XML como SLiPSoX (este deriva directamente de XML) o HTML como el Textile.1
Aunque no parece importante ahorrar espacio en ficheros de texto, que ya de por sí son muy pequeños; puede suponer un ahorro en ancho de banda si un fichero es descargado muchas veces. Así un ahorro de 2Kb en un fichero de 10Kb, en realidad proporciona una ahorro del 20% en las solicitudes a ese fichero.

Internet es el medio de comunicación masivo por excelencia hoy en día, su existencia nos permite compartir vídeos, música, programas, libros y hasta amigos… Su desarrollo, que se inició en los años 60, no tuvo un gran impacto sino hasta mediados de los años 80, cuando empezaron a aparecer estándares para compartir información, de los cuales, uno de los más importantes fue sin duda el HTML… 1394693351_browser
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.


FUENTE:
http://es.wikipedia.org/wiki/HTML

http://www.um.es/docencia/barzana/DIVULGACION/INFORMATICA/Que-son-lenguajes-marcado.html