Angel David Rodriguez

1. Á n g e l D a v i d R o d r í g u e z 2 9 . 5 6 1 . 4 0 2
P N F I 1 1 1 4
U P T A E B
H i s t o r i a d e l H T M L
A c o n t in u a c ió n u n a b r e v e H is t o r ia d e l H T M L , u n le n g u a je d e p r o g r a m a c ió n
q u e e s v it a l p a r a la e la b o r a c ió n d e p á g in a s w e b . S e m e n c io n a r á u n p o c o s o b r e
s u s in ic io s , lo s c u a le s n o s o n t a n a n t ig u o s c o m o s e p o d r í a lle g a r a p e n s a r ,
a d e m á s d e c ó m o f u e e v o lu c io n a n d o y m e jo r a n d o h a s t a lle g a r a la v e r s ió n
H T M L 5 .
¿ Q u é e s e l H T M L ?
E L H T M L e s u n le n g u a je d e p r o g r a m a c ió n p a r a la e la b o r a c ió n d e p á g in a s
w e b , q u e s e b a s a e n e l u s o d e e t iq u e t a s e n c e r r a d a s p o r e l u s o d e c o r c h e t e s
a n g u la r e s ( < > ) e l c u a l e s u t iliz a d o p a r a t r a d u c ir la e s t r u c t u r a y la in f o r m a c ió n
e n f o r m a d e t e x t o , c o n la c a p a c id a d d e a g r e g a r o b je t o s c o m o im á g e n e s ,
v id e o s , e n t r e o t r a s . E n la a c t u a lid a d e l H T M L e s c o m p le t a d o p o r o t r a s
t e c n o lo g í a s c o m o la s H o ja s d e E s t ilo e n C a s c a d a ( C S S ) , e l J a v a S c r ip t , e n t r e
o t r a s .
¿ Q u ié n c r e ó e l H T M L ?
E l H T M L f u e d e s a r r o lla d o o r ig in a lm e n t e p o r e l f í s ic o in g lé s T im B e r n e r s - L e e ,
u n t r a b a ja d o r d e l C E R N ( O r g a n iz a c ió n E u r o p e a p a r a la I n v e s t ig a c ió n N u c le a r )
q u ie n a f in a le s d e 1 9 8 9 p r o p u s o e l le n g u a je H T M L ju n t o c o n e l p r o t o c o lo H T T P ,
q u e t e n í a c o m o f in a lid a d c r e a r u n m e d io p a r a p o d e r c o m p a r t ir in f o r m a c ió n
e n t r e d iv e r s o s “ g r a n d e s ” f í s ic o s d e la é p o c a . C a d a v e r s ió n d e H T M L e s t a b le c e
u n a s n o r m a s o p a s o s c o n r e s p e c t o a c u á le s s o n la s e t iq u e t a s v á lid a s y c ó m o
s e d e b e n e s c r ib ir .
O r ig e n d e l H T M L
E l p r im e r d o c u m e n t o q u e s e p u b lic ó d e m a n e r a f o r m a l, s o b r e la e s t r u c t u r a d e l
H T M L s e p u b lic ó e n e l a ñ o d e 1 9 9 1 c o n e l n o m b r e d e : “ H T M L T a g s “ ,
s im p le m e n t e t e x t o e n d o n d e s e e x p lic a n la s e t iq u e t a s q u e s e u s a n e n H T M L .

