Γράφοντας HTML | Σχετικά | Παραπομπές | Ετικέτες |Μαθήματα | Προηγούμενο | Επόμενο |

11. Ειδικοί Χαρακτήρες

Σημείωση: Αν δεν έχετε τα αρχεία των προηγούμενων μαθημάτων, μπορείτε να τα κατεβάσετε τώρα

Σημάδια Προφοράς

Μερικές φορές χρειάζεται να χρησιμοποιήσετε κάποιους ειδικούς χαρακτήρες σε μια σελίδα, για την προφορά ή σαν διακριτικό σημάδι. Οι χαρακτήρες αυτοί είναι γνωστοί σαν ISO, και στη HTML αναπαρίστανται ως εξής:

   &xxxx;

όπου XXXX είναι ο κωδικός για τον ειδικό χαρακτήρα. Για να γράψουμε τον ειδικό χαρακτήρα για το Γερμανικό umlaut (u), θα χρησιμοποιήσουμε την HTML:

  ü

Για παράδειγμα, στην ενότητα Terminology του Volcano Web, θέλουμε να προσθέσουμε την εξήγηση ενός τεχνολογικού όρου που χρησιμοποιείται για να περιγράψει ενα συγκεκριμένο τύπο ηφαιστειακής ροής. Αυτός ο όρος είναι ο nuee ardente (που προέρχεται απο τα γαλλικά και σημαίνει σε ελεύθερη απόδοση "αστραφτερό σύνεφο"), αλλά για να χρησιμοποιηθεί η κατάλληλη προφορά χρειάζεται το πρώτο e στη λέξη nuee να είναι τονισμένο. Σε αυτή την περίπτωση θα αλλάξουμε το e με το ειδικό χαρακτήρα &eacute:

nuée ardente

Για περισσότερες πληροφορίες σχετικά με του κώδικες αυτούς, δείτε τη λίστα τους ειδικούς χαρακτήρες ISO

Θα προσθέσουμε μια πρόταση στο HTML αρχείο που χρησιμοποιεί ένα τονισμένο χαρακτήρα:

1. Ανοίξτε το αρχείο index.html στον κειμενογράφο σας.
2. Κάτω απο τη λίστα με τους όρους της ενότητας Volcanology Terminology προσθέστε το ακόλουθο κείμενο:   

The term <I>nu&eacute;e ardente,</I> or
  "glowing cloud" was first used by La Croix (1904)
  in his description of the volcanic flows he observed in
  the 1902 eruption of Mt Pel&eacute;e, a historically
  active volcano on the island of Martinique.

3. Σώστε και ανοίξτε το HTML αρχείο στον browser.

HTML Escape Sequences

H HTML για τα σημάδια προφοράς είναι ένα παράδειγμα για μια πιο γενική κατηγορία ετικετών που είναι γνωστές ως escape sequences. Στην HTML που έχετε γράψει ως τώρα ίσως να έχετε αναρωτηθεί τι κάνετε αν χρειάζεται να χρησιμοποιήσετε σύμβολα όπως τα < (μικρότερο απο) ή > (μεγαλύτερο απο). Οι δυο αυτοί χαρακτήρες, καθώς και το & έχουν ειδικό νόημα στην HTML και δεν μπορούν να χρησιμοποιηθούν απλά πληκτρολογώντας τους. Για το λόγο αυτό χρησιμοποιούνται οι escape sequences:

&lt;  is used for <
&gt;  is used for >
&amp; is used for &

Ας ενσωματώσουμε στη συνέχεια έναν τέτοιο χαρακτήρα στο Volcano Web. Στο προηγούμενο μάθημα προσθέσαμε ενα πίνακα με τη λίστα αρκετών ηφαιστείων και του υλικού που εκτόξευσε το καθένα. Ας υποθέσουμε οτι κάποια απο τις τιμές (500-600) για το Long Valley δεν είναι ακριβείς (συχνά τέτοιες τιμές είναι εκτιμήσεις), και θέλουμε να το αλλάξουμε με τα >450 & <700. Για να το κάνουμε αυτό:

1. Ανοίξτε το αρχείο index.html στον κειμενογράφο σας.
2. Κάτω απο την επικεφαλίδα Volumes of Some Well-Known Volcanic Eruptions, βρείτε τη γραμμή για το Long Valley:

     Long Valley, California      pre-historic        500 - 600

   και αλλάξτε την με την:

     Long Valley, California      pre-historic       &gt;450 &amp; &lt;700

3. Σώστε και ανοίξτε το HTML αρχείο στον browser.

Επιπλέον Διαστήματα

Καθώς θα έχετε δει, ο web browser αγνοεί οποιδήποτε επιπλέον διάστημα ανάμεσα στις λέξεις ενος HTML αρχείου. Ωστόσο μπορεί να υπάρξουν φορές που χρειάζεται να έχετε παραπάνω απο ένα κενό διάστημα. Πότε; Αν για παράδειγμα θέλετε την αρχή της κάθε παραγράφου να εμφανίζεται πιο μέσα.

Ο κώδικας HTML για να προσθέσετε κενο διάστημα είναι ο ειδικός χαρακτήρας "non-breaking space":

  &nbsp;

Δείτε ορισμένα παραδείγματα για τη χρήση του:

Διαχωρισμός των γραμμάτων μιας λέξης για να έχουν μεγαλύτερη απόσταση
HTML	ΑΠΟΤΕΛΕΣΜΑ
<b> C &nbsp; H &nbsp; E &nbsp; E &nbsp; S &nbsp; E </b>	C   H   E   E   S   E
Εμφάνιση της αρχής κάθε παραγράφου, πιο μέσα απο το υπόλοιπο κείμενο
HTML	ΑΠΟΤΕΛΕΣΜΑ
&nbsp; &nbsp; When Sir Longhorn had tragically died, no one was left to carry on his tradition. There was much sadness in the land. And no cheese. <p> &nbsp; &nbsp; But then the young genius Sheila Colby discovered the missing ingredient. And once again, cheese was plentiful.	When Sir Longhorn had tragically died, no one was left to carry on his tradition. There was much sadness in the land. And no cheese.     But then the young genius Sheila Colby discovered the missing ingredient. And once again, cheese was plentiful.
Ένα επιπλέον διάστημα χρησιμοποιείται για να μεγαλώσει την απόσταση απο το τέλος κάθε πρότασης.
HTML	ΑΠΟΤΕΛΕΣΜΑ
&nbsp; &nbsp; When Sir Longhorn had tragically died, no one was left to carry on his tradition. &nbsp; There was much sadness in the land. &nbsp; And no cheese. <p> &nbsp; &nbsp; But then the young genius Sheila Colby discovered the missing ingredient. &nbsp; And once again, cheese was plentiful.	When Sir Longhorn had tragically died, no one was left to carry on his tradition.   There was much sadness in the land.   And no cheese.     But then the young genius Sheila Colby discovered the missing ingredient.   And once again, cheese was plentiful.

Ελέγξτε τις αλλαγές

Συγκρίνετε τις σελίδες σας με το δείγμα για το πως θα πρέπει να εμφανίζονται. Αν κάτι δε δουλεύει, ελέξτε ξανά τον κώδικα σας.

Περισσότερες Πληροφορίες

Στον παρακάτω πίνακα θα βρείτε ορισμένους επιπλέον ειδικούς χαρακτήρες που μπορεί να σας φανούν χρήσιμοι:

Στη συνέχεια: 12. Λίστες Ορισμών

Γράφοντας HTML | Σχετικά | Παραπομπές | Ετικέτες |Μαθήματα | Προηγούμενο | Επόμενο |