Δημιουργία τμημάτων σχεδίασης στη σελίδα σας
Οι επικεφαλίδες είναι ένας χρήσιμος τρόπος για να οργανώσετε το κείμενό σας, να δημιουργήσετε χρήσιμα τμήματα και να βελτιστοποιήσετε την ιστοσελίδα σας για τις μηχανές αναζήτησης. Μπορείτε εύκολα να δημιουργήσετε επικεφαλίδες χρησιμοποιώντας ετικέτες κλάσης HTML. Μπορείτε επίσης να αλλάξετε την εμφάνιση του κειμένου σας με έντονες και πλάγιες ετικέτες.
Επικεφαλίδες
Οι ετικέτες τίτλων είναι ο απλούστερος τρόπος διαίρεσης του εγγράφου σας. Εάν σκέφτεστε τον ιστότοπό σας ως εφημερίδα, τότε οι τίτλοι είναι οι τίτλοι της εφημερίδας. Ο κύριος τίτλος είναι h1 και οι επόμενες επικεφαλίδες είναι h2 έως h6.
Χρησιμοποιήστε τους παρακάτω κωδικούς για να δημιουργήσετε το HTML.
Αυτή είναι η επικεφαλίδα 1 Αυτή είναι η επικεφαλίδα 2 Αυτή είναι η επικεφαλίδα 3 5 Πρόκειται για τον τίτλο 6 Συμβουλές για να θυμάστε
- Προσπαθήστε να κρατήσετε τις επικεφαλίδες σας σε λογική σειρά, h1 έρχεται πριν από h2, η οποία έρχεται πριν από h3, και ούτω καθεξής.
- Μην ανησυχείτε υπερβολικά για τον τρόπο εμφάνισης των επικεφαλίδων - θα πρέπει να χρησιμοποιήσετε το CSS για να προσθέσετε τίτλους σε στυλ, αντί να χρησιμοποιήσετε έναν τίτλο εκτός λειτουργίας.
- Οι επικεφαλίδες ετικέτες είναι στοιχεία σε επίπεδο μπλοκ , έτσι ώστε να τεθούν σε διαλείμματα γραμμής για εσάς. Μην βάζετε ετικέτες P μέσα στις ετικέτες τίτλου.
Έντονη και πλάγια γραφή
Αυτή είναι η επικεφαλίδα 3 5 Πρόκειται για τον τίτλο 6 Συμβουλές για να θυμάστε
- Προσπαθήστε να κρατήσετε τις επικεφαλίδες σας σε λογική σειρά, h1 έρχεται πριν από h2, η οποία έρχεται πριν από h3, και ούτω καθεξής.
- Μην ανησυχείτε υπερβολικά για τον τρόπο εμφάνισης των επικεφαλίδων - θα πρέπει να χρησιμοποιήσετε το CSS για να προσθέσετε τίτλους σε στυλ, αντί να χρησιμοποιήσετε έναν τίτλο εκτός λειτουργίας.
- Οι επικεφαλίδες ετικέτες είναι στοιχεία σε επίπεδο μπλοκ , έτσι ώστε να τεθούν σε διαλείμματα γραμμής για εσάς. Μην βάζετε ετικέτες P μέσα στις ετικέτες τίτλου.
Έντονη και πλάγια γραφή
Πρόκειται για τον τίτλο 6 Συμβουλές για να θυμάστε
- Προσπαθήστε να κρατήσετε τις επικεφαλίδες σας σε λογική σειρά, h1 έρχεται πριν από h2, η οποία έρχεται πριν από h3, και ούτω καθεξής.
- Μην ανησυχείτε υπερβολικά για τον τρόπο εμφάνισης των επικεφαλίδων - θα πρέπει να χρησιμοποιήσετε το CSS για να προσθέσετε τίτλους σε στυλ, αντί να χρησιμοποιήσετε έναν τίτλο εκτός λειτουργίας.
- Οι επικεφαλίδες ετικέτες είναι στοιχεία σε επίπεδο μπλοκ , έτσι ώστε να τεθούν σε διαλείμματα γραμμής για εσάς. Μην βάζετε ετικέτες P μέσα στις ετικέτες τίτλου.
Έντονη και πλάγια γραφή
Υπάρχουν τέσσερις ετικέτες που μπορείτε να χρησιμοποιήσετε για έντονους και πλάγιους χαρακτήρες:
- και για έντονους χαρακτήρες
- και για πλάγια γραφή
Δεν έχει σημασία τι χρησιμοποιείτε. Ενώ μερικοί προτιμούν και , αλλά πολλοί άνθρωποι βρίσκουν για "έντονους χαρακτήρες" και
Απλά περιβάλλετε το κείμενό σας με τις ετικέτες έναρξης και λήξης, για να κάνετε το κείμενο έντονα ή πλάγια:
τολμηρός πλάγιος χαρακτήραςΜπορείτε να φτιάξετε αυτές τις ετικέτες (που σημαίνει ότι μπορείτε να κάνετε κείμενο με έντονη γραφή και πλάγια γραφή) και δεν έχει σημασία ποια είναι η εξωτερική ή εσωτερική ετικέτα.
Για παράδειγμα:
Το κείμενο αυτό είναι έντονο
Αυτό το κείμενο είναι τολμηρόΑυτό το κείμενο είναι πλάγια
Αυτό το κείμενο είναι πλάγιαΑυτό το κείμενο είναι τόσο τολμηρό όσο και πλάγια
Το κείμενο είναι τόσο τολμηρό όσο και πλάγιαΓιατί υπάρχουν δύο σύνολα με έντονους και πλάγιους χαρακτήρες
Στην HTML4, οι ετικέτες και θεωρήθηκαν ετικέτες στυλ που επηρέασαν μόνο την εμφάνιση του κειμένου και δεν ανέφεραν τίποτα σχετικά με το περιεχόμενο της ετικέτας και θεωρήθηκε άσχημη η χρήση τους. Στη συνέχεια, με το HTML5, τους δόθηκε μια σημασιολογική σημασία έξω από το βλέμμα του κειμένου.
Στην HTML5 αυτές οι ετικέτες έχουν συγκεκριμένες έννοιες:
- Το υποδηλώνει κείμενο που δεν είναι πιο σημαντικό από το κείμενο που περιβάλλει, αλλά τυπική παρουσίαση με τυπωμένο κείμενο, όπως λέξεις-κλειδιά σε μια περίληψη εγγράφου ή ονόματα προϊόντων σε μια επισκόπηση.
- υποδηλώνει κείμενο που δεν είναι πιο σημαντικό από το κείμενο που περιβάλλει, αλλά η τυπική τυπογραφική παρουσίαση είναι κείμενο με πλάγια γραφή, όπως τίτλος βιβλίου, τεχνικός όρος ή φράση σε άλλη γλώσσα.
- Το υποδηλώνει κείμενο που έχει μεγάλη σημασία σε σύγκριση με το περιβάλλον κείμενο.
- υποδηλώνει κείμενο που έχει έντονο στρες σε σύγκριση με το περιβάλλον κείμενο.