2. E s t e d o c u m e n t o a ú n s e e n c u e n t r a d is p o n ib le p a r a s u c o n s u lt a e n la w e b :
H T M L T a g s .
T a l y c o m o lo e x p lic a e l d o c u m e n t o , e n e l H T M L s e u t iliz a n e t iq u e t a s t a n t o d e
a p e r t u r a c o m o d e c ie r r e ( s o lo e n a lg u n a s e x c e p c io n e s n o ) e n d o n d e s e a b r e
c o n lo s c o r c h e t e s a n g u la r e s y s e c ie r r a d e ig u a l m a n e r a c o n lo s c o r c h e t e s p e r o
a n t e p o n ie n d o u n ( / ) . E s d e c ir : < T it le > < / T it le >
V e r s io n e s d e H T M L :
E l p r im e r o e n s a lir f u e e l H T M L 1 , s in e m b a r g o n o f u e c o n s id e r a d o u n e s t á n d a r
o v e r s ió n o f ic ia l, p o r lo q u e m u c h a s v e c e s s e c o n s id e r a a l H T M L 2 c o m o la
p r im e r a v e r s ió n d e l H T M L .
H T M L 2 . 0 : F u e p r e s e n t a d o e n e l a ñ o 1 9 9 5 . E l H T M L 2 e s c o n s id e r a d o la
p r im e r a v e r s ió n d e l H T M L , e l c u a l n o s o p o r t a b a t a b la s y d o n d e la d e c la r a c ió n
e x p lí c it a d e lo s e le m e n t o s b o d y , h t m l y h e a d e s o p c io n a l.
H T M L 3 . 2 : E s t a v e r s ió n s e la n z ó e n e l a ñ o d e 1 9 9 7 g r a c ia s a l o r g a n is m o d e
e s t a n d a r iz a c ió n lla m a d o W 3 C ( W o r ld W id e W e b C o n s o r t iu m ) . E l c u a l
in c o r p o r ó lo s ú lt im o s a v a n c e s d e la s p á g in a s w e b c o m o a p p le t s d e J a v a y t e x to
q u e f lu y e a lr e d e d o r d e la s im á g e n e s .
H T M L 4 . 0 : L a n z a d a e n 1 9 9 8 . E n t r e s u s in n o v a c io n e s m á s d e s t a c a d a s s e
p u e d e n e n c o n t r a r la s h o ja s d e e s t ilo s C S S , la p o s ib ilid a d d e a ñ a d ir p e q u e ñ o s
p r o g r a m a s o s c r ip t s e n la s p á g in a s w e b , m e jo r a d e la a c c e s ib ilid a d d e la s
p á g in a s d is e ñ a d a s , t a b la s c o m p le ja s y m e jo r a s e n lo s f o r m u la r io s .
H T M L 4 . 0 1 : S a lió a la lu z e n 1 9 9 9 c o m o u n a r e v is ió n y a c t u a liz a c ió n d e la
v e r s ió n H T M L 4 . 0 , p o r lo q u e e s t a n o in c lu y e n o v e d a d e s s ig n if ic a t iv a s .
H T M L 4 . 0 1 S t r i c t : E n e s t e t ip o d e d o c u m e n t o s s e p u e d e n u s a r e t iq u e t a s
H T M L 4 . 0 1 , p e r o n o s e a c e p t a n e t iq u e t a s o b s o le t a s , e s d e c ir , e t iq u e t a s p r o p ia s
d e v e r s io n e s m á s a n t ig u a s . E s la v e r s ió n q u e s i la u s a m o s e n t e o r í a n o s
d e b e r í a d a r u n r e s u lt a d o ó p t im o e n lo s n a v e g a d o r e s m á s m o d e r n o s .
H T M L 4 . 0 1 T r a n s i t i o n a l : E n e s t e t ip o d e d o c u m e n t o s s e p u e d e n u t iliz a r t o d a s
la s e t iq u e t a s d e t o d a s la s v e r s io n e s d e H T M L . U s a r e s t a v a r ia n t e d e H T M L n o
e s r e c o m e n d a b le p o r q u e p o d e m o s u s a r e t iq u e t a s o b s o le t a s q u e p o d r í a n d e ja r
d e f u n c io n a r e n la s p r ó x im a s v e r s io n e s d e lo s n a v e g a d o r e s . E s t e e s e l
e s t á n d a r m á s u s a d o , p o r q u e c o m b in a la p o s ib ilid a d d e u s a r e t iq u e t a s m á s

