πρέπει να το μεταφέρετε στο αρχείο style.css και αυτό είναι.

Ο επικυρωτής υποδεικνύει επίσης πού ακριβώς βρίσκεται το σφάλμα:

Με αυτόν τον τρόπο μπορείτε να βρείτε και να διορθώσετε σφάλματα κώδικα HTML. Ωστόσο, οι ιστότοποι δεν αποτελούνται μόνο από κώδικα σήμανσης, αλλά και από CSS, επομένως ελέγχουμε επίσης τα επικαλυπτόμενα φύλλα στυλ του πόρου Ιστού.

Έλεγχος του κωδικού CSS για εγκυρότητα

Μπορείτε επίσης να ελέγξετε τον κωδικό CSS για εγκυρότητα στο πρόγραμμα επικύρωσης W3c. Μπορείτε να το κάνετε χρησιμοποιώντας αυτόν τον σύνδεσμο. Η αρχή λειτουργίας είναι η ίδια: καθορίζετε τη διεύθυνση URL του ιστότοπου ή επιλέγετε ένα αρχείο στον υπολογιστή σας και κάνετε κλικ στο κουμπί "Έλεγχος".

Σε αντίθεση με το ίδιο εργαλείο επικύρωσης HTML, το πρόγραμμα επικύρωσης CSS είναι στα ρωσικά.

Σφάλματα και προειδοποιήσεις CSS

Στο Έλεγχος CSSκωδικός για την εγκυρότητα, τα θέματα της υπηρεσίας ένας μεγάλος αριθμός απόλάθη και προειδοποιήσεις. Έλαβα 23 σφάλματα και 281 προειδοποιήσεις. Εκ πρώτης όψεως αυτό μπορεί να φαίνεται πολύ και μπορεί ακόμη και να σας τρομάζει, αλλά οι περισσότεροι από αυτούς καθορισμένα σφάλματακαι οι προειδοποιήσεις εμφανίζονται μόνο επειδή η υπηρεσία δεν γνωρίζει ορισμένες ιδιότητες που ισχύουν για διαφορετικά προγράμματα περιήγησης.

Στην περίπτωσή μου, οι περισσότερες από τις 281 προειδοποιήσεις είναι ιδιότητες CSS για κανονική εμφάνιση σε διαφορετικά προγράμματα περιήγησης:

Οι θέσεις υπηρεσίας ετικέτες όπως " άγνωστη επέκτασηπρομηθευτής." Επομένως, εάν, κατά τον έλεγχο των αρχείων CSS, δείτε μεγάλο αριθμό τέτοιων σφαλμάτων, τότε μην ανησυχείτε. Ολα ειναι καλά.

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

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

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

Λοιπόν τώρα, αντίο!

Προηγούμενο άρθρο
Επόμενο άρθρο

Ο έλεγχος εγκυρότητας του κώδικα ιστού σημαίνει ότι ελέγχεται η συμμόρφωσή του με τα πρότυπα και τα πιστοποιητικά του W3C.
Το W3C (World Wide Web Consortium) είναι οι τεχνικοί ρυθμιστές του Ιστού, που αναπτύσσουν πρότυπα και κατευθυντήριες γραμμές για τη σύνταξη κώδικα. Τα πιστοποιητικά και τα πρότυπα του W3C είναι υποχρεωτικά για όλους όσους εργάζονται στον Ιστό. Κοινά πρότυπαστην ορθογραφία του κώδικα χρειάζονται έτσι ώστε τα πάντα Εφαρμογές Δικτύουεπικοινωνούσαν σε έναν ενιαίο γλωσσικό χώρο, σε τυπικές γλώσσες και κατανοούσαν ο ένας τον άλλον ενώ εργάζονταν με έγγραφα Ιστού.
Το W3C όχι μόνο δημιουργεί Πρότυπα δικτύου, αλλά και συμβάλλει ενεργά στη συμμόρφωσή τους.
Το W3C διαθέτει διαδικτυακές υπηρεσίες για έλεγχο εγκυρότητας κώδικα HTML/XHTML και CSS.
Ο έλεγχος του κωδικού σας για συμμόρφωση με τα πρότυπα του W3C χρησιμοποιώντας συσκευές επικύρωσης W3C είναι η καλύτερη επιλογή.

