View source for Introducció llenguatges de marques

= Introducció als llenguatges de marques =

Els llenguatges de marques(també anomenats llenguatges de marcat) són aquells que combinen la informació,generalment textual, que conté un document amb marques o anotacions relatives a l’estructura del text o la forma de representar-lo. El llenguatge de marques és el que especifica quines seran les etiquetes possibles, on s’han de col·locar i el significat que tindrà cadascuna d’elles.

== Tipus de llenguatges ==

=== Llenguatges orientats a presentació ===

Usats pels processadors de text com pot ser Microsoft Word® i codifiquen com ha de presentar el document, per exemple, indicant que una determinada paraula s’ha de presentar en font itàlica o que s’ha de deixar un espai de 10 punts en acabar el paràgraf.

=== Llenguatges descriptius ===

Aquest tipus de llenguatges les marques serveixen per indicar què és aquesta informació, és a dir, descriuen que és el que s’està representant. La majoria dels llenguatges de marques que es fan servir avui dia es troben dins aquest grup com per exemple, el SGML i els seus derivats (HTML, XML, etc.)

=== Llenguatges procedurals ===

En aquest tipus de llenguatges les etiquetes són també orientades a presentació però s’integren dins d’un marc procedural que permet definir macros (seqüències d’accions) i subrutines. Entre els exemples més comuns de llenguatges procedurals podem trobar Et X, LaTeX i Postcript.

Durant aquest mòdul veurem els llenguatges descriptius.

== Evolució dels llenguatges de marques ==

A la dècada dels 60 va aparèixer el llenguatge SGML (Standard Generalized Markup Language), que és un descendent directe del llenguatge GML proposat per IBM.

Aquest llenguatge va sorgir per permetre compartir informació per part de sistemes informàtics.

Aquest estàndard va tenir una gran acceptació però no va aconseguir assentar-del tot a causa principalment a la seva complexitat el que provocava que el programari que farà servir SGML acabava sent excessivament extens i complex.

Al final dels 80, dins del CERN, es va crear un llenguatge de marcat pensat per compartir informació fent servir les xarxes de computadors i, de forma més general, mitjançant Internet. Aquest llenguatge es basava en alguns principis de SGML i ho van denominar HTML (Hyper-text Markup Language).

Finalment, en el 1998, W3C va fer públic un nou estàndard que van denominar XML (eXtended Markup Language), més senzill que SGML i més potent que HTML.

== Evolució de l’HTML ==

El W3C ha definit com a successor d’HTML al llenguatge XHTML.

XHTML aplica les regles de sintaxi estricta de XML al llenguatge HTML, facilitant d’aquesta manera el manteniment i processament dels documents.

Amb l’HTML5 conviu una variant de l’HTML i l’XHTML coneguda com sintaxi XHTML5. Aquesta és la primera vegada que HTML i XHTML s’han desenvolupat en paral·lel. La versió definitiva de la cinquena revisió de l’Estàndard es va publicar a l’octubre de 2014.

{|
!align="center"| HTML
!align="center"| 1991
|-
|align="center"| HTML 2.0
|align="center"| 1995
|-
|align="center"| HTML 3.2
|align="center"| 1997
|-
|align="center"| HTML 4.01
|align="center"| 1999
|-
|align="center"| XHTML
|align="center"| 2000
|-
|align="center"| HTML 5.0
|align="center"| 2014
|}

=== Les pàgines web ===

Una pàgina web és un document electrònic adaptat per a la World Wide Web que, normalment, forma part d’un lloc web.

Les pàgines web estan escrites en un llenguatge de marques que proporciona la capacitat de gestionar i inserir hiperenllaços, generalment, HTML.

El contingut de la pàgina pot ser predeterminat (pàgina web estàtica) o generat en el moment de la seva visualització o en sol·licitar-la a un servidor web (pàgina web dinàmica).

Pel que fa a l’estructura de les pàgines web, alguns organismes, especialment el W3C, estableix directives amb la intenció de normalitzar el disseny, per així facilitar i simplificar la visualització i interpretació del contingut.

Exemples de llenguatges de marques

<pre>&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;title&gt;Page Title&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;h1&gt;This is a Heading&lt;/h1&gt;
        &lt;p&gt;This is a paragraph.&lt;/p&gt;
    &lt;/body&gt;
&lt;/html&gt; </pre>
<pre>
&lt;bookstore&gt; &lt;book category=“COOKING”&gt; &lt;title lang=“en”&gt;Everyday Italian&lt;/title&gt; &lt;author&gt;Giada De Laurentiis&lt;/author&gt; &lt;year&gt;2005&lt;/year&gt; &lt;price&gt;30.00&lt;/price&gt; &lt;/book&gt; &lt;book category=“WEB”&gt; &lt;title lang=“en”&gt;Learning XML&lt;/title&gt; &lt;author&gt;Erik T. Ray&lt;/author&gt; &lt;year&gt;2003&lt;/year&gt; &lt;price&gt;39.95&lt;/price&gt; &lt;/book&gt; &lt;/bookstore&gt;
</pre>