3. a n t ig u a s y e t iq u e t a s m á s m o d e r n a s , d e f o r m a q u e p o d a m o s a s p ir a r a u n a
m e jo r v is u a liz a c ió n e n la m a y o r p a r t e d e lo s n a v e g a d o r e s .
H T M L 4 . 0 1 F r a m e s e t : E s t e t ip o d e d o c u m e n t o s t ie n e s o p o r t e p a r a f r a m e s . L o s
f r a m e s s o n u n o s m a r c o s a m o d o d e p e q u e ñ a s s u b - v e n t a n a s d e n t r o d e u n a
m is m a p á g in a w e b q u e s e u s a b a n m u c h o h a c e u n o s a ñ o s p e r o q u e h o y e n d í a
s e u s a n c a d a v e z m e n o s . E s t e t ip o d e H T M L p o d e m o s c o n s id e r a r lo a n t ic u a d o ,
p o r q u e h a y o t r a s f o r m a s d e d is e ñ a r p á g in a s w e b s in f r a m e s m á s m o d e r n a s y
ú t ile s q u e n o s p e r m it e n o b t e n e r e l m is m o r e s u lt a d o d e f o r m a m á s e f ic ie n t e .
H T M L 5 : Q u in t a r e v is ió n im p o r t a n t e d e l le n g u a je b á s ic o d e la W o r ld W id e W e b ,
e l c u a l e s p e c if ic a d o s v a r ia n t e s d e s in t a x is p a r a H T M L : e l c lá s ic o H T M L
( t e x t / h t m l) , y la v a r ia n t e c o n o c id a c o m o H T M L 5 y u n a v a r ia n t e X H T M L
c o n o c id a c o m o s in t a x is X H T M L 5 . E s t e n u e v o e s t á n d a r a u n n o e s t a n u t iliz a d o
p e r o s u p o t e n c ia l e s m u c h o m a y o r a la s v e r s io n e s a n t e r io r e s , e l c u a l in c lu y e
in t e r e s a n t e s m e jo r a s c o m o n u e v o s e le m e n t o s y e t iq u e t a s .
R e f le x ió n
E n t o n c e s s e p u e d e d e c ir q u e e l H T M L s o n la s s ig la s o a b r e v ia c ió n d e H y p e r -
t e x t M a r k u p L a n g u a g e ( L e n g u a je d e h ip e r - t e x t o m a r c a d o ) . E s u n le n g u a je
in f o r m á t ic o p a r a d e s c r ib ir u n d o c u m e n t o ; y e s u n a d e la s c o lu m n a s v e r t e b r a le s
d e la I n t e r n e t m o d e r n a . P r á c t ic a m e n t e t o d o e l c o n t e n id o q u e e s u t iliz a d o d e la
w e b s e n o s p r e s e n t a u s a n d o e l H T M L . E l f o r m a t o H T M L e s t á b a s a d o e n la
d e f in ic ió n d e e t iq u e t a s ( s o n la s q u e d e s c r ib e n p a r t e s d e u n d o c u m e n t o )
y a t r ib u t o s ( E s t a s s o n la s q u e d e s c r ib e n a la s e t iq u e t a s ) .
D e s d e q u e s e p u b lic ó e l p r im e r d o c u m e n t o s o b r e la e s t r u c t u r a d e l H T M L e n
1 9 9 1 h a s t a la v e r s ió n a c t u a l, s e p u e d e n n o t a r lo s in c r e í b le s c a m b io s q u e s e
h a n a ñ a d id o a m e d id a q u e s e ib a n a c t u a liz a n d o la s v e r s io n e s d e l H T M L c o m o
la s m e jo r a s e n s u s e le m e n t o s y e t iq u e t a s h a s t a lle g a r a la v e r s ió n H T M L 5 q u e
t ie n e u n p o t e n c ia l m u c h o m a y o r q u e la s a n t e r io r e s .
E n c o n c lu s ió n e l H T M L e s u n le n g u a je n o t a n c o m p le jo p a r a e l d is e ñ o d e
p á g in a s w e b q u e e n u n f u t u r o h a b r á n in n o v a c io n e s q u e p u e d a n h a c e r m u c h o
m á s s e n c illo t a n t o e n la s e t iq u e t a s c o m o e n e l d is e ñ o .