Δωρεάν διαδικτυακές υπηρεσίες από το W3C για έλεγχο εγκυρότητας κώδικα.
Οι επικυρωτές από το W3C έχουν διαισθητικό καθαρή διεπαφή. Η εργασία μαζί τους είναι εύκολη και απλή.
Οι υπηρεσίες καθιστούν δυνατή τη διενέργεια ελέγχων σε τρεις τρόπους λειτουργίας και, κατά συνέπεια, έχουν μόνο τρία κουμπιά:
Ελέγξτε τη διεύθυνση URL
(για να ελέγξετε πρέπει να υποδείξετε τη διεύθυνση οποιασδήποτε σελίδας του ιστότοπου που είναι διαθέσιμη στο Διαδίκτυο)
Ελέγξτε το αρχείο που ανεβάσατε
(για έλεγχο πρέπει να καθορίσετε τη διαδρομή προς το αρχείο που ελέγχεται)
Ελέγξτε το πληκτρολογημένο κείμενο
(για έλεγχο, πρέπει να αντιγράψετε και να επικολλήσετε τον κωδικό που ελέγχεται στο παράθυρο επικύρωσης)

Οι δύο τελευταίες μέθοδοι είναι ιδιαίτερα χρήσιμες κατά τον έλεγχο εγγράφων ιστού ή κειμένων που βρίσκονται σε τοπικούς υπολογιστές. Αυτές μπορεί να είναι ιστοσελίδες ή αυτές που έχουν ήδη ληφθεί από το Διαδίκτυο τοπικός υπολογιστής, ή παράγονται από κινητήρες που βρίσκονται σε τοπικούς διακομιστές, όπως το "Denver". Στην περίπτωση του Ντένβερ, πρέπει να αποθηκεύσετε τη σελίδα μέσω ενός προγράμματος περιήγησης ως αρχείο με την επέκταση .html και στη συνέχεια να ελέγξετε πώς ξεχωριστό αρχείο, ή αντιγράψτε τον πηγαίο κώδικα της ιστοσελίδας απευθείας από το πρόγραμμα περιήγησης και ελέγξτε πώς πληκτρολογείται το κείμενο.

