Βασικές ετικέτες σε html. Κόλπα για τη σύνταξη τίτλου και περιγραφής

Οι ετικέτες HTML είναι η βάση της γλώσσας HTML. Οι ετικέτες χρησιμοποιούνται για την οριοθέτηση της αρχής και του τέλους των στοιχείων στη σήμανση.

Κάθε έγγραφο HTML αποτελείται από ένα δέντρο στοιχείων HTML και κειμένου. Κάθε στοιχείο HTML προσδιορίζεται από μια ετικέτα έναρξης (άνοιγμα) και ένα τέλος (κλείσιμο). Οι ετικέτες ανοίγματος και κλεισίματος περιέχουν το όνομα της ετικέτας.

Όλα τα στοιχεία HTML χωρίζονται σε πέντε τύπους:

  • άδεια στοιχεία - , ,
    , , , , , ,
    Χρησιμοποιείται για αποθήκευση Επιπλέον πληροφορίεςσχετικά με τη σελίδα. Αυτές οι πληροφορίες χρησιμοποιούνται από τα προγράμματα περιήγησης για την επεξεργασία της σελίδας και από τις μηχανές αναζήτησης για την ευρετηρίασή της. Μπορεί να υπάρχουν πολλές ετικέτες σε ένα μπλοκ, αφού ανάλογα με τα χαρακτηριστικά που χρησιμοποιούνται φέρουν διαφορετικές πληροφορίες. Δείκτης μέτρησης σε δεδομένο εύρος. Ένα τμήμα ενός εγγράφου που περιέχει συνδέσμους πλοήγησης για τον ιστότοπο. Καθορίζει μια ενότητα που δεν υποστηρίζει δέσμες ενεργειών. Δοχείο για ενσωμάτωση πολυμέσων (π.χ. ήχου, βίντεο, μικροεφαρμογές Java, ActiveX, PDF και Flash). Μπορείτε επίσης να εισαγάγετε μια άλλη ιστοσελίδα στο τρέχον έγγραφο HTML. Η ετικέτα χρησιμοποιείται για τη μετάδοση των παραμέτρων του πρόσθετου. Ταξινομημένη αριθμημένη λίστα. Η αρίθμηση μπορεί να είναι αριθμητική ή αλφαβητική. Ένα δοχείο με τίτλο για μια ομάδα στοιχείων. Καθορίζει μια επιλογή/επιλογή για επιλογή από την αναπτυσσόμενη λίστα , ή ,. Πεδίο για την εμφάνιση του αποτελέσματος ενός υπολογισμού που υπολογίζεται με τη χρήση του σεναρίου.

    Παράγραφοι στο κείμενο. Καθορίζει παραμέτρους για προσθήκες που ενσωματώνονται χρησιμοποιώντας το στοιχείο. Ένα στοιχείο δοχείου που περιέχει ένα στοιχείο και μηδέν ή περισσότερα στοιχεία. Από μόνο του δεν εμφανίζει τίποτα. Επιτρέπει στο πρόγραμμα περιήγησης να επιλέξει την πιο κατάλληλη εικόνα. Εξάγει κείμενο χωρίς μορφοποίηση, διατηρώντας κενά και διαλείμματα κειμένου. Μπορεί να χρησιμοποιηθεί για εμφάνιση κωδικός υπολογιστή, μηνύματα ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗκαι τα λοιπά. Ένας δείκτης της ολοκλήρωσης μιας εργασίας κάθε είδους. Ορίζει ένα σύντομο απόσπασμα. Δοχείο για σύμβολα της Ανατολικής Ασίας και την αποκωδικοποίησή τους. Ορίζει το ένθετο κείμενό του ως το βασικό στοιχείο του σχολιασμού. Προσθέτει σύντομη περιγραφήπάνω ή κάτω από τους χαρακτήρες που περιέχονται στο στοιχείο, που εμφανίζονται με μικρότερη γραμματοσειρά. Επισημαίνει το ενσωματωμένο κείμενο ως πρόσθετο σχολιασμό. Έξοδοι εναλλακτικό κείμενοσε περίπτωση που το πρόγραμμα περιήγησης δεν υποστηρίζει το στοιχείο. Εμφανίζει κείμενο που δεν είναι τρέχον με διαγραφή. Χρησιμοποιείται για την εμφάνιση κειμένου που αντιπροσωπεύει το αποτέλεσμα της εκτέλεσης κώδικα προγράμματοςή σενάριο, καθώς και μηνύματα συστήματος. Εμφανίζεται με γραμματοσειρά monospace. Χρησιμοποιείται για τον ορισμό ενός σεναρίου από την πλευρά του πελάτη (συνήθως JavaScript). Περιέχει είτε κείμενο σεναρίου είτε σημεία σε εξωτερικό αρχείοσενάριο χρησιμοποιώντας το χαρακτηριστικό src. Καθορίζει μια λογική περιοχή (τμήμα) μιας σελίδας, συνήθως με κεφαλίδα. Ένα στοιχείο ελέγχου που σας επιτρέπει να επιλέξετε τιμές από ένα προτεινόμενο σύνολο. Οι τιμές παραλλαγής τοποθετούνται στο . Εμφανίζει κείμενο σε μικρότερο μέγεθος γραμματοσειράς. Καθορίζει τη θέση και τον τύπο των εναλλακτικών πόρων μέσων για το , , . Δοχείο για ενσωματωμένα στοιχεία. Μπορεί να χρησιμοποιηθεί για τη μορφοποίηση αποσπασμάτων κειμένου, όπως η επισήμανση μεμονωμένων λέξεων με χρώμα. Δίνει έμφαση στο κείμενο, επισημαίνοντάς το με έντονη γραφή. Περιλαμβάνει ενσωματωμένα φύλλα στυλ. Καθορίζει τη γραφή των συμβόλων, για παράδειγμα, δείκτη στοιχείων σε χημικούς τύπους. Δημιουργεί έναν ορατό τίτλο για την ετικέτα. Εμφανίζεται με ένα γεμάτο τρίγωνο, κάνοντας κλικ σε αυτό σας επιτρέπει να δείτε τις λεπτομέρειες του τίτλου. Καθορίζει την εκθέτη ορθογραφία των χαρακτήρων.

    Εξετάσαμε ένα παράδειγμα δημιουργίας μιας απλής σελίδας όπου δόθηκαν σχόλια σε ορισμένες ετικέτες html, καθώς μου φαίνεται ότι είναι καλύτερο να δείξουμε πρώτα κάτι με ένα παράδειγμα και μετά να προχωρήσουμε σε περισσότερα Λεπτομερής περιγραφή. Αυτός είναι ο λόγος για τον οποίο η δημιουργία μιας σελίδας συζητήθηκε στο δεύτερο μάθημα και με περισσότερες λεπτομέρειες στο τρίτο.

    Έτσι, παρακάτω είναι περιγραφές κοινών ετικετών HTML που χρησιμοποιούνται σχεδόν σε κάθε σελίδα του ιστότοπου. Πιστέψτε με, υπάρχουν ήδη αρκετά για να γράψουν έναν ολόκληρο ιστότοπο.

    Λίστα ετικετών html 1. Ετικέτα HTML (για παραγράφους) - εμφανίζει μια παράγραφο κειμένου (επιτρέπει χαρακτηριστικά στυλ, κλάσης, αναγνωριστικού). Η πιο κοινή ετικέτα, αφού το κείμενο τοποθετείται συχνότερα σε αυτήν (ωστόσο, για αυτό δημιουργήθηκε).

    Για παράδειγμα, κώδικας html:

    Κείμενο παράγραφος νούμερο ένα

    Και αυτή είναι μια άλλη παράγραφος

    Κείμενο παράγραφος νούμερο ένα

    Και αυτή είναι μια άλλη παράγραφος

    Μπορείτε επίσης να προσθέσετε μια παράμετρο στυλ στην ετικέτα:

    Με αυτά διαφορετικές έννοιεςμπορεί να επεξεργαστεί εμφάνισηγραμματοσειρά. Μπορείτε να διαβάσετε για αυτές τις παραμέτρους σε ένα ξεχωριστό μάθημα: στυλ σε html και την ιδιότητα γραμματοσειράς css.

    Μπορείτε επίσης να καθορίσετε τα χαρακτηριστικά CLASS και ID. Για παράδειγμα:

    2. Ετικέτα HTML και (με έντονη γραφή)

    Και - δύο ετικέτες που σας επιτρέπουν να κάνετε τη γραμματοσειρά έντονη. Δεν υπάρχει διαφορά μεταξύ αυτών των ετικετών.

    Ας δώσουμε ένα παράδειγμα. Κώδικας HTML:

    όνυξ του αντίχειρος

    Μετατρέπεται στα ακόλουθα στη σελίδα:

    όνυξ του αντίχειρος

    Μπορείτε επίσης να καθορίσετε τα χαρακτηριστικά CLASS και ID (όπως στην περίπτωση της Σημείωσης

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

    3. Ετικέτα HTML (δημιουργήστε πλάγιους χαρακτήρες)

    - πλάγια γραμματοσειρά (επιτρέπει παραμέτρους στυλ, κλάσης, αναγνωριστικού)

    Για παράδειγμα, κώδικας html:

    πλάγιο κείμενο

    Μετατρέπεται στα ακόλουθα στη σελίδα:

    4. Ετικέτα HTML (υπογραμμισμένο κείμενο)

    - υπογραμμισμένη γραμματοσειρά (επιτρέπει παραμέτρους στυλ, κλάσης, αναγνωριστικού)

    Για παράδειγμα, κώδικας html:

    υπογραμμισμένο κείμενο

    Μετατρέπεται στα ακόλουθα στη σελίδα:

    υπογραμμισμένο κείμενο

    5. Ετικέτα HTML (δημιουργώντας υπερσύνδεσμο)

    Δημιουργεί έναν σύνδεσμο στη σελίδα (επιτρέπει το στυλ, την τάξη και άλλες παραμέτρους).

    Για παράδειγμα, κώδικας html:

    κείμενο συνδέσμου

    Μετατρέπεται στα ακόλουθα στη σελίδα:

    Όλες οι παράμετροι και τα χαρακτηριστικά της ετικέτας θα συζητηθεί σε ξεχωριστό μάθημα: html tag.

    6. Ετικέτα HTML (επικεφαλίδες στο περιεχόμενο)

    ,..., - ετικέτες κεφαλίδας μέσα στο περιεχόμενο (επιτρέπει την παράμετρο στυλ, κλάση, αναγνωριστικό). Και τι; Όσο μικρότερος είναι ο αριθμός, τόσο μεγαλύτερο είναι το βάρος και το μέγεθος (από προεπιλογή) του κειμένου που περικλείεται σε αυτές τις ετικέτες.

    Για παράδειγμα, κώδικας html:

    Επικεφαλίδα h1

    Η ετικέτα χρησιμοποιείται για τον τίτλο της σελίδας (καθώς και τον τίτλο)

    Αυτές οι ετικέτες πρέπει να χρησιμοποιούνται μόνο για τον προορισμό τους, δηλ. μόνο όταν το άρθρο χρειάζεται τίτλο. Αυτό οφείλεται στο γεγονός ότι οι ετικέτες,..., έχουν μεγάλη επιρροή στις μηχανές αναζήτησης. Εάν χρησιμοποιηθούν σωστά, τότε οι πιθανότητες να φτάσετε κορυφαίες γραμμέςοι έξοδοι είναι πολύ υψηλές.

    7. Ετικέτα HTML (στοίχιση)

    - ευθυγραμμίζει το περιεχόμενο στο κέντρο.

    Για παράδειγμα, κώδικας html:

    Αυτό το κείμενο θα βρίσκεται στο κέντρο

    Μετατρέπεται στα ακόλουθα στη σελίδα:

    Αυτό το κείμενο θα βρίσκεται στο κέντρο

    Σημείωση
    • - για κείμενο
    • ... - για τα πάντα (για παράδειγμα, μια εικόνα)
    8. Ετικέτα HTML (κείμενο δείκτη)

    - Εμφανίζει τη γραμματοσειρά.

    Για παράδειγμα, κώδικας html:

    Απλό κείμενο, διαγραμμικό κείμενο

    Μετατρέπεται στα ακόλουθα στη σελίδα:

    Απλό κείμενο, διαγραμμικό κείμενο

    9. Ετικέτα HTML (κείμενο υπερθέτη)

    - εμφανίζει γραμματοσειρά εκθέτη.

    Για παράδειγμα, κώδικας html:

    Απλό κείμενο, κείμενο εκθέσεως

    Μετατρέπεται στα ακόλουθα στη σελίδα:

    Απλό κείμενο, κείμενο εκθέσεως

    10. Ετικέτα HTML,

    , - εμφανίζει μια γραμματοσειρά κατά ένα pixel μεγαλύτερη/μικρότερη από το τρέχον μέγεθος (επιτρέπεται από την παράμετρο στυλ, κλάση, αναγνωριστικό).

    Για παράδειγμα, κώδικας html:

    Κανονική γραμματοσειρά, αυτή η γραμματοσειρά είναι ένα pixel μεγαλύτερη

    Μετατρέπεται στα ακόλουθα στη σελίδα:

    Κανονική γραμματοσειρά, αυτή η γραμματοσειρά είναι ένα pixel μεγαλύτερη

    11. Ετικέτα HTML
      (δημιουργία λιστών)

      Εμφανίζει μια λίστα (δέχεται παραμέτρους στυλ, κλάσης, αναγνωριστικού). Κάθε νέο στοιχείοκαταγράφηκε μεταξύ

    • Και
      • .

      Για παράδειγμα, κώδικας html:

      Λίστα:
      • πρώτο στοιχείο της λίστας
      • δεύτερο στοιχείο της λίστας

      Μετατρέπεται στα ακόλουθα στη σελίδα:

      Λίστα:

      • πρώτο στοιχείο της λίστας
      • δεύτερο στοιχείο της λίστας
      12. Ετικέτα HTML
    Ετικέτα για τη δημιουργία πίνακα.
    Καθορίζει το σώμα του πίνακα.
    Δημιουργεί ένα κελί πίνακα.
    Χρησιμοποιείται για τη δήλωση θραυσμάτων κώδικα HTML που μπορούν να κλωνοποιηθούν και να εισαχθούν σε ένα έγγραφο μέσω ενός σεναρίου. Το περιεχόμενο μιας ετικέτας δεν είναι θυγατρικό στοιχείο.
    Δημιουργεί μεγάλα πεδία εισαγωγής κειμένου.
    Ορίζει το υποσέλιδο του πίνακα.
    Δημιουργεί έναν τίτλο κελιού πίνακα.
    Καθορίζει τον τίτλο του πίνακα.
    Καθορίζει την ημερομηνία/ώρα.
    Ο τίτλος ενός εγγράφου HTML που εμφανίζεται στην κορυφή της γραμμής τίτλου του προγράμματος περιήγησης. Μπορεί επίσης να εμφανίζεται στα αποτελέσματα αναζήτησης, επομένως αυτό θα πρέπει να λαμβάνεται υπόψη κατά την παροχή ενός τίτλου.
    Δημιουργεί μια σειρά πίνακα.
    Προσθέτει υπότιτλους για στοιχεία και .
    Επισημαίνει ένα απόσπασμα κειμένου με υπογράμμιση, χωρίς πρόσθετη έμφαση.
    		Δημιουργεί μια λίστα με κουκκίδες.
    Επισημαίνει μεταβλητές από προγράμματα εμφανίζοντάς τες με πλάγιους χαρακτήρες.
    Προσθέτει αρχεία βίντεο στη σελίδα. Υποστηρίζει 3 μορφές βίντεο: MP4, WebM, Ogg.
    Υποδεικνύει στο πρόγραμμα περιήγησης όπου μπορεί να σπάσει μια μεγάλη ουρά.
    (δημιουργία πινάκων)

    - δημιουργεί έναν πίνακα (επιτρέπει την παράμετρο στυλ, κλάσης). Καθε νέα γραμμήδημιουργήθηκε από ετικέτες και η στήλη .

    Για παράδειγμα, κώδικας html:

    1-γραμμή 1 στοιχείο1η γραμμή 2ο στοιχείο
    Στοιχείο 2-γραμμών 1Στοιχείο 2 γραμμών 2

    Μετατρέπεται στα ακόλουθα στη σελίδα:

    Όλες οι δυνατότητες ετικετών

    13. Ετικέτα HTML
    (διακοπή της γραμμής)


    - παω σε επόμενη γραμμή, αντιπροσωπεύει μια ενιαία ετικέτα.

    Για παράδειγμα, κώδικας html:

    Γραμμή 1
    2-γραμμών
    3η γραμμή Και αυτό το κείμενο θα είναι στην 3η γραμμή, αφού δεν έγινε μετάβαση

    Μετατρέπεται στα ακόλουθα στη σελίδα:

    1-Γραμμή
    2-γραμμών
    3η γραμμή Και αυτό το κείμενο θα είναι στην 3η γραμμή, αφού δεν έγινε μετάβαση

    14. Ετικέτα HTML ( οριζόντια γραμμή)

    - σχεδιάζει μια γραμμή, αντιπροσωπεύει μια ενιαία ετικέτα (επιτρέπει την παράμετρο στυλ, κλάσης).

    Για παράδειγμα, κώδικας html:

    Κάποιο κείμενο πάνω από τη γραμμή και αυτό το κείμενο θα είναι κάτω από τη γραμμή

    Μετατρέπεται στα ακόλουθα στη σελίδα:

    Κάποιο κείμενο πάνω από τη γραμμή και αυτό το κείμενο θα είναι κάτω από τη γραμμή

    15. Ετικέτα HTML (Έξοδος εικόνας)

    Για παράδειγμα, κώδικας html:

    http://img-fotki.yandex.ru/get/5821/27743399.2b/0_8875d_14383ca6_M.jpg ">

    Μετατρέπεται στα ακόλουθα στη σελίδα:

    Όλες οι δυνατότητες ετικετών θα συζητηθεί σε ξεχωριστό μάθημα: .

    16. Ετικέτα HTML (μορφοποίηση κειμένου)

    - για μορφοποίηση κειμένου, αλλαγή στυλ κ.λπ. (επιτρέπει το στυλ παραμέτρου, την κλάση, το αναγνωριστικό). Το βάρος του είναι στα μάτια μηχανές αναζήτησηςλείπει, οπότε μπορείτε να το χρησιμοποιήσετε όσο θέλετε.

    Για παράδειγμα, κώδικας html:

    Αυτό το κείμενο είναι πράσινο και το μέγεθός του είναι 15 pixel

    Μετατρέπεται στα ακόλουθα στη σελίδα:

    Σημείωση

    Μια παρόμοια ετικέτα είναι .

    17. Ετικέτα HTML (δημιουργία φόρμας)

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

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

    18. Ετικέτα HTML (δημιουργία μπλοκ)

    - χρησιμοποιείται για τη δημιουργία μπλοκ στη σελίδα (επιτρέπει το στυλ, την παράμετρο κλάσης). Παλαιότερα, οι πίνακες χρησιμοποιούνταν κυρίως για τη σήμανση σελίδων. Μετά την εμφάνιση της ετικέτας, η εργασία έγινε πιο εύκολη. Σχεδόν όλοι οι ιστότοποι περιέχουν μπλοκ ως βολική εναλλακτική λύση σε πίνακες.

    02.12.15 44,1Κ

    Συχνά, οι αρχάριοι webmasters βασανίζονται από το ερώτημα γιατί ορισμένοι ιστότοποι κατατάσσονται υψηλότερα και ξεπερνούν τους ανταγωνιστές τους. Αποτελέσματα αναζήτησης. Ο λόγος για αυτό μπορεί να είναι εσφαλμένα τοποθετημένες ετικέτες h1, h2...h6. Εάν αυτές οι ετικέτες τοποθετηθούν εσφαλμένα, χωρίς να ληφθούν υπόψη οι ιδιαιτερότητες του πόρου, τότε είναι πιο δύσκολο για τις μηχανές αναζήτησης να αποκτήσουν ακριβείς πληροφορίες σχετικά με τα άρθρα και τις λέξεις-κλειδιά που περιέχονται σε αυτά.

    Οι ετικέτες h1 - h6 σάς επιτρέπουν να επισημάνετε επικεφαλίδες σε διαφορετικά επίπεδα. Καθιστούν σαφές ποια μέρη του κειμένου αντικατοπτρίζουν με μεγαλύτερη ακρίβεια το θέμα του άρθρου και παρέχουν πλεονεκτήματα κατάταξης.

    Η σωστή τοποθέτηση ετικετών επιτρέπει στις μηχανές αναζήτησης να εμφανίζουν με μεγαλύτερη ακρίβεια τη σελίδα για ερωτήματα στα αποτελέσματα, γεγονός που έχει ευεργετική επίδραση στη θέση του πόρου:

    Γιατί χρειάζονται ετικέτες h1-h6;

    Οι ετικέτες περιέχουν το όνομα του ιστότοπου, τις επικεφαλίδες και τους υποτίτλους του κειμένου:


    Στην HTML, οι ετικέτες κεφαλίδας συμβολίζονται με h από το αγγλικό «header», που μεταφράζεται σημαίνει «επικεφαλίδα, κεφαλίδα». Ακολουθεί ένα παράδειγμα για το πώς φαίνεται:

    Επικεφαλίδα

    Οι ετικέτες επικεφαλίδων πρέπει να τοποθετούνται σε κάθε σελίδα του πόρου. Σε αυτήν την περίπτωση, η σημασία της επικεφαλίδας θα εξαρτηθεί από τον αριθμό της, τόσο πιο σημαντική είναι η επικεφαλίδα:

    - πιο σημαντικές ετικέτες - λιγότερο σημαντικές ετικέτες... - τελευταίες πιο σημαντικές ετικέτες

    Ωστόσο, η τοποθέτησή τους θα πρέπει να αντιμετωπίζεται με προσοχή. Η εσφαλμένη χρήση μπορεί να έχει ως αποτέλεσμα την επιβολή κυρώσεων στον πόρο σας από τις μηχανές αναζήτησης.

    Σύνταξη ετικετών h1-h6

    Τίτλος κειμένου Υπότιτλος 1 ... Υπότιτλος 2 Υπότιτλος 3.1 ... Υπότιτλος 3_2 Υπότιτλος 3


    Οι πιο δημοφιλείς ετικέτες είναι h1 h2 h3. Πώς να χρησιμοποιήσετε σωστά την ετικέτα h1;

    Αγνοώντας την ετικέτα h1, οι webmasters στερούνται από τον εαυτό τους αυτό σημαντικό πλεονέκτημα, όπως η βελτιστοποίηση περιεχομένου. Στους κινητήρες συχνά καταχωρείται αυτόματα, αλλά όχι πάντα, και αυτό το γεγονόςθα πρέπει να ληφθεί υπόψην.

    Η ετικέτα h1 HTML είναι η πιο σημαντική στο είδος της. Περιέχει το όνομα του ιστότοπου και τον τίτλο του άρθρου. Ωστόσο, δεν πρέπει να συγχέεται με μια ετικέτα (τίτλος σελίδας). Ο τίτλος αντικατοπτρίζεται στο πρόγραμμα περιήγησης στο επάνω μέρος της οθόνης στην αριστερή πλευρά τη στιγμή που ανοίγει η σελίδα του πόρου. Ο τίτλος γράφεται στην κεφαλίδα της σελίδας μεταξύ , ενώ τα h1 - h6 υποδεικνύονται στο «σώμα» της ίδιας της σελίδας και περικλείονται σε ετικέτες.

    Μπορεί να υπάρχει μόνο μία ετικέτα h1 σε μια σελίδα. Εάν καθορίσετε πολλές επικεφαλίδες με την ετικέτα h1, οι μηχανές αναζήτησης μπορεί να το θεωρήσουν ως υπερβολικό ανεπιθύμητο περιεχόμενο, το οποίο με τη σειρά του μπορεί να οδηγήσει σε απαγόρευση:


    Κανόνες για τη σύνθεση της κύριας επικεφαλίδας h1:
    • Η ετικέτα πρέπει να χρησιμοποιείται λέξεις-κλειδιά, χρησιμοποιείται για την προώθηση της σελίδας.
    • Δεν πρέπει να κάνετε την επικεφαλίδα h1 πολύ μεγάλη, μερικές λέξεις είναι αρκετές.
    • Το κείμενο του τίτλου πρέπει να είναι ευανάγνωστο.
    • Η μετα-ετικέτα h1 δεν πρέπει να περιέχει τίποτα άλλο εκτός από το ίδιο το κείμενο. Εάν θέλετε να το επισημάνετε, βάλτε τους κωδικούς έξω από την ετικέτα.
    • Πριν γράψετε χειροκίνητα το h1, βεβαιωθείτε ότι ο κινητήρας δεν το ρυθμίζει αυτόματα.
    • Το περιεχόμενο του h1 πρέπει να αντιστοιχεί στο θέμα που καθορίζεται στον τίτλο της σελίδας.
    • Όταν δημιουργείτε ένα h1, βεβαιωθείτε ότι χρησιμοποιείτε τη φράση-κλειδί από την οποία προωθείται η σελίδα.
    • Το περιεχόμενο του τίτλου θα πρέπει να είναι μοναδικό, περιεκτικό και θεματικό. Μην κάνετε το h1 πλήρες αντίγραφο Ετικέτα τίτλου. Είναι σημαντικό να γράφονται μοναδικά h1 - h6 σε κάθε σελίδα του πόρου, επομένως αποφύγετε την επανάληψη.
    • Δεν μπορεί να αναγραφεί στον τίτλο φράσεις κλειδιάχωρίζονται με κόμματα. Το περιεχόμενο h1 θα πρέπει να είναι κατανοητό όχι μόνο από τις μηχανές αναζήτησης, αλλά και από τους επισκέπτες των πόρων.

    Πώς να χρησιμοποιήσετε σωστά τις ετικέτες h2-h6;

    Εκτός από το h1 για την τοποθέτηση επικεφαλίδων που προσδιορίζονται μηχανές αναζήτησης, χρησιμοποιούνται ετικέτες h2, h3, h4, h5, h6 κ.λπ.

    ετικέτα h2

    Συνήθως χρησιμοποιείται για τίτλους αναρτήσεων σε μια ροή που φιλοξενείται στο αρχική σελίδαή για υποτίτλους ενός άρθρου.

    Ετικέτες h3, h4

    Συχνά χρησιμοποιούνται για την επισήμανση των ονομάτων υποκεφαλίδων, κατηγοριών και γραφικών στοιχείων στην πλαϊνή γραμμή.

    Ετικέτες h5, h6

    Σχεδιασμένο για ακόμα περισσότερα μικρά στοιχείασελίδες που πρέπει να διαχωριστούν από το υπόλοιπο κείμενο.

    Διάταξη των επικεφαλίδων h1 - h6 in διαφορετικές εκδόσειςοι κινητήρες μπορούν να εφαρμοστούν με διαφορετικούς τρόπους.

    Κανόνες για την τοποθέτηση h2 -h6:

    • Δομή επικεφαλίδας. Πρέπει να διατηρηθεί μια ιεραρχία επικεφαλίδων.
    • Μέγεθος γραμματοσειράς. Όσο χαμηλότερο είναι το επίπεδο τίτλου, τόσο μικρότερη γραμματοσειρά. Η επεξεργασία γραμματοσειράς γίνεται σε στυλ. Αλλά, κατά κανόνα, οι γραμματοσειρές έχουν σωστά μεγέθηΠροκαθορισμένο;
    • Οι ετικέτες επικεφαλίδας δεν μπορούν να χρησιμοποιηθούν σε συνδυασμό με άλλες ετικέτες έμφασης. Συνιστάται η χρήση λέξεων-κλειδιών στις επικεφαλίδες με τις οποίες αυτή η σελίδα θα προωθείται στις αναζητήσεις.
    • Σε αντίθεση με το h1, οι ετικέτες h2 - h6 μπορούν να γραφτούν πολλές φορές σε μια σελίδα.

    Είμαι ο επικεφαλής της ιεραρχίας των επικεφαλίδων Τα παιδιά μου Τα εγγόνια μου Τα εγγόνια μου τα εγγόνια μου Τα παιδιά μου Τα εγγόνια μου Τα εγγόνια μου Τα εγγόνια μου Τα Δισέγγονά μου Τα Δισέγγονά μου Τα Δισέγγονα μου

    • Δεν πρέπει να υπάρχουν ανεπιθύμητα μηνύματα.
    • Η σύνθεση του κειμένου h1 - h6 πρέπει να γίνει χρησιμοποιώντας συνώνυμα και λαμβάνοντας υπόψη τους κανόνες της μορφολογίας.
    • Βασικός βασικά ερωτήματαΕίναι καλύτερα να το τοποθετήσετε πιο κοντά στην αρχή του τίτλου.
    • Οι φράσεις κλειδιά γραμμένες σε επικεφαλίδες πρέπει να εμφανίζονται στο κείμενο της σελίδας.
    • Οι ετικέτες h1 - h6 πρέπει να είναι σύντομες, περιεκτικές και ενημερωτικές:

    Οι βασικές ετικέτες html είναι η βάση πάνω στην οποία χτίζεται σχεδόν κάθε ιστότοπος/ιστολόγιο. Από αυτό το άρθρο θα μάθετε ακριβώς εκείνο το 20% των ετικετών που θα χρειάζεστε πάντα.

    Όπως σε κάθε γλώσσα, ακόμα και εδώ, ισχύει ο κανόνας Pareto 20/80 (20% των πραγμάτων έχουν το 80% της σημασίας για την επίτευξη επιθυμητό αποτέλεσμα), που σημαίνει ότι αρκεί να γνωρίζετε μόνο το 20% των κωδικών για να πετύχετε με σιγουριά τους στόχους σας στην κατασκευή ιστοσελίδων.

    Η HTML δεν είναι γλώσσα προγραμματισμού, επειδή είναι μια γλώσσα σήμανσης υπερκειμένου, η οποία μιλάει από μόνη της, σας επιτρέπει να επισημαίνετε μπλοκ σε σελίδες για σωστή εμφάνιση και να επισημαίνετε κείμενο για ιστοσελίδες. Χρησιμοποιείται επίσης για τη δημιουργία συνδέσμων από τη μια σελίδα του ιστότοπου σε μια άλλη. Όλοι οι σύνδεσμοι στο Διαδίκτυο δημιουργούνται χρησιμοποιώντας το τμήμα υπερκειμένου κώδικας html.

    - αυτό είναι το πιο η πιο απλή γλώσσα! Εάν αποφασίσετε να το μελετήσετε, τότε είναι σημαντικό να καταλάβετε από την αρχή ότι δεν υπάρχει καμία δυσκολία σε αυτό. Μπορούμε να πούμε με σιγουριά ότι τα παιδιά περνούν πολύ πιο δύσκολα στα μαθήματα πληροφορικής στο σχολείο.

    Ας ξεκινήσουμε λοιπόν. Είναι καλύτερο να γράφετε κωδικούς στο σημειωματάριο που περιλαμβάνεται τυπικά προγράμματα λειτουργικό σύστημα Windows ή δωρεάν πρόγραμμα"Notepad++".

    Αρχικά, ας ορίσουμε τι είναι μια ετικέτα. Μια ετικέτα είναι ένα κελί από μόνο του γλώσσα html, από το οποίο είναι γενικά χτισμένο. Χρησιμοποιώντας ετικέτες, τα προγράμματα περιήγησης κατανοούν πώς να εμφανίζουν κείμενο και πού να εισάγουν εικόνες. Οι ετικέτες είναι τα ίδια τα στοιχεία σήμανσης.

    Ετικέτες HTML για τη δημιουργία πλαισίου ιστότοπου

    Οι ετικέτες μπορούν να αντιστοιχιστούν ή να αποσυνδεθούν. Τα ζευγαρωμένα δωμάτια ανοίγουν και κλείνουν, δηλαδή σε αυτά που κλείνουν υπάρχει ανάστροφη κάθετο «/».

    Το πρώτο πράγμα που πρέπει να είναι σε οποιοδήποτε έγγραφο htmlόταν δημιουργείτε μια σελίδα ιστολογίου, αυτό είναι: