Καθώς αρχίζετε να εξερευνάτε τον κόσμο του σχεδιασμός ιστοσελίδων, θα έχετε αναμφίβολα μια σειρά από λέξεις και φράσεις που είναι νέες για εσάς Ένας από τους όρους που πιθανότατα θα ακούσετε είναι "σήμανση" ή ίσως "γλώσσα σήμανσης". Πώς διαφέρει το "markup" από το "code" και γιατί ορισμένοι επαγγελματίες του διαδικτύου φαίνεται να χρησιμοποιούν εναλλακτικά αυτούς τους όρους; Ας ξεκινήσουμε ρίχνοντας μια ματιά σε τι ακριβώς είναι η "γλώσσα σήμανσης".
Αυτό το παράδειγμα είναι μια παράγραφος HTML. Αποτελείται από μια ετικέτα ανοίγματος (
), μια ετικέτα κλεισίματος (
), και το πραγματικό κείμενο που θα εμφανίζεται στην οθόνη (αυτό είναι το κείμενο που περιλαμβάνεται μεταξύ των δύο ετικετών). Κάθε ετικέτα περιλαμβάνει ένα σύμβολο "μικρότερο από" και "μεγαλύτερο από" για να το ορίσει ως μέρος της σήμανσης. Όταν μορφοποιείτε κείμενο που θα εμφανίζεται σε υπολογιστή ή άλλη οθόνη συσκευής, πρέπει να κάνετε διάκριση μεταξύ του ίδιου του κειμένου και των οδηγιών για το κείμενο. Η "σήμανση" είναι οι οδηγίες για την εμφάνιση ή την εκτύπωση του κειμένου.
Η σήμανση δεν χρειάζεται να είναι αναγνώσιμη από υπολογιστή. Οι σχολιασμοί που γίνονται σε έντυπη μορφή ή σε ένα βιβλίο θεωρούνται επίσης σήμανση. Για παράδειγμα, πολλοί μαθητές στο σχολείο θα επισημάνουν συγκεκριμένες φράσεις στα βιβλία τους. Αυτό δείχνει ότι το επισημασμένο κείμενο είναι πιο σημαντικό από το κείμενο που το περιβάλλει. Το χρώμα επισήμανσης θεωρείται σήμανση.
Η σήμανση γίνεται γλώσσα όταν οι κανόνες κωδικοποιούνται σχετικά με τον τρόπο σύνταξης και χρήσης αυτής της σήμανσης. Ο ίδιος μαθητής θα μπορούσε να έχει τη δική του «γλώσσα σήμανσης σημειώσεων» εάν κωδικοποιούσε κανόνες όπως «το μοβ επισημασμένο είναι για ορισμούς, το κίτρινο επισημασμένο είναι για λεπτομέρειες εξετάσεων και οι σημειώσεις μολυβιού στο περιθώριο είναι για επιπλέον πόρους. "
Οι περισσότερες γλώσσες σήμανσης ορίζονται από μια εξωτερική αρχή για χρήση από πολλά διαφορετικά άτομα. Έτσι λειτουργούν οι γλώσσες σήμανσης για τον Ιστό. Ορίζονται από το W3C ή το World Wide Web Consortium.
Ας δούμε 3 γλώσσες σήμανσης
Σχεδόν κάθε αρκτικόλεξο στον Ιστό που έχει ένα «ML» είναι «γλώσσα σήμανσης» (μεγάλη έκπληξη, αυτό σημαίνει το «ML»). Οι γλώσσες σήμανσης είναι τα δομικά στοιχεία που χρησιμοποιούνται για τη δημιουργία ιστοσελίδων ή όλων των σχημάτων και μεγεθών.
Στην πραγματικότητα, υπάρχουν πολλές διαφορετικές γλώσσες σήμανσης εκεί έξω στον κόσμο. Για σχεδιασμό και ανάπτυξη ιστοσελίδων, υπάρχουν τρεις συγκεκριμένες γλώσσες σήμανσης που πιθανότατα θα εκτελέσετε. Αυτά είναι HTML, XML και XHTML.
Τι είναι η γλώσσα σήμανσης;
Για να ορίσετε σωστά αυτόν τον όρο - μια γλώσσα σήμανσης είναι μια γλώσσα που σχολιάζει κείμενο έτσι ώστε ο υπολογιστής να μπορεί να χειριστεί αυτό το κείμενο. Οι περισσότερες γλώσσες σήμανσης είναι αναγνώσιμες από τον άνθρωπο, επειδή οι σχολιασμοί γράφονται με τρόπο που να τις διακρίνουν από το ίδιο το κείμενο. Για παράδειγμα, με HTML, XML και XHTML, οι ετικέτες σήμανσης είναι.
<
και.
>
Κάθε κείμενο που εμφανίζεται σε έναν από αυτούς τους χαρακτήρες θεωρείται μέρος της γλώσσας σήμανσης και όχι μέρος του σχολιασμένου κειμένου. Για παράδειγμα:
HTML - Γλώσσα σήμανσης HyperText
Η γλώσσα σήμανσης HTML ή HyperText είναι η κύρια γλώσσα του Ιστού και η πιο συνηθισμένη με την οποία θα εργαστείτε ως σχεδιαστής / προγραμματιστής ιστού. Στην πραγματικότητα, μπορεί να είναι η μόνη γλώσσα σήμανσης που χρησιμοποιείτε στην εργασία σας.
Όλες οι ιστοσελίδες είναι γραμμένες με γεύση HTML. Η HTML καθορίζει τον τρόπο εμφάνισης εικόνων, πολυμέσων και κειμένου σε προγράμματα περιήγησης ιστού. Αυτή η γλώσσα περιλαμβάνει στοιχεία για τη σύνδεση των εγγράφων σας (υπερκειμένου) και για την αλληλεπίδραση των εγγράφων ιστού σας (όπως με φόρμες). Πολλοί άνθρωποι ονομάζουν HTML "κώδικα ιστότοπου", αλλά στην πραγματικότητα, είναι πραγματικά μια γλώσσα σήμανσης. Κανένας όρος δεν είναι απολύτως λάθος και θα ακούσετε ότι οι άνθρωποι, συμπεριλαμβανομένων των επαγγελματιών του διαδικτύου, χρησιμοποιούν αυτούς τους δύο όρους εναλλακτικά.
Η HTML είναι μια καθορισμένη τυπική γλώσσα σήμανσης. Βασίζεται σε SGML (Τυπική γενικευμένη γλώσσα σήμανσης). Είναι μια γλώσσα που χρησιμοποιεί ετικέτες για να καθορίσει τη δομή του κειμένου σας. Τα στοιχεία και οι ετικέτες ορίζονται από τους χαρακτήρες .
Ενώ η HTML είναι μακράν η πιο δημοφιλής γλώσσα σήμανσης που χρησιμοποιείται στον Ιστό σήμερα, δεν είναι η μόνη επιλογή για ανάπτυξη ιστού. Καθώς αναπτύχθηκε το HTML, έγινε όλο και πιο περίπλοκο και το στυλ και οι ετικέτες περιεχομένου συνδυάστηκαν σε μία γλώσσα. Τελικά, το W3C αποφάσισε ότι υπήρχε ανάγκη διαχωρισμού μεταξύ του στυλ μιας ιστοσελίδας και του περιεχομένου. Μια ετικέτα που καθορίζει μόνο το περιεχόμενο θα παραμείνει σε HTML, ενώ οι ετικέτες που ορίζουν το στυλ καταργήθηκαν υπέρ του CSS (Cascading Style Sheets).
Η πιο πρόσφατη αριθμημένη έκδοση του HTML είναι HTML5. Αυτή η έκδοση πρόσθεσε περισσότερες δυνατότητες σε HTML και αφαίρεσε κάποια από την αυστηρότητα που επέβαλε το XHTML (περισσότερα σε αυτήν τη γλώσσα σύντομα).
Ο τρόπος με τον οποίο κυκλοφορεί το HTML έχει αλλάξει με την άνοδο του HTML5. Σήμερα, προστίθενται νέες δυνατότητες και αλλαγές χωρίς να χρειάζεται να κυκλοφορήσει μια νέα, αριθμημένη έκδοση. Η τελευταία έκδοση της γλώσσας αναφέρεται απλά ως "HTML".
XML - eXtensible Markup Language
Το eXtensible Markup Language είναι η γλώσσα στην οποία βασίζεται μια άλλη έκδοση του HTML. Όπως το HTML, το XML βασίζεται επίσης στο SGML. Είναι λιγότερο αυστηρό από το SGML και πιο αυστηρό από το απλό HTML. Το XML παρέχει τη δυνατότητα επέκτασης για τη δημιουργία διαφόρων γλωσσών.
Το XML είναι μια γλώσσα για τη σύνταξη γλωσσών σήμανσης. Για παράδειγμα, εάν εργάζεστε στη γενεαλογία, μπορείτε να δημιουργήσετε ετικέτες χρησιμοποιώντας XML για να ορίσετε τον πατέρα, τη μητέρα, την κόρη και τον γιο σας στο XML σας ως εξής:. Υπάρχουν επίσης πολλές τυποποιημένες γλώσσες που έχουν ήδη δημιουργηθεί με XML: MathML για τον ορισμό των μαθηματικών, SMIL για εργασία με πολυμέσα, XHTML και πολλές άλλες.
XHTML - eXtended HyperText Markup Language
Το XHTML 1.0 είναι HTML 4.0 επαναπροσδιορισμένο ώστε να πληροί το XML πρότυπο. Το XHTML έχει αντικατασταθεί στη σύγχρονη σχεδίαση ιστού με HTML5 και τις αλλαγές που έχουν πραγματοποιηθεί από τότε. Είναι απίθανο να βρείτε νεότερους ιστότοπους χρησιμοποιώντας το XHTML, αλλά εάν εργάζεστε σε έναν πολύ παλαιότερο ιστότοπο, ενδέχεται να εξακολουθείτε να συναντάτε το XHTML εκεί έξω.
Δεν υπάρχουν πολλές σημαντικές διαφορές μεταξύ HTML και XHTML, αλλά εδώ θα παρατηρήσετε:
- Το XHTML είναι γραμμένο με πεζά γράμματα. Ενώ Ετικέτες HTML μπορεί να γραφτεί σε κεφαλαία UPPER, MiXeD ή πεζά, για να είναι σωστή, οι ετικέτες XHTML πρέπει να είναι όλες πεζά. (πολλοί επαγγελματίες του διαδικτύου γράφουν HTML σε όλα τα πεζά, παρόλο που δεν απαιτείται τεχνικά).
- Όλα τα στοιχεία XHTML πρέπει να έχουν τελική ετικέτα. Στοιχεία με μόνο μία ετικέτα, όπως και χρειάζονται κάθετο (/) στο τέλος της ετικέτας:
- Όλα τα χαρακτηριστικά πρέπει να αναφέρονται σε XHTML. Μερικά άτομα καταργούν τα εισαγωγικά γύρω από τα χαρακτηριστικά για εξοικονόμηση χώρου, αλλά απαιτούνται για το σωστό XHTML.
- Το XHTML απαιτεί οι ετικέτες να τοποθετούνται σωστά. Εάν ανοίξετε ένα έντονο () στοιχείο και στη συνέχεια πλάγια γράμματα () στοιχείο, πρέπει να κλείσετε το πλάγιο στοιχείο () πριν κλείσετε το έντονο (). (Σημειώστε ότι και τα δύο αυτά στοιχεία έχουν καταργηθεί επειδή είναι οπτικά στοιχεία. Το HTML χρησιμοποιεί τώρα και στη θέση αυτών των δύο).
- Τα χαρακτηριστικά HTML πρέπει να έχουν όνομα και τιμή. Τα χαρακτηριστικά που είναι αυτόνομα σε HTML πρέπει επίσης να δηλώνονται με τιμές, για παράδειγμα, το χαρακτηριστικό HR θα είναι γραμμένο noshade = "noshade".