Πώς να χρησιμοποιήσετε διαδικτυακούς επικυρωτές από το W3C.
επικοινωνήστε με τον επικυρωτή στη διεύθυνση:
(http://validator.w3.org/ - για επικύρωση HTML ή XHTML
http://jigsaw.w3.org/css-validator/ - για έλεγχο CSS)
στο παράθυρο επικύρωσης που ανοίγει, επιλέξτε μία από τις τρεις μεθόδους επαλήθευσης
(διεύθυνση url της σελίδας του ιστότοπου, τοπικό αρχείοή δακτυλογραφημένο κείμενο)
μεταβείτε στην κατάλληλη καρτέλα
υποδεικνύουν το αντικείμενο προς έλεγχο
(εισαγάγετε τη διεύθυνση URL της ιστοσελίδας που ελέγχετε,
ή τη διαδρομή προς το αρχείο στον τοπικό υπολογιστή,
ή εισάγετε τον κωδικό που θα ελεγχθεί, αντίστοιχα)
Κάντε κλικ στο κουμπί «Έλεγχος» και δείτε το αποτέλεσμα της δοκιμής

Οι υπηρεσίες από το W3C ελέγχουν τον κωδικό για εγκυρότητα και επισημαίνουν αμέσως σφάλματα εάν υπάρχουν. Κάθε σφάλμα θα σχολιάζεται. Τα σχόλια, δυστυχώς, είναι στα αγγλικά. Έτσι, ο μεταφραστής Google μπορεί να βοηθήσει το μόνο που μένει είναι να διορθώσει τον κώδικα, εάν είναι απαραίτητο, και να τον ελέγξει ξανά για συμμόρφωση.
Τα προγράμματα επικύρωσης από το W3C είναι εντελώς δωρεάν και αυτοματοποιημένα. Ως εκ τούτου, μπορείτε να τα χτυπήσετε με τη δουλειά σας σε λάθη για μεγάλο χρονικό διάστημα και ατιμώρητα. Αυτός είναι ο λόγος που δημιουργήθηκαν αυτές οι υπηρεσίες.

Μια κανονική εναλλακτική λύση για τους επικυρωτές W3C.
Εκτός από τους διαδικτυακούς διακομιστές W3C για έλεγχο κώδικα ιστού, δίνει πολύ καλά αποτελέσματα Επέκταση HTMLΕπικυρωτή για Το πρόγραμμα περιήγησης Mozilla Firefox. Η παρουσία ενός τέτοιου πρόσθετου στο πρόγραμμα περιήγησης κάνει το έργο του webmaster πιο εύκολο και το αποδεικνύει για άλλη μια φορά Mozilla Firefox- πρόγραμμα περιήγησης "τιμόνι".
Μπορείτε να κατεβάσετε την επέκταση για το mozilla εδώ: http://users.skynet.be/mgueury/mozilla/

Μπορείτε να εγκαταστήσετε την επέκταση ως εξής:
- Εκκινήστε τον Firefox.
Επόμενο: Μενού - Εργαλεία - Πρόσθετα - Επεκτάσεις.
Και, απλώς σύρετε και αποθέστε το ληφθέν αρχείο (επέκταση xpi) στο παράθυρο που ανοίγει.
Μετά από αυτό, η επέκταση θα εγκατασταθεί αυτόματα.

ή (δεύτερη μέθοδος):
- Εκκινήστε τον Firefox.
Επόμενο: Μενού - Αρχείο - Άνοιγμα αρχείου - καθορίστε τη διαδρομή προς το ληφθέν αρχείο.
Μετά από αυτό, η επέκταση θα εγκατασταθεί ξανά αυτόματα.

Αφού ολοκληρωθεί η εγκατάσταση, θα χρειαστεί να επανεκκινήσετε το πρόγραμμα περιήγησης.
Όταν κάνετε επανεκκίνηση, θα εμφανιστεί ένα παράθυρο που σας ζητά να επιλέξετε μια μέθοδο για τη σάρωση ιστοσελίδων:
"HTML Tidy" ή "SGML Parser" ή "Serial"
Επιλέγουμε τη μέθοδο «SGML Parser» ως την πιο βολική και αποδεκτή επιλογή. Κάντε κλικ στο κατάλληλο κουμπί Τώρα, στο παράθυρο του προγράμματος περιήγησης, θα εμφανιστεί ένα εικονίδιο συντόμευσης για το πρόσθετο και δίπλα του υπάρχει ένα κουμπί για το μενού ρυθμίσεων πρόσθετου.
Το έχω πάνω και δεξιά:

Το πρόγραμμα επικύρωσης HTML για το πρόγραμμα περιήγησης Mozilla Firefox λειτουργεί πλήρως αυτόματη λειτουργία. Δεν χρειάζεται να του δείξει τι πρέπει να ελέγξει. Ελέγχει όλα τα έγγραφα που θα ανοίξουν στο Mozilla Firefox. Είναι πολύ άνετο. Αρκεί να κοιτάξετε το χρώμα της ετικέτας του προγράμματος για να καταλάβετε αν υπάρχουν ή όχι προβλήματα στο ανοιχτό έγγραφο.
Ανάλογα με τα αποτελέσματα της δοκιμής, το χρώμα του εικονιδίου μπορεί να είναι πράσινο, κίτρινο ή κόκκινο, γεγονός που υποδεικνύει τα εξής:
πράσινο - "χωρίς σφάλματα", όλα είναι "OK"
κίτρινο - "δεν υπάρχουν σφάλματα, αλλά υπάρχουν προειδοποιήσεις"
κόκκινο - "υπάρχουν σφάλματα"

Όταν κάνετε κλικ στη συντόμευση, θα ανοίξει ένα παράθυρο που περιέχει τον πηγαίο κώδικα της σελίδας που βλέπετε με επεξηγήσεις και σχόλια για σφάλματα και προειδοποιήσεις, εάν υπάρχουν.
Κάτι σαν αυτό.

Σε αυτό το άρθρο θα παρουσιάσω την έννοια "εγκυρότητα"κώδικας τοποθεσίας (html & css). Ελπίζω όλοι να θυμούνται ότι η html είναι η δομή του ιστότοπου. Css - κανόνες και στυλ για ετικέτες που περιγράφονται σε html.

Θα το καταλάβουμε από το κάτω μέρος: τη θεωρία και μετά θα προχωρήσουμε στην πράξη. Θα βρείτε επίσης απαντήσεις στις ακόλουθες ερωτήσεις: τι είναι εγκυρότητα htmlΚαι κώδικας css, γιατί χρειάζεται, γιατί οι μηχανές αναζήτησης αγαπούν το καθαρό / έγκυρος κωδικός. Και το πιο σημαντικό, θα σας δείξω με παραδείγματα πώς να ελέγξετε την εγκυρότητα του κώδικα ενός ιστότοπου.

Γιατί πρέπει να ελέγξετε την εγκυρότητα του κώδικα html και css;

Εγκυρότητα - διαφορετικά καθαρός κωδικός (χωρίς σφάλματα)

Σταθερά Νο 1. Η εγκυρότητα του κωδικού τοποθεσίας σάς επιτρέπει να εμφανίζετε σωστά τον ιστότοπο διαφορετικά προγράμματα περιήγησηςεκείνοι. όλα τα οπτικά και λειτουργικά στοιχεία του ιστότοπου εμφανίζονται και λειτουργούν σωστά. Τις περισσότερες φορές, αποδεικνύεται ότι το πρόγραμμα περιήγησης επεξεργάζεται και εμφανίζει όλα τα στοιχεία του ιστότοπου σωστά, αλλά αυτό δεν σημαίνει ότι ο κώδικας είναι καθαρός και ομαλός όπως το κάτω μέρος του μωρού.

Σταθερά Νο 2.Ο καθαρός κώδικας (html και css) ενθαρρύνεται από τις μηχανές αναζήτησης (Yandex, Google). Μιλώντας ρωσικά όταν ένα ρομπότ μηχανή αναζήτησηςέρχεται στον πόρο σας και βλέπει ότι έχει τηρηθεί η εγκυρότητα, τότε το ρομπότ αναζήτησης θα γνωρίζει ότι αυτός ο πόρος είναι χωρίς σφάλματα, πράγμα που σημαίνει ότι η στάση απέναντι στον ιστότοπο θα είναι προς το καλύτερο.

Από προσωπική εμπειρία: Στην πρακτική μου, υπήρχε μια κατάσταση όπου νέα άρθρα σε ένα ιστολόγιο δεν ήθελαν να εμφανίζονται στα αποτελέσματα αναζήτησης. Φαίνεται ότι τα κάνετε όλα σωστά, αλλά το Yandex δεν εμφανίζεται και αυτό είναι! Τι να κάνετε, πού να σκάψετε; Κάποιος θα σκεφτεί ότι τα φίλτρα είναι φίλτρα, αλλά δεν υπάρχει κάτι τέτοιο.

Έλεγξε τον ιστότοπο για εγκυρότητα κώδικας html, και πόσο ξαφνιάστηκα και συνειδητοποίησα πού ήταν θαμμένος ο σκύλος. Αποδείχθηκε ότι ο κωδικός έλειπε μια ετικέτα κλεισίματος, και αυτή είναι μια ειδική ετικέτα που κλείνει ενότητες κώδικα ή συνδέσμους από τη μηχανή αναζήτησης Yandex. Και τι πήρα; Ολόκληρο το άρθρο έχει κλείσει από την ευρετηρίαση. Εδώ είναι η απάντηση στο ερώτημα: «Γιατί μέσα Αποτελέσματα αναζήτησηςΟχι". Στη συνέχεια, φυσικά, διόρθωσα αυτό το σφάλμα.

Ας περάσουμε από το γυμνό κείμενο με τη θεωρία στην πράξη και ας μάθουμε πώς να διεξάγουμε ελέγχους επικύρωσης στο διαδίκτυο

Γεια σε όλους. Επέστρεψα ξανά στην Αγία Πετρούπολη μετά από 3 εβδομάδες στον Αρκτικό Κύκλο. Και εδώ όλα είναι το ίδιο γκρίζα και ζοφερά :(

Το σημερινό μάθημα είναι για προχωρημένους webmasters. Δεν συνιστώ στους αρχάριους να καταλάβουν μόνοι τους ένα τόσο δύσκολο θέμα, είναι καλύτερο να διαβάσουν τις αναρτήσεις στην ενότητα "". Το άρθρο ανέφερε ότι ένα από τα κριτήρια ποιότητας για ένα θέμα είναι η εγκυρότητα του κώδικά του.
ΣΕ γενικό περίγραμμαΈδωσα έναν ορισμό αυτός ο όρος. Αλλά νομίζω ότι αξίζει να το εξετάσουμε αυτό με περισσότερες λεπτομέρειες, κάτι που θα κάνουμε στο σημερινό άρθρο.

Πώς προέκυψε το World Wide Web Consortium;

Η εγκυρότητα με τη γενική έννοια της λέξης είναι η συμμόρφωση με τους κανόνες. Στην περίπτωση του Διαδικτύου, οι κανόνες και τα πρότυπα για τη διάταξη σελίδας και τη δημιουργία κώδικα ορίζονται από το W3C. Οι ιδρυτές αυτού του οργανισμού ήταν στην πρώτη γραμμή της ανάπτυξης των πρώτων εκδόσεων της HTML (Hyper Text Markup Language, ή hypertext markup language) και έγιναν οι πρωτοπόροι του World Wide Web, ο οποίος σταδιακά απέκτησε τεράστια δημοτικότητα. Αυτή η ανακάλυψη ανήκει στον Sir Timothy John Berners-Lee μαζί με τον Robert Caillot. Bernes-Lee πριν σήμεραείναι ο επικεφαλής του W3C ( Παγκόσμιος Web Consortium, Consortium Παγκόσμιος Ιστός) και νομοθέτη στον τομέα αυτό.

Χρησιμοποιώντας τη σήμανση HTML, κατέστη δυνατή η δημιουργία ιστοσελίδων και δημιουργήθηκαν προγράμματα περιήγησης για να τις αναγνωρίζουν σε μια μορφή οικεία στους χρήστες. Το W3C έχει εισαγάγει μια σειρά προτύπων με τα οποία πρέπει να συμμορφώνονται τα έγγραφα στον Ιστό, ώστε όλα τα προγράμματα περιήγησης να μπορούν να τα αναγνωρίζουν σωστά. Καθ' όλη τη διάρκεια της ανάπτυξης του Διαδικτύου, διεξάγονταν πόλεμοι για την υπεροχή μεταξύ των δημιουργών. Μερικοί από αυτούς προσπάθησαν ακόμη και να εισαγάγουν τα δικά τους νέα πρότυπα, αλλά το W3C, χάρη στις εξελίξεις του, κατάφερε να διατηρήσει τον ρόλο του νομοθέτη στους κανόνες για τη δημιουργία κώδικα. ΣΕ Εκδόσεις HTML 3 περιλάμβαναν ήδη υποστήριξη για CSS (Cascading Style Sheets ή cascading style sheets). Αρχικά, τα στυλ, τα χρώματα και τα σχήματα προσδιορίζονταν απευθείας στον κώδικα html, αλλά Δημιουργία CSSαπλοποίησε σημαντικά αυτήν την εργασία, απαλλαγή από τον πηγαίο κώδικα και, κατά συνέπεια, τον χρόνο φόρτωσης της σελίδας. Τελευταία έκδοση– αυτή είναι η HTML 5, η οποία γίνεται όλο και πιο σχετική. Για πολύ καιρόΤη θέση του πήρε το Html 4.01 (από το 1999).

Αυτό ιστορική αναφοράπαρέχεται έτσι ώστε να έχετε μια πιο ολιστική κατανόηση του θέματος της σημερινής αναθεώρησης - επικύρωση ιστότοπου. Εάν μεταβείτε στον επίσημο ιστότοπο του W3C στην ενότητα "Πρότυπα", θα δείτε μια ολόκληρη λίστα υποενοτήτων με πρότυπα. Εδώ, για παράδειγμα, μπορείτε να δείτε την τρέχουσα κατάσταση σε HTML:

Για καθεμία από τις υποπαραγράφους υπάρχουν μεγάλες λίστες κανόνων που ορίζουν αυτό ή εκείνο το χαρακτηριστικό, στοιχείο τρέχουσα έκδοσηκώδικας. Εδώ, για παράδειγμα, είναι ημιτελές περιεχόμενο για την HTML 5:

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

Αλλά προτού εξετάσουμε το έργο τους, ας καταλάβουμε πόσο σημαντικό είναι να πραγματοποιηθεί αυτή η λειτουργία.

Πρέπει ο ιστότοπος να είναι έγκυρος;

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

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

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

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

Επαληθευτές κώδικα HTML και CSS

Είναι καλύτερο να διασφαλίσετε τη συμμόρφωση με τους κανόνες από την αρχή. Στο πρώτο κιόλας στάδιο της επιλογής Θέματα WordPressΓια το ιστολόγιό σας, αφιερώστε χρόνο για να ελέγξετε την εγκυρότητα του κώδικα HTML και CSS του. Καλό είναι αρχικά html επικυρωτή-code και css παρήγαγαν το ακόλουθο αποτέλεσμα:

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

Για να ελέγξετε την επικύρωση της σελίδας υπάρχουν διαφορετικά διαδικτυακές υπηρεσίες. Οι πιο αξιόπιστοι και ολοκληρωμένοι από αυτούς είναι οι επικυρωτές του W3C.

Μπορείτε να βρείτε συνδέσμους προς αυτά στο αρχική σελίδαεπίσημη ιστοσελίδα - www.w3.org

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

Εισαγάγετε τη διεύθυνση URL του ιστότοπου και κάντε κλικ στο «Έλεγχος».

Στα δεξιά είναι ο αριθμός των λαθών (ερυθρός σταυρός) και οι προειδοποιήσεις (κίτρινο θαυμαστικό).

Βλέπω λεπτομερείς πληροφορίεςμπορείτε να βρείτε σφάλματα στην αναπτυσσόμενη λίστα κάτω από κάθε επιλογή.

Το εργαλείο επικύρωσης Html ελέγχει σφάλματα για τη σελίδα που καθορίζεται από τη διεύθυνση URL και όχι για ολόκληρο τον ιστότοπο ως σύνολο.

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

Αυτή είναι η περιγραφή των σφαλμάτων και των αιτιών τους στο πρόγραμμα επικύρωσης html:

Όπως μπορείτε να δείτε, οι πληροφορίες παρέχονται στα αγγλικά. Κάθε σφάλμα ή προειδοποίηση συνοδεύεται από τον αριθμό της γραμμής πηγαίου κώδικα στην οποία βρίσκεται (Γραμμή 381, Γραμμή 652). Πρώτα απ 'όλα, πρέπει να διορθώσετε τα σφάλματα (κόκκινο εικονίδιο). Εάν δεν γνωρίζετε τι είναι αυτό το σφάλμα και πώς να το διορθώσετε, δοκιμάστε να αναζητήσετε πληροφορίες σε εξειδικευμένα φόρουμ ή κάντε ερωτήσεις στα σχόλια αυτού του άρθρου.

Και πάλι, το εργαλείο επικύρωσης html διαγιγνώσκει τον πηγαίο κώδικα και τα σφάλματα πρέπει να διορθωθούν στα αντίστοιχα αρχεία του ιστολογίου σας. Συζητήσαμε πώς να τα βρείτε στο άρθρο σχετικά.

Αυτό το εργαλείο επικύρωσης έχει τη δυνατότητα να ενεργοποιήσει πρόσθετες επιλογές:

• Μπορείτε να ομαδοποιήσετε τα σφάλματα κατά έναν τύπο (Ομαδοποίηση μηνυμάτων σφαλμάτων κατά τύπο).
• εμφανίζει όλο τον πηγαίο κώδικα που χρησιμοποίησε η υπηρεσία στην ανάλυση (Εμφάνιση πηγής).
• ελέγξτε τις σελίδες που δημιουργούν Σφάλμα (Επικύρωση σελίδων σφαλμάτων).

Επιπλέον, η ενεργοποιημένη δυνατότητα "Clean up Markup with Html-Tidy" σάς επιτρέπει να βλέπετε τον κώδικά σας με διορθωμένα σφάλματα σύμφωνα με την έκδοση του προγράμματος Html-Tidy. Ωστόσο, το W3C προειδοποιεί ότι αυτό το πρόγραμμαδεν είναι η ανάπτυξή τους και επομένως δεν παρέχουν εγγυήσεις ότι ο κωδικός θα είναι σωστός. Ωστόσο αυτόν τον κωδικόμπορεί να χρησιμεύσει ως υπόδειξη για εσάς κατά τη διόρθωση σφαλμάτων.

Το πρόγραμμα επικύρωσης κώδικα W3C CSS παρέχει επίσης μια παρόμοια επιλογή διόρθωσης σφαλμάτων. Δεν χρειάζεται να το ενεργοποιήσετε, λειτουργεί από προεπιλογή.

Εκτός από τους διαδικτυακούς επικυρωτές ιστότοπου, είναι επίσης δυνατή η εγκατάσταση μιας επέκτασης για το FireFox, η οποία θα ελέγχει για σφάλματα στο πηγαίος κώδικαςσελίδες απευθείας στο πρόγραμμα περιήγησης. Ονομάζεται "Html Validator".

Να υπενθυμίσω επίσης ότι εκτός από html και css υπάρχει και το . Η παρουσία του είναι σημαντική για τη βελτιστοποίηση μηχανών αναζήτησης.

Το σημερινό θέμα είναι αρκετά δύσκολο. Όταν αρχίσετε να διορθώνετε σφάλματα, πιθανότατα θα έχετε πολλές ερωτήσεις. Συνιστάται να διορθώσετε αυτό για το οποίο είστε σίγουροι για να μην σπάσετε τον ιστότοπο. Θυμηθείτε να κάνετε πριν κάνετε αλλαγές. Αντίο!

ΥΣΤΕΡΟΓΡΑΦΟ.Τις προάλλες αγοράσαμε εισιτήρια για την Καμτσάτκα τον Σεπτέμβριο στη θαυματουργή τιμή των 16.600 ανά άτομο μετ' επιστροφής. Είναι πολύ φτηνό, οι τιμές δεν ήταν έτσι εδώ και πολύ καιρό. Αν κάποιος ενδιαφέρεται, νομίζω ότι υπάρχει ακόμη χρόνος να αρπάξει τέτοια εισιτήρια. Θα σκαρφαλώσουμε στα ηφαίστεια και θα θαυμάσουμε την άγρια ​​ανέγγιχτη φύση με την τουριστική λέσχη ΠΙΚ.

Επικύρωση- αυτό είναι έλεγχος συμμόρφωσης με πρότυπα (απαιτήσεις). Στο πλαίσιο των webmasters, η επικύρωση του ιστότοπου σημαίνει τον έλεγχο του κώδικά του ορθότηταΚαι Σφάλματα. Με άλλα λόγια: δεν πρέπει να υπάρχουν ακατανόητες ετικέτες ή δομές και, φυσικά, να μην υπάρχουν σφάλματα html.

Τι επηρεάζει η επικύρωση;

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

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

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

..

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

Παράδειγμα από τη ζωή

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

. Έχοντας κάνει check in δημοφιλή προγράμματα περιήγησηςορθότητα αναθεώρησης, έκανα αλλαγές στον ιστότοπο.

Μετά από κάποιο χρονικό διάστημα, όταν ανέλυσα την επισκεψιμότητα μέσω του Yandex Metrica, παρατήρησα ότι ο μέσος χρόνος επίσκεψης μέσα περιηγητής διαδυκτίουΟ Explorer είναι πολύ μικρότερος. Έχοντας ανοίξει τον ιστότοπο μέσω αυτού του προγράμματος περιήγησης, κατάλαβα τι συνέβαινε. Ολόκληρος ο ιστότοπος ήταν λοξός. Και αυτό δημιουργεί δύο προβλήματα ταυτόχρονα. Το πρώτο πρόβλημα ήταν ότι έχανα όλη την επισκεψιμότητα από τον IE και το δεύτερο πρόβλημα ήταν ότι μπέρδευα τους παράγοντες συμπεριφοράς.

Πώς να ελέγξετε έναν ιστότοπο για την εγκυρότητα του κώδικα html

1. Διαδικτυακό εργαλείο επικύρωσης html

Στο Διαδίκτυο υπάρχει δωρεάν υπηρεσία http://validator.w3.org/. Ελέγχει την εγκυρότητα του κώδικα html. Ας ρίξουμε μια πιο προσεκτική ματιά στον τρόπο λειτουργίας αυτής της υπηρεσίας.