2.1 Introduccion
Los lenguajes
de marcas ,tambien denominados lenguaje de marcado o lenguajes de descripcion
de documentos ,definen la estructura,la semantica y controlan el procesamiento
de un documento de un documento digital.
En un
docuemento existen distintos niveles de informacion:por un lado, los datos que
conforman el contenido de un documento(caracteres de contenido), y por otro una
informacion superpuesta al contenido, que es lo que contruye el etiquetado,
marcado o markup(caracteres de etiqueta).
un lenguaje de
marcado cumple con dos objetivos esenciales a la hora de diseñar y procesar un
documento digital:
·
Especifica las operaciones tipograficas y las funciones que
deben ejecutar el programa navegador/visualizar sobre dichos elementos.
·
Separar un texto en los elementos de los que se compone, como un
parrafo, un capitulo ,un encabezado.
En los documentos existen varios
niveles de información, estos son los que determinan las características y
atributos de la misma. Estos lenguajes de programación en los que se basan los
documentos son conocidos como “markups” que se representan por etiquetas.
Cuando se aplican los lenguajes de marcado se cumplen con objetivos esenciales.
·
Determina la tipografía y as funciones que ejecuta al momento de
la visualización de los elementos que se diseñaron anteriormente.
·
Estructura los elementos en la pantalla, ya sean los párrafos,
imágenes, menús, etc.
·
Presenta características para la impresión de documentos. • Separa
los elementos para tener un orden y los gestiona al momento de la visualización
para tener una más rápida descarga.
·
Crea el lazo de conexión del servidor y el cliente. La utilización
de los medios mencionados son principalmente en tres aspectos; • Sirve para
describir elementos del contenido.
·
Define el formato.
·
Realiza funciones del lenguaje HTML.
Un lenguaje de marcado o de marcas se basa en instrucciones “WEB”, es decir, etiquetas de programación que podemos estructurar de manera manual o automática mediante programas de diseño como Adobe Dreamweaver, Adobe Muse, Web Evolution x6, etc. En los cuales por tratarse de programas visuales los elementos crean las instrucciones de marcado al situar los elementos en cualquier parte del elemento que se desea crear, el desarrollo de aplicaciones web también se basa en lenguajes de marcas, ya que los Widgets pueden ser adquiridos desde una web exterior y ubicarla como elemento principal de un portal propio.
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 ]
fuente:
http://www.deciencias.net/disenoweb/elaborardw/paginas/intro_html.htm
http://es.slideshare.net/rmonago/lenguaje-de-marcas-html-5636624
No hay comentarios.:
Publicar un comentario