Βασικά στοιχεία HTML - Απαιτούμενες ετικέτες και δημιουργία εγγράφου HTML - 5,0 από 5 με βάση 1 ψήφο
Σε αυτό το σεμινάριο, θα καλύψουμε τα βασικά της HTML.
Όπως ήδη γνωρίζετε, οι περισσότερες ιστοσελίδες στο Διαδίκτυο έχουν τη μορφή αρχείων html. Εξετάστε τις βασικές ετικέτες ενός τέτοιου εγγράφου και τον σκοπό τους.
Διαφέρουν από ένα έγγραφο κειμένου στο ότι τα έγγραφα html περιέχουν ορισμένες ετικέτες που καθορίζουν πώς θα φαίνονται το κείμενο και τα γραφικά στη σελίδα και έχουν επίσης τις αντίστοιχες επεκτάσεις αρχείων.
Για να καταλάβει το πρόγραμμα περιήγησης αυτή η σελίδααποτελείται από ετικέτες και προορίζεται για αυτό, πρέπει να έχει μια συγκεκριμένη επέκταση. Τα έγγραφα HTML έχουν επεκτάσεις .html ή .htm.
Τώρα θα δημιουργήσουμε μια απλή ιστοσελίδα. Η δημιουργία ενός εγγράφου html, δηλαδή ενός αρχείου με την επέκταση .html, είναι τόσο εύκολη όσο το ξεφλούδισμα των αχλαδιών. Σας προτείνω να δημιουργήσετε έναν ειδικό φάκελο για αυτό, όπου θα βάλετε όλα όσα θα εξετάσουμε στα μαθήματα.
Ενώ για λόγους μελέτης Γλώσσα HTMLδεν θα χρησιμοποιήσουμε για τη δημιουργία σελίδων ειδικά προγράμματα, όπως το ευρέως γνωστό . Στόχος μας σε αυτό το στάδιο είναι να μάθουμε τα βασικά της html.
Για να δημιουργήσουμε σελίδες, θα χρησιμοποιήσουμε ένα τυπικό πρόγραμμα επεξεργασίας κειμένου, το οποίο είναι διαθέσιμο σε οποιαδήποτε εκδόσεις Windows. Από την εμπειρία μου το ξέρω αυτή τη μέθοδοτο πιο παραγωγικό και κατανοητό για ένα άτομο που μόλις άρχισε να μαθαίνει τα βασικά της HTML.
Στο μέλλον, για να δημιουργήσετε έναν ιστότοπο, είναι καλύτερο να χρησιμοποιήσετε κάποιο είδος επεξεργασίας HTML, αυτό θα απλοποιήσει την εργασία σας. Προσωπικά, προτιμώ να χρησιμοποιώ το πρόγραμμα επεξεργασίας Dreamweaver.
Στο μεταξύ, ας χρησιμοποιήσουμε το πρόγραμμα επεξεργασίας κειμένου σημειωματάριο. Επομένως, πηγαίνουμε στο στοιχείο μενού "Έναρξη" >> "Όλα τα προγράμματα" >> "Τυπικό" - και εκκινούμε το πρόγραμμα επεξεργασίας κειμένου σημειωματάριο.
Τώρα αντιγράψτε και επικολλήστε τον παρακάτω κώδικα στο παράθυρο του σημειωματάριου, είναι η βάση για οποιοδήποτε αρχείο html:
Έγινε εισαγωγή; Και τώρα επιλέξτε το στοιχείο μενού "Αρχείο" στο σημειωματάριο και το στοιχείο "Αποθήκευση ως ..." στην αναπτυσσόμενη λίστα, θα ανοίξει ένα παράθυρο για την αποθήκευση του αρχείου. Εδώ θα μας ενδιαφέρει το πεδίο «Όνομα αρχείου». Εδώ πρέπει να εισάγετε το όνομα του αρχείου μας, για παράδειγμα «Η πρώτη μου σελίδα», και αντί για την επέκταση .txt, την επέκταση .html.
Να θυμάστε ότι για την τοποθέτηση σελίδων στο Διαδίκτυο, δίνονται ονόματα αγγλική γλώσσα, εδώ δώσαμε το όνομα στα ρωσικά απλώς ως παράδειγμα. Κοιτάξτε το σχέδιο.
Στη συνέχεια, επιλέξτε τον φάκελο που δημιουργήσατε νωρίτερα ή οποιονδήποτε άλλο φάκελο στον υπολογιστή σας και αποθηκεύστε αυτό το αρχείο εκεί. Εγώ ο ίδιος Έγγραφο κειμένουμην κλείνεις, θα συνεργαστούμε ακόμα μαζί του.
Ως αποτέλεσμα του γεγονότος ότι εισάγατε τον κωδικό και αλλάξατε την επέκταση από .txt σε .html, "μετατρέψαμε" ένα έγγραφο κειμένου σε έγγραφο html. Τώρα μεταβείτε στο φάκελο όπου αποθηκεύσατε αυτό το αρχείο και ανοίξτε το με το πρόγραμμα περιήγησής σας. Ως αποτέλεσμα, θα δείτε το κείμενο: "Εδώ δημιουργήσατε την πρώτη σας ιστοσελίδα!!!"
Μετά από αυτό, επιστρέψτε στο σημειωματάριό μας χωρίς να κλείσετε το παράθυρο του προγράμματος περιήγησης και προσπαθήστε να αλλάξετε το κείμενο "Εδώ δημιουργήσατε την πρώτη σας ιστοσελίδα !!!" σε ό,τι κι αν είναι. Στη συνέχεια, μεταβείτε στο στοιχείο μενού "Αρχείο" >> "Αποθήκευση" και μεταβείτε σε ένα ανοιχτό παράθυρο του προγράμματος περιήγησης με αυτήν τη σελίδα, όπου κάντε κλικ στο κουμπί για να ανανεώσετε τη σελίδα ή πατήστε τον συνδυασμό Πλήκτρα Ctrl+ R, η σελίδα θα ανανεωθεί και το πρόγραμμα περιήγησης θα εμφανίσει το κείμενό σας.
Πάντα να το κάνετε αυτό όταν αλλάζετε κάτι στον ίδιο τον κώδικα, στο επεξεργαστής κειμένουσημειωματάριο και θέλετε να δείτε πώς θα εμφανίζεται στο πρόγραμμα περιήγησής σας.
Τώρα ας καταλάβουμε τι είδους ετικέτες γράψαμε στο αρχείο μας. Στην πραγματικότητα, αυτές είναι οι πιο σημαντικές ετικέτες εγγράφων html, που αποτελούν τη βάση της HTMLαρχείο και πρέπει να υπάρχει σε κάθε έγγραφο HTML.
Η πρώτη από τις κύριες ετικέτες στον κώδικά μας είναι Αυτές οι ετικέτες έναρξης και λήξης ξεκινούν και τελειώνουν το έγγραφο html και λένε στο πρόγραμμα περιήγησης ότι το αρχείο πρέπει να αντιμετωπίζεται ως έγγραφο html.
Επόμενες ετικέτες
χρησιμεύουν ως ένα είδος κεφαλής του εγγράφου html, μέσα σε αυτά τοποθετούνται άλλες ετικέτες, οι οποίες περιέχουν ορισμένες πληροφορίες υπηρεσίας. Θα τα πούμε σε άλλα.Σε αυτήν την περίπτωση
περιέχουν ετικέτες,Σε αυτό το μάθημα, εξετάσαμε τις ετικέτες που απαιτούνται για κάθε έγγραφο html και αποτελούν τη βάση του. Στην επόμενη Μαθήματα HTMLΘα δούμε τις υπόλοιπες ετικέτες και θα μάθουμε για τι είναι υπεύθυνη κάθε ετικέτα ξεχωριστά και ποια χαρακτηριστικά είναι εγγενή σε μια συγκεκριμένη ετικέτα.
Βασικά στοιχεία HTMLπεριέχουν τους βασικούς κανόνες της γλώσσας HTML, μια περιγραφή της δομής μιας σελίδας HTML, σχέσεις στη δομή ενός εγγράφου HTML μεταξύ στοιχείων HTML.
Ένα έγγραφο HTML είναι ένα έγγραφο απλού κειμένου, μπορεί να δημιουργηθεί με τον ίδιο τρόπο όπως σε ένα κανονικό πρόγραμμα επεξεργασίας κειμένου. (Σημειωματάριο), και σε εξειδικευμένο, με επισήμανση κώδικα (Σημειωματάριο++, οπτικό στούντιοκωδικός, κλπ.). Ένα έγγραφο HTML έχει την επέκταση .html.
Ένα έγγραφο HTML αποτελείται από ένα δέντρο στοιχείων HTML και κειμένου. Κάθε στοιχείο προσδιορίζεται στο έγγραφο προέλευσης από μια ετικέτα έναρξης (άνοιγμα) και μια ετικέτα τέλους (κλείσιμο) (με σπάνιες εξαιρέσεις).
Ετικέτα έναρξηςδείχνει πού αρχίζει το στοιχείο, τέλος - πού τελειώνει. Ετικέτα κλεισίματοςσχηματίζεται με την προσθήκη κάθετου / πριν από το όνομα της ετικέτας:<имя тега> … . Μεταξύ των ετικετών έναρξης και τέλους βρίσκεται το περιεχόμενο της ετικέτας - περιεχόμενο.
Οι μεμονωμένες ετικέτες δεν μπορούν να αποθηκεύσουν απευθείας περιεχόμενο, είναι γραμμένο ως τιμή χαρακτηριστικού, για παράδειγμα, ετικέτα θα δημιουργήσει ένα κουμπί με κείμενο Κουμπίμέσα.
Οι ετικέτες μπορούν να είναι ένθετες η μία μέσα στην άλλη, για παράδειγμα,
Κείμενο
. Όταν επενδύετε, πρέπει να ακολουθείτε τη σειρά κλεισίματός τους (αρχή της "matryoshka"), για παράδειγμα, η ακόλουθη καταχώρηση θα ήταν λανθασμένη:Κείμενο
.Τα στοιχεία HTML μπορούν να έχουν χαρακτηριστικά (καθολικά, που εφαρμόζονται σε όλα τα στοιχεία HTML και τα δικά τους). Τα χαρακτηριστικά είναι γραμμένα στην ετικέτα έναρξης ενός στοιχείου και περιέχουν ένα όνομα και μια τιμή που καθορίζονται στη μορφή χαρακτηριστικού name="value" . Τα χαρακτηριστικά σάς επιτρέπουν να αλλάξετε τις ιδιότητες και τη συμπεριφορά του στοιχείου για το οποίο έχουν οριστεί.
Κάθε στοιχείο μπορεί να έχει πολλαπλές τιμές κλάσης και μόνο μία τιμή αναγνωριστικού. Πολλαπλές τιμές κλάσεων γράφονται με κενό,
Το πρόγραμμα περιήγησης προβάλλει (ερμηνεύει) ένα έγγραφο HTML, χτίζοντας τη δομή του (DOM) και το εμφανίζει σύμφωνα με τις οδηγίες που περιλαμβάνονται σε αυτό το αρχείο (φύλλα στυλ, σενάρια). Εάν η σήμανση είναι σωστή, τότε το παράθυρο του προγράμματος περιήγησης θα εμφανίσει μια σελίδα HTML που περιέχει στοιχεία HTML - επικεφαλίδες, πίνακες, εικόνες και ούτω καθεξής.
Διαδικασία ερμηνείας (τεχνολογία)ξεκινά πριν από την πλήρη φόρτωση της ιστοσελίδας στο πρόγραμμα περιήγησης. Τα προγράμματα περιήγησης επεξεργάζονται έγγραφα HTML διαδοχικά από την αρχή, ενώ επεξεργάζονται CSS και συσχετίζουν φύλλα στυλ με στοιχεία σελίδας.
Ένα έγγραφο HTML αποτελείται από δύο ενότητες - την επικεφαλίδα - μεταξύ των ετικετών
… και περιεχόμενο - μεταξύ ετικετών … .Δομή ιστοσελίδας
1. Η δομή του εγγράφου HTML
Η γλώσσα HTML ακολουθεί τους κανόνες που περιέχονται στο αρχείο δήλωσης τύπου εγγράφου. (Ορισμός τύπου εγγράφου ή DTD). Ένα DTD είναι ένα έγγραφο XML που ορίζει ποιες ετικέτες, χαρακτηριστικά και τις τιμές τους ισχύουν για ένα συγκεκριμένο Τύπος HTML. Κάθε έκδοση της HTML έχει το δικό της DTD.
DOCTYPEυπεύθυνος για τη σωστή εμφάνιση της ιστοσελίδας από το πρόγραμμα περιήγησης. Το DOCTYPE ορίζει όχι μόνο την έκδοση HTML (π.χ. html), αλλά και το αντίστοιχο αρχείο DTD στον ιστό.
Στοιχεία σε μια ετικέτα , σχηματίστε ένα δέντρο εγγράφων, το λεγόμενο μοντέλο αντικειμένουέγγραφο, DOM (μοντέλο αντικειμένου εγγράφου). Ταυτόχρονα, το στοιχείο είναι το ριζικό στοιχείο.
Ρύζι. ένας. Η απλούστερη δομήιστοσελίδες Για να κατανοήσουμε την αλληλεπίδραση των στοιχείων μιας ιστοσελίδας, είναι απαραίτητο να εξετάσουμε το λεγόμενο "οικογενειακή σχέση"μεταξύ στοιχείων. Οι σχέσεις μεταξύ πολλαπλών ένθετων στοιχείων ταξινομούνται σε σχέσεις γονέα, παιδιού και αδερφού.
ΠρόγονοςΈνα στοιχείο που περιέχει άλλα στοιχεία. Στο σχήμα 1, ο πρόγονος για όλα τα στοιχεία είναι . Ταυτόχρονα, το στοιχείο
είναι ο πρόγονος όλων των ετικετών που περιέχει:,
, ,
Απόγονος- ένα στοιχείο που βρίσκεται μέσα σε έναν ή περισσότερους τύπους στοιχείων. Για παράδειγμα,
είναι απόγονος , και το στοιχείοΕίναι παιδί και των δύο
και .γονικό στοιχείο- ένα στοιχείο που σχετίζεται με άλλα στοιχεία χαμηλότερου επιπέδου και βρίσκεται στο δέντρο πάνω από αυτά. Φιγούρα 1
και . ΕτικέταΕίναι γονέας μόνο σε .
παιδί στοιχείο - ένα στοιχείο άμεσα υποδεέστερο σε άλλο στοιχείο υψηλό επίπεδο. Στο σχήμα 1, μόνο στοιχεία
, ,
Και
αδελφικό στοιχείο- ένα στοιχείο που έχει ένα κοινό μητρικό στοιχείο με το υπό εξέταση στοιχείο, τα λεγόμενα στοιχεία του ίδιου επιπέδου. Φιγούρα 1
και - στοιχεία του ίδιου επιπέδου, καθώς και στοιχεία , και
Είναι αδερφικά μεταξύ τους.
1.1. Στοιχείο
1.2. Στοιχείο
Κεφάλαιο
...περιέχει τεχνικές πληροφορίες σχετικά με τη σελίδα: τίτλος, περιγραφή, λέξεις-κλειδιά για μηχανές αναζήτησης, κωδικοποίηση κ.λπ. Οι πληροφορίες που εισάγονται σε αυτό δεν εμφανίζονται στο παράθυρο του προγράμματος περιήγησης, αλλά περιέχουν δεδομένα που λένε στο πρόγραμμα περιήγησης πώς να επεξεργαστεί τη σελίδα.1.2.1. Στοιχείο </h4>
<p>Απαιτούμενη ετικέτα ενότητας <head>είναι η ετικέτα <title>. Το κείμενο που τοποθετείται μέσα σε αυτήν την ετικέτα εμφανίζεται στη γραμμή τίτλου του προγράμματος περιήγησης ιστού. Το μήκος του τίτλου δεν πρέπει να υπερβαίνει τους 60 χαρακτήρες για να χωράει πλήρως στον τίτλο. Το κείμενο του τίτλου πρέπει να περιέχει την πληρέστερη περιγραφή του περιεχομένου της ιστοσελίδας.</p>
<h4>1.2.2. Στοιχείο <meta></h4>
<p>Προαιρετική ετικέτα ενότητας <head>είναι μια ενιαία ετικέτα <meta>. Με αυτό, μπορείτε να ορίσετε μια περιγραφή του περιεχομένου της σελίδας και των λέξεων-κλειδιών για τις μηχανές αναζήτησης, τον συγγραφέα του εγγράφου HTML και άλλες ιδιότητες μεταδεδομένων. Στοιχείο <head>μπορεί να περιέχει πολλά στοιχεία <meta>, γιατί ανάλογα με τα χαρακτηριστικά που χρησιμοποιούνται, φέρουν διαφορετικές πληροφορίες.</p><p>
<meta name="description" content="Περιγραφή του περιεχομένου της σελίδας">
<meta name="keywords" content="Λέξεις-κλειδιά διαχωρισμένες με κόμμα">
</p><p>Η περιγραφή του περιεχομένου της σελίδας και οι λέξεις-κλειδιά μπορούν να καθοριστούν ταυτόχρονα σε πολλές γλώσσες, για παράδειγμα, στα ρωσικά και τα αγγλικά:</p><p>
<meta name="description" lang="ru" content="Περιγραφή του περιεχομένου της σελίδας">
<meta name="description" lang="en" content="Περιγραφή">
<meta name="keywords" lang="ru" content="Λέξεις-κλειδιά διαχωρισμένες με κόμμα">
<meta name="keywords" lang="en" content="λέξεις-κλειδιά">
</p><p>Με ετικέτα <meta>μπορείτε να απενεργοποιήσετε ή να επιτρέψετε την ευρετηρίαση μιας ιστοσελίδας από τις μηχανές αναζήτησης:</p>
<p>
<meta name="robots" content="index, follow">
</p><p>
<meta name="robots" content="index, nofollow">
</p><p>
<meta name="robots" content="noindex, nofollow">
</p><p>Για αυτόματη επαναφόρτωση της σελίδας μετά από μια καθορισμένη χρονική περίοδο, πρέπει να χρησιμοποιήσετε την τιμή ανανέωσης:</p><p>
<meta content="30">
</p><p>Η σελίδα θα επαναφορτωθεί σε 30 δευτερόλεπτα. Για να ανακατευθύνετε τον επισκέπτη σε άλλη σελίδα, πρέπει να καθορίσετε τη διεύθυνση URL στην παράμετρο url:</p><p>
<meta content="0; url=http://yandex.ru/">
</p><table class="t3">Πίνακας 2. Χαρακτηριστικά ετικέτας <meta>
<tbody><tr><th style="width: 20%;">Χαρακτηριστικό</th>
<th></th>
</tr><tr><td>σύνολο χαρακτήρων</td>
<td>Καθορίζει την κωδικοποίηση χαρακτήρων για το τρέχον έγγραφο HTML: <meta charset="UTF-8">
</td>
</tr><tr><td>περιεχόμενο</td>
<td>Περιέχει αυθαίρετο κείμενο που καθορίζει την τιμή που σχετίζεται με το χαρακτηριστικό http-equiv ή name, ανάλογα με την τιμή τους.</td>
</tr><tr><td>http-equiv</td>
<td>Ελέγχει τις ενέργειες του προγράμματος περιήγησης σε αυτήν την ιστοσελίδα (ισοδύναμη με τις κεφαλίδες HTTP). Κατά την εμφάνιση της σελίδας, το πρόγραμμα περιήγησης θα ακολουθήσει τις οδηγίες που δίνονται στο χαρακτηριστικό: <br>Το προεπιλεγμένο στυλ καθορίζει το προτιμώμενο στυλ που θα χρησιμοποιηθεί στη σελίδα. Το χαρακτηριστικό περιεχομένου πρέπει να περιέχει το αναγνωριστικό του στοιχείου <link>, το οποίο αναφέρεται σε ένα φύλλο στυλ CSS ή σε ένα αναγνωριστικό στοιχείου<style> , содержащего таблицу стилей.<br>
refresh указывает время в секундах до перезагрузки страницы или время до перенаправления на другую страницу, если в атрибуте content после указания времени идет строка "url=адрес_страницы" .<br>
Автоматическая перезагрузка страницы через заданный промежуток времени, в данном примере, через 30 секунд:<br>
<meta content="30"> <br>
Если необходимо сразу перебросить посетителя на другую страницу, то можно указать URL-адрес в параметре url:<br>
<meta content="0; url=http://mail.ru/">
</td>
</tr><tr><td> name
</td>
<td>Ассоциируется со значением, содержащемся в атрибуте content . Не должен использоваться в случае, если для элемента уже заданы атрибуты http-equiv , charset или itemprop .<br>
application-name указывает название веб-приложения, используемого на странице.<br>
author указывает имя автора документа в свободном формате.<br>
description определяет краткое описание к содержимому страницы, например:<br>
<meta name="description" content="Описание содержимого страницы"> <br>
generator указывает один из пакетов программного обеспечения, используемого для создания документа, например:<br>
<meta name="generator" content="WordPress 4.0"> .<br>
keywords содержит список ключевых слов, разделенных запятыми, соответствующих содержимому страницы, например:<br>
<meta name="keywords" content="Ключевые слова через запятую"> .<br><i>Также атрибут name может принимать следующие значения из расширенной спецификации, такие как creator , googlebot , publisher , robots , slurp , viewport , хотя ни одно из них еще не было официально принято.
</i>
</td>
</tr></tbody></table><h4>1.2.3. Элемент <style></h4>
<p>Внутри этого элемента задаются стили, которые используются на странице. Для задания стилей в HTML-документе используется язык CSS. Таких элементов на странице может быть несколько.</p>
<p>Внутрь этого элемента можно записывать код форматирования как самих элементов веб-страницы, так и веб-страницы целиком.</p><p>
<style type="text/css">
.paper {
width: 200px;
height: 300px;
background-color: #ef4444;
color: #666666;
}
</p><p>Чтобы подключить к элементу заданный стиль, необходимо через атрибут class (или id) присвоить элементу соответствующее название:</p><p>
<div class="paper">
...
</div>
</p><p>CSS-код можно встраивать непосредственно в элемент разметки в виде значение атрибута style , например:</p><p>
<h4>1.2.4. Элемент <link></h4>
<p>Задать стили для документа можно также при помощи другого способа - записать их в отдельный файл с расширением.css , например, style.css .</p>
<p>Подключить файл со стилями к веб-странице можно двумя способами:<br>через
директиву @import url</p><p>
<!DOCTYPE html>
<html>
<head>
<style>
@import url(style.css);
</style>
<meta>
<title>
χρησιμοποιώντας στοιχείο . Το στοιχείο δεν απαιτεί ετικέτα κλεισίματος. Αυτό το στοιχείο καθορίζει τη σχέση μεταξύ της τρέχουσας σελίδας και άλλων εγγράφων. Μπορεί να υπάρχουν πολλά τέτοια στοιχεία σε μια σελίδα. Η καταχώρηση θα μοιάζει με αυτό:
| Χαρακτηριστικό | Περιγραφή, αποδεκτή τιμή |
|---|---|
| διασταυρούμενης καταγωγής | Καθορίζει εάν το CORS (μια τεχνολογία προγράμματος περιήγησης που επιτρέπει σε μια ιστοσελίδα να έχει πρόσβαση σε πόρους από διαφορετικό τομέα) θα πρέπει να χρησιμοποιείται κατά τη λήψη μιας εικόνας από έναν ιστότοπο. ανώνυμη - σε ένα αίτημα μεταξύ τομέων, το πρόγραμμα περιήγησης προσθέτει αυτόματα μια κεφαλίδα Origin που περιέχει το όνομα του τομέα από τον οποίο υποβλήθηκε το αίτημα. Εάν ο διακομιστής δεν ανταποκρίνεται με κεφαλίδα CORS Access-Control-Allow-Origin: * (ή όνομα τομέα αντί για αστερίσκο), τότε η φόρτωση της εικόνας θα αποκλειστεί. use-credentials - εάν ο διακομιστής δεν παρέχει διαπιστευτήρια με Access-Control-Allow-Credentials: true, τότε η φόρτωση της εικόνας θα αποκλειστεί. |
| href | Το κύριο χαρακτηριστικό της ετικέτας, η τιμή είναι η διαδρομή προς το αρχείο με στυλ. |
| hreflang | Καθορίζει τη γλώσσα του κειμένου στο συνδεδεμένο έγγραφο. |
| μεσο ΜΑΖΙΚΗΣ ΕΝΗΜΕΡΩΣΗΣ | Καθορίζει τον τύπο της συσκευής στην οποία θα εφαρμοστεί ο πόρος σύνδεσης. |
| καμία φορά | Μια μεταβλητή συμβολοσειράς που δημιουργείται τυχαία από διακομιστή που ορίζει τους κανόνες για τη χρήση ενσωματωμένων στυλ για την προστασία του περιεχομένου. Η τιμή του χαρακτηριστικού είναι μια συμβολοσειρά κειμένου. |
| σχετ | Το χαρακτηριστικό ορίζει τη σχέση μεταξύ του τρέχοντος εγγράφου και του εγγράφου αναφοράς. εναλλακτικό - ένας σύνδεσμος προς το ίδιο έγγραφο αλλά σε διαφορετική μορφή (για παράδειγμα, εκτυπώσιμες σελίδες, μετάφραση, καθρέφτης, RSS ή ροή Atom), . Αρχεία δείχνει ότι το συνδεδεμένο έγγραφο παρουσιάζει ιστορικό ενδιαφέρον. Ο σύνδεσμος μπορεί να οδηγεί σε μια συλλογή αρχείων, εγγράφων και άλλου υλικού. σύνδεσμος συγγραφέα στη σελίδα σχετικά με τον συγγραφέα του εγγράφου ή στη σελίδα με τα στοιχεία επικοινωνίας του συγγραφέα. σελιδοδείκτης Μια αναφορά στον πλησιέστερο πρόγονο του άρθρου που είναι ο σύνδεσμος ή στην ενότητα του άρθρου που σχετίζεται πιο στενά με το στοιχείο εάν δεν υπάρχει πρόγονος. εξωτερικό χρησιμοποιείται για να υποδείξει ότι η συνδεδεμένη σελίδα δεν αποτελεί μέρος αυτού του ιστότοπου. καθορίζει πρώτα έναν σύνδεσμο προς το πρώτο έγγραφο σε μια ακολουθία εγγράφων. σύνδεσμος βοήθειας σε ένα έγγραφο βοήθειας. Το εικονίδιο καθορίζει τη διαδρομή προς το εικονίδιο που θα χρησιμοποιηθεί για το τρέχον έγγραφο. Το τελευταίο καθορίζει έναν σύνδεσμο προς το τελευταίο έγγραφο σε μια ακολουθία εγγράφων. άδεια Ένας σύνδεσμος προς τις πληροφορίες πνευματικών δικαιωμάτων για το έγγραφο. Το επόμενο υποδεικνύει ότι αυτό το έγγραφο είναι μέρος μιας σειράς και ότι ο σύνδεσμος οδηγεί στο επόμενο έγγραφο της σειράς. Το nofollow υποδεικνύει ότι ο σύνδεσμος δεν έχει εγκριθεί από τον συγγραφέα της σελίδας ή ότι ο σύνδεσμος είναι εμπορικός. Το noreferrer καθορίζει ότι η κεφαλίδα αιτήματος πελάτη που περιέχει τη διεύθυνση url της πηγής αιτήματος δεν πρέπει να μεταβιβάζεται όταν ακολουθείτε τη σύνδεση. Το pingback καθορίζει τη διεύθυνση του διακομιστή pingback, ο οποίος επιτρέπει στο ιστολόγιο να ειδοποιεί αυτόματα τους ιστότοπους που συνδέονται με αυτόν. Το prefetch καθορίζει ότι το αρχείο αναφοράς θα πρέπει να αποθηκευτεί στην προσωρινή μνήμη εκ των προτέρων. Το prev υποδεικνύει ότι αυτό το έγγραφο είναι μέρος μιας σειράς και ότι ο σύνδεσμος οδηγεί στο προηγούμενο έγγραφο της σειράς. Η αναζήτηση υποδεικνύει ότι το έγγραφο αναφοράς περιέχει μια διεπαφή αναζήτησης και σχετικούς πόρους. Η πλαϊνή γραμμή υποδεικνύει ότι το συνδεδεμένο έγγραφο, εάν είναι δυνατόν, θα εμφανίζεται σε ένα πρόσθετο πλαίσιο προγράμματος περιήγησης και ορισμένα προγράμματα περιήγησης, όταν κάνετε κλικ στον υπερσύνδεσμο, θα ανοίξουν ένα παράθυρο για να προσθέσετε τον σύνδεσμο στη γραμμή σελιδοδεικτών. Το φύλλο στυλ είναι μια αναφορά σε ένα εξωτερικό αρχείο που θα χρησιμοποιηθεί ως φύλλο στυλ για αυτό το έγγραφο. Η ετικέτα υποδηλώνει ότι η ετικέτα στην οποία οδηγεί ο υπερσύνδεσμος ανήκει σε αυτό το έγγραφο. επάνω υποδηλώνει ότι η σελίδα είναι μέρος μιας ιεραρχικής δομής και ότι η υπερ-σύνδεση οδηγεί σε έναν πόρο υψηλότερου επιπέδου στη δομή. |
| μεγέθη | Καθορίζει το μέγεθος των εικονιδίων για οπτική εμφάνιση. Το χαρακτηριστικό sizes χρησιμοποιείται μόνο σε συνδυασμό με το rel="icon" , και μπορεί να λάβει τις ακόλουθες τιμές: πλάτος ύψος - ορίζει μια λίστα μεγεθών που χωρίζονται με κενά, κάθε μέγεθος πρέπει να έχει τη μορφή - πλάτος ύψος (τα μεγέθη εικονιδίων καθορίζονται σε pixel), για παράδειγμα: ; οποιοδήποτε - το εικονίδιο μπορεί να κλιμακωθεί σε οποιοδήποτε μέγεθος. |
| τίτλος | Καθορίζει τον τίτλο του συνδέσμου ή το όνομα του συνόλου εναλλακτικών φύλλων στυλ. Η τιμή του χαρακτηριστικού είναι κείμενο. |
| τύπος | Καθορίζει τον τύπο MIME του εγγράφου με το οποίο συνδέεται. Σε αυτήν την περίπτωση, παίρνει την τιμή "text/css" . |