background image

 
 

 

 

21 

 

2.2 Γλώσσες προγραμματισμού front-end 

 

Στο συγκεκριμένο  κομμάτι  γίνεται αναφορά στις γλώσσες  προγραμματισμού, 

οι οποίες εστιάζουν  περισσότερο  στο γραφικό  περιβάλλον και την αρχιτεκτονική  της 

πλατφόρμας.  Πιο  συγκεκριμένα,  οι  front-end  γλώσσες  εστιάζουν  στη  δομή,  το 

περιεχόμενο και την οπτική της ιστοσελίδας,  δηλαδή με αυτό που αντικρύζει  ο τελικός 

χρήστης όταν περιηγείται σε μια ιστοσελίδα. 

 

2.2.1 HTML 5.0          
 

Η HTML [2] είναι μια πολύ σημαντική γλώσσα καθώς θεωρείται  ο δημιουργός 

όλων  των  ιστοσελίδων.  Για  παράδειγμα,  δεν  θα  δούμε  ποτέ  ιστοσελίδες  να 

υλοποιούνται  από ένα αρχείο  CSS  μόνο ή ένα αρχείο  JavaScript,  αλλά μπορούμε  να 

δούμε  ιστοσελίδες  που υλοποιούνται  μόνο από ένα HTML αρχείο. Η συντομογραφία 

HTML προέρχεται  από τα αρχικά των λέξεων  HyperText Markup  Language και η πιο 

σημαντική λέξη του αναπτύγματος είναι η λέξη  Markup που περιγράφει ότι η HTML 

είναι μια περιγραφική γλώσσα. 

Υπάρχουν  πολλές  περιγραφικές  (Markup)  γλώσσες  όπως  για  παράδειγμα  η 

XML  (Extensible  Markup  Language)  και  η  GML  (Generalized  Markup  Language). 

Όλες  αυτές  οι  περιγραφικές  γλώσσες  χρησιμοποιούνται  για να  κτίσουν  όλους  τους 

ιστοχώρους.  Η HTML επιτρέπει την ενσωμάτωση  εικόνων,  βίντεο και ήχου μέσα στη 

σελίδα, και μπορεί να χρησιμοποιηθεί για να εμφανίσει διαδραστικές φόρμες. Παρέχει 

μεθόδους  δημιουργίας  δομημένων  εγγράφων  καθορίζοντας  δομικά  στοιχεία  για  το 

κείμενο όπως παραγράφους, κεφαλίδες, λίστες, συνδέσμους και άλλα. Μπορούν επίσης 

να  ενσωματώνονται  σενάρια  εντολών  σε  γλώσσες  όπως  η  JavaScript,  τα  οποία 

επηρεάζουν  την  λειτουργία  των  ιστοσελίδων  HTML  και  από  στατικές  γίνονται 

διαδραστικές. 

Όσον  αφορά  την  τελευταία  έκδοση  της  HTML,  την  HTML5,  προσφέρει 

περισσότερα  πλεονεκτήματα  και  χαρακτηριστικά  από  τον  προκάτοχο  της,  την 

HTML4.01.  Δίνει έμφαση στη βελτιστοποίηση  της σήμανσης που απαιτείται για την 

ανάπτυξη  ανταποκρίσιμων  (responsive)  ιστοχώρων  και  για  τη  σύνδεση  όλων  των 

απαιτούμενων αρχείων CSS και JavaScript που απαιτούνται.