!"#$%&' ')* %+' ,&-'.)*&' /& 01234 56-.768 1-+*'.6.

)*+%8 9-+:&'&6;
aprenderaprogramar.com, 2006-2019
!"<=3>5 5?@ 3A5 B>C5D?@>5 E> 01234

Ll P1ML fue desarrollado orlglnalmenLe por 1lm 8ernes-Lee pero debldo al rpldo creclmlenLo de la
web, surgl la necesldad de crear un esLndar para que LanLo los programadores como los navegadores
pudleran basarse en unas mlsmas normas para escrlblr P1ML. Cada versln de P1ML esLablece unas
normas respecLo a cules son las eLlqueLas vlldas y cmo se deben escrlblr.



Los esLndares oflclales P1ML son el P1ML 2.0, el P1ML 3.2, el P1ML 4.0 y el P1ML 4.01, aunque
acLualmenLe se Lraba[a en el P1ML 3. Ll P1LM 3 ya esL empezando a ser usado aunque Lodavla no es
una especlflcacln oflclal. Ll xP1ML, una forma ms avanzada del P1ML que se suponla lba a susLlLulr a
esLe, va a quedar lnLegrado denLro del P1ML 3.


0123 F;G
Ln 1993 se publlca el esLndar P1ML 2.0. A pesar de su nombre, P1ML 2.0 es
el prlmer esLndar oflclal de P1ML, es declr, el P1ML 1.0 no exlsLl como
esLndar. P1ML 2.0 no soporLaba Lablas.
Se slmpllflcaba al mxlmo la esLrucLura del documenLo para aglllzar su edlcln,
donde la declaracln expllclLa de los elemenLos body, hLml y head es opclonal.

0123 H;F
La versln P1ML 3.2 se publlc en 1997 y es la prlmera recomendacln de
P1ML publlcada por el W3C (Consorclo lnLernaclonal). LsLa revlsln lncorpor
los ulLlmos avances de las pglnas web desarrolladas hasLa 1996, como appleLs
de !ava y LexLo que fluye alrededor de las lmgenes.

0123 I;GJ
La ulLlma especlflcacln oflclal de P1ML se publlc en dlclembre de 1999 y se
denomlna P1ML 4.01. uesde la publlcacln de P1ML 4.01, el W3C se cenLr en
el desarrollo del esLndar xP1ML. or esLe moLlvo, en el ano 2004, las
empresas Apple, Mozllla y Cpera mosLraron su preocupacln por la falLa de
lnLeres del W3C en P1ML y decldleron organlzarse en una nueva asoclacln
llamada WPA1WC (Web PyperLexL AppllcaLlon 1echnology Worklng Croup)
que comenz el desarrollo del P1ML 3, cuyo prlmer borrador oflclal se publlc
en enero de 2008. uebldo a la fuerza de las empresas que forman el grupo
WPA1WC y a la publlcacln de los borradores de P1ML 3.0, en marzo de 2007
el W3C decldl reLomar la acLlvldad esLandarlzadora de P1ML, y acLualmenLe
W3C esL Lraba[ando para el lanzamlenLo del esLndar P1ML 3.0, denLro del
cual ha decldldo lnLegrar el xP1ML.
0123 K;G L K;GJ
Ll consorclo lnLernaclonal W3C marc las slgulenLes fechas para llberacln de
los esLndares de especlflcacln: 2014 para P1ML 3.0, 2016 para P1ML 3.1 y
2018 para P1ML 3.2

!"#$%&' ')* %+' ,&-'.)*&' /& 01234 56-.768 1-+*'.6.)*+%8 9-+:&'&6;
aprenderaprogramar.com, 2006-2019
AcLualmenLe la versln de P1ML ms uLlllzada es la 4.01. LsLa versln fue deflnlda por la W3C (ComlLe
lnLernaclonal que deflne los esLndares web) hace varlos anos. AcLualmenLe ya esL dlsponlble la nueva
versln de P1ML, denomlnada P1ML 3. LsLa versln ya se esL usando de modo experlmenLal y se
espera que se lmponga como esLndar en los prxlmos anos.

Adems de cada versln, cada una Llene varlanLes (dlgamos que dlsLlnLas formas"). Cuando escrlblmos
un documenLo P1ML debemos lndlcar en una llnea lnlclal que versln y varlanLe es la que esLamos
usando de forma que cualquler persona que lea ese documenLo P1ML sepa que versln y varlanLe se ha
empleado. Las varlanLes del P1ML 4.01 son:


0123 I;GJ
56-.76

Ln esLe Llpo de documenLos podemos usar eLlqueLas P1ML 4.01, pero no se acepLan eLlqueLas
obsoleLas, es declr, eLlqueLas proplas de verslones ms anLlguas. Ls la versln que sl usamos en
Leorla nos deberla dar un resulLado pLlmo en los navegadores ms modernos. LsLo no slempre
es asl, como expllcaremos un poco ms adelanLe.

0123 I;GJ
1-+*'.6.)*+%

Ln esLe Llpo de documenLos se pueden usar Lodas las eLlqueLas de Lodas las verslones de P1ML.
usar esLa varlanLe de P1ML planLea el lnLerroganLe de sl es correcLo permlLlr el uso de eLlqueLas
obsoleLas que podrlan de[ar de funclonar en las proxlmas verslones de los navegadores. Sln
embargo, esLe es el esLndar ms usado, porque comblna la poslbllldad de usar eLlqueLas ms
anLlguas y eLlqueLas ms modernas, de forma que podamos asplrar a una me[or vlsuallzacln en
la mayor parLe de los navegadores.

0123 I;GJ
9-+:&'&6

LsLe Llpo de documenLos Llene soporLe para frames. Los frames son unos marcos a modo de
pequenas subvenLanas denLro de una mlsma pglna web que se usaban mucho hace unos anos
pero que hoy en dla se usan cada vez menos. LsLe Llpo de P1ML podemos conslderarlo
anLlcuado, porque hay oLras formas de dlsenar pglnas web sln frames ms modernas y uLlles
que nos permlLen obLener el mlsmo resulLado de forma ms eflclenLe.

















Ln la flgura podemos ver cmo el ser ms esLrlcLos supone que Lengamos que usar un menor numero
de eLlqueLas.
!"#$%&' ')* %+' ,&-'.)*&' /& 01234 56-.768 1-+*'.6.)*+%8 9-+:&'&6;
aprenderaprogramar.com, 2006-2019
!"<=3 >3DM?8 N "O2?4

no Le preocupes demaslado por uLlllzar una versln correcLa y concreLa" slno por crear pglnas web
que se vean blen. ara ello debes aprender cmo se consLruye y cul es la lglca del P1ML, ms que
una versln concreLa de esLe. 1en en cuenLa que hay dlversldad de verslones y que no Lodos los
navegadores se clnen a los esLndares, con lo cual no Llene demaslado senLldo preocuparse por cenlrse
a una versln. 1e puede resulLar un poco exLrano, pero cuando adquleras experlencla en desarrollos
web comprobars que las normas para los desarrollos web no esLn 100 claras.

Sl ya sablas P1ML pero nunca has separado conLenldo y dlseno, o Lodos esLos esLndares Le suenan a
chlno, usa el P1ML normal, en concreLo la versln 4.01, que es la ulLlma. Lllge la rama SLrlcL sl neceslLas
cumpllr el esLndar SLrlcL por algun moLlvo (por e[emplo porque Le lo plda un cllenLe asl
especlflcamenLe). usar la varlanLe SLrlcL puede resulLar un poco ms compllcado porque Lenemos ms
llmlLaclones. or ello nosoLros en esLe curso usaremos el 4.01 1ranslLlonal que es la varlanLe ms
uLlllzada y podemos declr que lnLermedla: nl demasladas resLrlcclones nl demaslada llberLad.

Ll xP1ML es un lengua[e que va a quedar lnLegrado denLro de P1ML 3 y que no esLudlaremos en esLe
curso.

Ln un archlvo P1ML debemos lndlcar que versln y varlanLe esLamos usando. ara lndlcar esLo hay que
poner una llnea al prlnclplo de la pglna web (del archlvo donde esL el conLenldo). no es una eLlqueLa,
por LanLo es algo rara y no hay que cerrarla nl ponerla en mlnusculas. Lso sl, debemos ponerla en Lodos
nuesLros documenLos.


ara P1ML 4.01 SLrlcL escrlblrlamos:

<!uCC1?L P1ML u8LlC "-//W3C//u1u P1ML 4.01//Ln" "hLLp://www.w3.org/18/hLml4/sLrlcL.dLd">


ara P1ML 4.01 1ranslLlonal (recomendado) escrlblrlamos:

<!uCC1?L P1ML u8LlC "-//W3C//u1u P1ML 4.01 1ranslLlonal//Ln"
"hLLp://www.w3.org/18/hLml4/loose.dLd">


Ln esLe curso, por LanLo, usaremos P1ML 4.01 1ranslLlonal para consegulr documenLos P1ML 4.01.


>M>2P3?

<!uCC1?L P1ML u8LlC "-//W3C//u1u P1ML 4.01 1ranslLlonal//Ln"
"hLLp://www.w3.org/18/hLml4/loose.dLd">
<hLml>
<body>
<p>LsLo es una prueba de pglna P1ML 4.01 1ranslLlonal</p>
</body>
</hLml>

!"#$%&' ')* %+' ,&-'.)*&' /& 01234 56-.768 1-+*'.6.)*+%8 9-+:&'&6;
aprenderaprogramar.com, 2006-2019

vlsLa en el navegador Coogle Chrome que obLendrlamos para el documenLo P1ML anLerlor.


Con esLe senclllo e[emplo creamos una paglna P1ML 4.01 1ranslLlonal. ara vlsuallzar esLa slmple
pglna web procedemos de la slgulenLe manera: creamos un archlvo con el edlLor de LexLo que
Lengamos a nuesLra dlsposlcln, en nuesLro caso uLlllzaremos el bloc de noLas de Wlndows pero puede
ser cualquler edlLor de LexLo.

ara abrlrlo nos vamos a lnlclo -> 1odos los programas -> Accesorlos -> 8loc de noLas:




Lscrlblmos en el bloc de noLas el cdlgo del e[emplo anLerlor como un slmple LexLo.


!"#$%&' ')* %+' ,&-'.)*&' /& 01234 56-.768 1-+*'.6.)*+%8 9-+:&'&6;
aprenderaprogramar.com, 2006-2019
A conLlnuacln en el menu Archlvo eleglmos la opcln Cuardar como. e lndlcamos que queremos
guardar el archlvo en el dlrecLorlo ralz de la unldad C con el nombre e[emplo.hLml




una vez reallzado Lodos esLos pasos, abrlmos el archlvo creado haclendo doble cllck sobre el desde el
explorador de archlvos de Wlndows. Sl Lenemos un navegador web lnsLalado se nos abrlr
auLomLlcamenLe la pglna web que hemos creado en el e[emplo.

no Le preocupes por no esLudlar P1ML 3 ahora, Lodo lo que aprendas sobre P1ML Le servlr cuando
esLudles P1ML 3.

1amblen es normal que no comprendas blen el slgnlflcado de Lodos los Lermlnos en el archlvo P1ML,
pues los lremos expllcando poco a poco. ue momenLo, nuesLro ob[eLlvo es lrnos famlllarlzando con los
dlsLlnLos aspecLos que lremos esLudlando.












P-QR.:+ &*6-&S+T Cu007078
A77&') +% 7#-') 7):U%&6) en aprenderaprogramar.com -- > Cursos, o en la dlreccln slgulenLe:
hLLp://www.aprenderaprogramar.com/lndex.php?opLlon=com_conLenL&vlew=caLegory&ld=69&lLemld=192