Αυτός ο οδηγός δείχνει τι είναι ένα πρότυπο εκκίνησης HTML.
Τι είναι το πρότυπο HTML Starter;
Ένα πρότυπο εκκίνησης HTML περιέχει δήλωση , τις ετικέτες ,
και και ένα βασικό σύνολο στυλ CSS και σενάρια JavaScript. Αυτές οι ετικέτες παρέχουν τη βάση για τη δημιουργία μιας ιστοσελίδας που εξοικονομεί πολύ χρόνο και προσπάθεια για τους προγραμματιστές.Το πρότυπο εκκίνησης HTML εμφανίζεται ως εξής:
< html μόλις = 'σε' >
< κεφάλι >
< μετα σύνολο χαρακτήρων = 'UTF-8' >
< μετα όνομα = 'Θύρα προβολής' περιεχόμενο = 'width=device-width, αρχική κλίμακα=1' >
< τίτλος > Linux < / τίτλος >
< Σύνδεσμος σχετ = 'φύλλο στυλ' href = './style.css' >
< μετα http-equiv = 'Χ-UA-Συμβατό' περιεχόμενο = 'δηλαδή = άκρη' >
< / κεφάλι >
< σώμα >
<κύριος>
< h1 > Πρότυπο εκκίνησης HTML < / h1 >
< / κύρια>
< γραφή src = 'index.js' >< / γραφή >
< / σώμα >
< / html >
Ακολουθήστε την παρακάτω επίδειξη για να λάβετε γνώσεις σχετικά με τις ετικέτες/στοιχεία που είναι διαθέσιμα στο πρότυπο εκκίνησης HTML:
Η ετικέτα
Ο ' Η ετικέτα περιέχει τα δεδομένα σχετικά με τον τύπο αρχείου και λέει στο πρόγραμμα περιήγησης πώς να το αποδώσει. Αυτή η ετικέτα βοηθά πολύ στη βελτιστοποίηση μηχανών αναζήτησης παρέχοντας πληροφορίες σχετικά με την έκδοση του HTML που χρησιμοποιείται για την κατασκευή της ιστοσελίδας. Εάν αυτή η ετικέτα λείπει σε ένα αρχείο HTML, το πρόγραμμα περιήγησης Ιστού ενδέχεται να συμπεριφέρεται απροσδόκητα ή να εμφανίζει λανθασμένα στοιχεία.
Η ετικέτα
Ο ' Η ετικέτα 'είναι απαραίτητο στοιχείο και λειτουργεί σαν κοντέινερ για όλα τα στοιχεία HTML. Είναι το ριζικό στοιχείο που σημαίνει ότι όλα τα άλλα στοιχεία πρέπει να τοποθετηθούν μέσα για να λειτουργήσουν σωστά. Αυτή η ετικέτα μπορεί να χρησιμοποιηθεί για να ορίσει τη δομή και το περιεχόμενο της ιστοσελίδας και να βοηθήσει στον καθορισμό των μεταδεδομένων για το έγγραφο. Χρησιμοποιώντας το ' μόλις ” χαρακτηριστικό η γλώσσα της σελίδας HTML μπορεί να οριστεί:
< html μόλις = 'σε' >// κώδικας
< / html >
Στο παραπάνω απόσπασμα κώδικα, η γλώσσα σελίδας HTML έχει οριστεί σε ' Αγγλικά '.
Η ετικέτα ''.
Οι πληροφορίες σχετικά με την ιστοσελίδα εισάγονται μέσα στο ' <κεφάλι> ” και δεν είναι ορατό στην ιστοσελίδα και αυτές οι πληροφορίες χρησιμοποιούνται για σκοπούς SEO. Συνήθως περιλαμβάνει μεταδεδομένα, όπως τον τίτλο της σελίδας, την περιγραφή και τις λέξεις-κλειδιά, καθώς και συνδέσμους προς εξωτερικά φύλλα στυλ, σενάρια και άλλους πόρους:
< κεφάλι >// εισάγετε κώδικας εδώ
< / κεφάλι >
Οι ετικέτες
Η ετικέτα παρέχει μεταδεδομένα σχετικά με το έγγραφο HTML, όπως το σύνολο χαρακτήρων, τις λέξεις-κλειδιά και την περιγραφή της σελίδας. Διαδραματίζει ουσιαστικό ρόλο στη βελτιστοποίηση μηχανών προγράμματος περιήγησης. Διασφαλίζει ότι το πρόγραμμα περιήγησης ιστού εμφανίζει σωστά το κείμενο χρησιμοποιώντας τα σωστά πρότυπα κωδικοποίησης. Χρησιμοποιείται επίσης για τον ορισμό των λέξεων-κλειδιών και της περιγραφής που σχετίζονται με τη σελίδα HTML:
< μετα ... / > Η ετικέτα
Ο ' <τίτλος> ' χρησιμοποιείται για την εμφάνιση της ιστοσελίδας ή του ονόματος του ιστότοπου στη γραμμή τίτλου του προγράμματος περιήγησης. Αυτή η ετικέτα μπορεί να είναι ευεργετική για τη διαχείριση των ιστοσελίδων του ιστότοπου. Βοηθά τη διαδικασία SEO και βελτιώνει την προσβασιμότητα συμπεριλαμβάνοντας περιγραφικούς και ουσιαστικούς τίτλους. Βοηθά τους χρήστες με ορισμένες αναπηρίες να πλοηγηθούν στον ιστότοπο πιο εύκολα:
< τίτλος > Linuxhint < / τίτλος >Μετά την εκτέλεση της παραπάνω γραμμής κώδικα μέσα στο ' <κεφάλι> ', η ιστοσελίδα εμφανίζεται ως εξής:
Η παραπάνω έξοδος δείχνει ότι τα εικονικά δεδομένα που παρέχονται μέσα στο ' <τίτλος> Η ετικέτα ' τοποθετείται τώρα στη γραμμή του τίτλου.
Η ετικέτα
Αυτή η ετικέτα χρησιμοποιείται για τη σύνδεση αρχείων HTML με άλλα αρχεία για κληρονομικότητα ή χρήση του στυλ ή των μεθόδων στο αρχείο HTML. Τα άλλα αρχεία μπορεί να είναι αρχεία CSS που έχουν δημιουργηθεί από τον προγραμματιστή ή ορισμένα CDN των πλαισίων CSS όπως το Bootstrap ή το Tailwind κ.λπ. Χρησιμοποιείται ευρέως επειδή με τη χρήση του η γραμμή κώδικα μειώνεται πολύ και παρέχει στυλ προκατασκευής που μπορούν να χρησιμοποιηθούν σε το αρχείο HTML:
< Σύνδεσμος σχετ = 'φύλλο στυλ' href = './style.css' >Στην παραπάνω γραμμή κώδικα, το ' στυλ.css Το αρχείο συνδέεται με το αρχείο HTML. Τώρα, οι κλάσεις που είναι χτισμένες μέσα στο αρχείο 'style.css' μπορούν να προσπελαστούν για εφαρμογή στυλ στο αρχείο HTML. Για παράδειγμα, προσπαθήστε να διαμορφώσετε το στυλ ' ετικέτα ” που έχει ήδη εισαχθεί μέσα στο αρχείο HTML χρησιμοποιώντας τις ακόλουθες ιδιότητες CSS:
h1 {γραμματοσειρά-οικογένεια: φορές νέα ρωμαϊκή?
χρώμα : σκούρο κυανό;
}
Εισαγάγετε τον παραπάνω κωδικό στο ' στυλ.css ' αρχείο. Μετά την απόδοση, η ιστοσελίδα εμφανίζεται ως εξής:
Η ιστοσελίδα δείχνει ότι τα στυλ εφαρμόζονται στο στοιχείο HTML από το εξωτερικό αρχείο CSS χρησιμοποιώντας το ' <σύνδεσμος> ετικέτα '.
Η ετικέτα ' '.
Η κύρια χρήση της ετικέτας
είναι να περιέχει όλο το ορατό περιεχόμενο της ιστοσελίδας. Αυτό περιλαμβάνει πολλές ετικέτες που βοηθούν στην εισαγωγή κειμένου, εικόνων, βίντεο και άλλων στοιχείων στην ιστοσελίδα που αποτελούν το κύριο περιεχόμενο της ιστοσελίδας. Μπορεί επίσης να χρησιμοποιηθεί για την εφαρμογή ιδιοτήτων CSS στην ιστοσελίδα ταυτόχρονα. Βελτιώνει επίσης την προσβασιμότητα της ιστοσελίδας συμπεριλαμβάνοντας σημασιολογικές ετικέτες και άλλες δυνατότητες προσβασιμότητας: < σώμα >// Προσθέστε στοιχεία HTML εδώ
< / σώμα >