Όσον αφορά την εκμάθηση HTML, δύο ετικέτες που οι περισσότεροι άνθρωποι μαθαίνουν νωρίς είναι οι ετικέτες παραγράφου και αλλαγής γραμμής, οι οποίες είναι
και
αντίστοιχα. Αυτές οι ετικέτες θέτουν φυσικά διαλείμματα στο κείμενό σας, έτσι ώστε το περιεχόμενο της ιστοσελίδας σας να είναι ευκολότερο να διαβαστεί. Ενώ αυτές οι ετικέτες είναι αρκετά εύχρηστες, μπορούν επίσης να προκαλέσουν σύγχυση και να χρησιμοποιηθούν κατάχρηση.
Σωστή χρήση του στοιχείου παραγράφου HTML
Το στοιχείο παραγράφου
χρησιμοποιείται ως ζεύγος ετικετών με την ετικέτα
να ανοίγει το στοιχείο και την ετικέτα
να το κλείνει. Κατά τη σύνταξη HTML4 ή HTML5, η τελική ετικέτα δεν απαιτείται τεχνικά, αλλά θεωρείται η καλύτερη πρακτική για το κλείσιμο αυτής της ετικέτας. Στο XHTML, απαιτείται το κλείσιμο
. Χρησιμοποιείτε το στοιχείο παραγράφου σε έναν ιστότοπο με τον ίδιο τρόπο που κάνετε όταν γράφετε περιεχόμενο για ανάγκες εκτός διαδικτύου – όταν θέλετε να ξεκινήσετε μια νέα ιδέα ή ένα σημείο. Τα περισσότερα προγράμματα περιήγησης εμφανίζουν παραγράφους με μία κενή γραμμή μεταξύ τους. Ακολουθεί ένα δείγμα παραγράφου σε HTML:
Τώρα είναι η ώρα για όλους τους καλούς άντρες να βοηθήσουν τη χώρα τους. Η γρήγορη καφέ αλεπού πήδηξε πάνω από τον τεμπέλης σκύλο που κοιμάται.
type = «code»> Πολλές άλλες ετικέτες μπορούν να εμφανίζονται μεταξύ των ετικετών παραγράφου ανοίγματος και κλεισίματος.
Σωστή χρήση του στοιχείου αλλαγής γραμμής HTML
Η ετικέτα στοιχείου αλλαγής γραμμής
είναι μια μοναδική ετικέτα – δεν έχει τελική ετικέτα. Στο XHTML, πρέπει να χρησιμοποιήσετε την ετικέτα με τελική κάθετο (
), αλλά σε HTML (συμπεριλαμβανομένου του HTML5), δεν απαιτείται. Το στοιχείο διακοπής είναι μια αναγκαστική αλλαγή γραμμής στη ροή κειμένου της ιστοσελίδας. Το χρησιμοποιείτε όταν θέλετε το κείμενο να συνεχιστεί στην επόμενη γραμμή, αλλά το περιεχόμενο δεν είναι ξεχωριστή ιδέα ή σημείο, που θα το έκανε μια άλλη παράγραφο. Ένα παράδειγμα αυτού συμβαίνει με την ποίηση όπου τα διαλείμματα γραμμής είναι συνήθως σταθερά. Ακολουθεί ένα παράδειγμα διακοπής γραμμής μέσα σε μια παράγραφο:
Τώρα είναι η ώρα για όλους τους καλούς άντρες να έρθουν στη βοήθεια της χώρας τους.
Η γρήγορη καφέ αλεπού πήδηξε πάνω από τον τεμπέλης σκύλο που κοιμάται.
Επειδή η ετικέτα αλλαγής γραμμής είναι μια μοναδική ετικέτα, δεν μπορούν να χρησιμοποιηθούν άλλες ετικέτες εντός αυτής.
Συχνές παραβιάσεις των ετικετών
και
Οι νέοι στην κωδικοποίηση κάνουν κάποια κοινά λάθη με τα στοιχεία παραγράφου και αλλαγής γραμμής κατά τη σήμανση μιας ιστοσελίδας.
- Χρησιμοποιώντας το
για να αλλάξετε το μήκος μιας γραμμής κειμένου: Η χρήση της ετικέτας αλλαγής σε μια προσπάθεια να αναγκάσει το κείμενο να εμφανίζεται ή να σπάσει με συγκεκριμένο τρόπο διασφαλίζει ότι οι σελίδες σας φαίνονται υπέροχες στο πρόγραμμα περιήγησής σας, αλλά όχι απαραίτητα σε άλλο πρόγραμμα περιήγησης και σίγουρα όχι σε όλες τις συσκευές. Εάν ο ιστότοπός σας είναι ιστότοπος που ανταποκρίνεται, αλλάζει τη διάταξή του βάσει διαφορετικών μεγεθών οθόνης. Το πρόγραμμα περιήγησης τοποθετεί αυτόματα τη λέξη αναδίπλωση και, στη συνέχεια, στην ετικέτα
, τυλίγει ξανά το κείμενο, με αποτέλεσμα μικρές γραμμές και μεγάλες γραμμές και ασταθές κείμενο. Θα πρέπει να χρησιμοποιήσετε φύλλα στυλ CSS για να υπαγορεύσετε οπτικά στυλ αντί να προσπαθείτε να επιβάλλετε τη διάταξη προσθέτοντας συγκεκριμένα στοιχεία HTML. - Χρησιμοποιώντας το
& nbsp;
για να προσθέσετε κενό μεταξύ των στοιχείων
: Για άλλη μια φορά, αυτό μετατρέπεται σε HTML για να δημιουργήσει μια οπτική διάταξη, σε αυτήν την περίπτωση, το διάστημα, αντί να χρησιμοποιεί CSS. Αυτή είναι μια συνήθης πρακτική ορισμένων επεξεργαστών HTML, και ενώ δεν είναι τεχνικά λάθος, οδηγεί σε περίεργη εμφάνιση HTML και μπορεί να προκαλέσει σύγχυση στην επεξεργασία αργότερα. Επίσης, δεν συμβαδίζει με τα πρότυπα ιστού και το διαχωρισμό της δομής και του στυλ. Σε ορισμένες περιπτώσεις, η χρήση κενών διαστημάτων εντός αλλιώς κενών ετικετών παραγράφου μπορεί να οδηγήσει σε απροσδόκητα διαστήματα σε διαφορετικά προγράμματα περιήγησης, καθώς όλα φαίνεται να το ερμηνεύουν διαφορετικά. Η καλύτερη λύση για την επίτευξη των διαχωριστικών στοιχείων που απαιτούνται στο σχέδιό σας είναι να χρησιμοποιήσετε φύλλα στυλ.
Αναφέρετε αυτό το άρθρο
Μορφή mla apa chicago Η αναφορά σας
Kyrnin, Jennifer. «Η σωστή χρήση των στοιχείων HTML P και BR.» ThoughtCo, Μάιος. 14, 2021, thinkco.com/correct-usage-p-and-br-elements-3468192.
Kyrnin, Jennifer. (2021, 14 Μαΐου). Η σωστή χρήση των στοιχείων HTML P και BR. Ανακτήθηκε από το https://www.thoughtco.com/correct-usage-p-and-br-elements-3468192
Kyrnin, Jennifer. «Η σωστή χρήση των στοιχείων HTML P και BR.» ThoughtCo. https://www.thoughtco.com/correct-usage-p-and-br-elements-3468192 (πρόσβαση στις 18 Μαΐου 2021).
αντιγραφή παραπομπής