Η HTML είναι η ραχοκοκαλιά του Διαδικτύου.
Ελέγξτε τον κατακόρυφο χώρο μεταξύ των γραμμών κειμένου σε μια παράγραφο στην ιστοσελίδα σας για να βελτιώσετε την οπτική σας παρουσίαση. Εάν χρειάζεστε λίγο επιπλέον χώρο γεμάτο με κείμενο ή θέλετε να συμπιέσετε λίγο επιπλέον κείμενο σε ένα συγκεκριμένο χώρο, μπορείτε να χρησιμοποιήσετε ετικέτες HTML και CSS για να αλλάξετε το διάστιχο ώστε να ταιριάζει. Με μερικές γραμμές κώδικα μπορείτε να προσαρμόσετε το ύψος της απόστασης γραμμών ή το "ύψος γραμμής" στην ιστοσελίδα σας.
Αυστηρό HTML
Για να δημιουργήσετε διάστιχο που να φαίνεται σωστό ή που βοηθά να ταιριάζει τέλεια μια ενότητα κειμένου στην περιοχή κειμένου σε έναν ιστότοπο, χρησιμοποιήστε αυστηρό HTML. Χρησιμοποιήστε την ετικέτα "font" για να δημιουργήσετε κώδικα όπως αυτός:
Το βίντεο της ημέρας
Το "150%" είναι το τμήμα που αυξάνει την απόσταση μεταξύ των γραμμών του κειμένου. Αντικαταστήστε άλλες τιμές για να αυξήσετε ή να μειώσετε το διάστημα.
Span Tag
Χρησιμοποιήστε ετικέτες span για να εφαρμόσετε την αλλαγή ύψους γραμμής στο κείμενο που εισάγεται μεταξύ του ανοίγματος και του κλεισίματος της ετικέτας. Η κωδικοποίηση μοιάζει παρόμοια:
Το κείμενο πηγαίνει εδώ...
Χρησιμοποιήστε έναν αριθμό pixel για να ορίσετε το μέγεθος της γραμματοσειράς αντί για τα σχετικά μεγέθη μεγάλο, μεσαίο ή μικρό. Η χρήση ακριβών μετρήσεων για το μέγεθος της γραμματοσειράς σας δίνει καλύτερο έλεγχο του κειμένου και επιτρέπει στο διάστιχο να λειτουργεί καλύτερα.
Εναλλακτικές λύσεις CSS
Η απόσταση γραμμών μπορεί επίσης να ρυθμιστεί χρησιμοποιώντας ένα φύλλο στυλ σειριακής (CSS). Το CSS ελέγχει οποιοδήποτε στοιχείο στο οποίο αποφασίσετε να το εφαρμόσετε, είτε πρόκειται για ένα αναγνωριστικό έκτασης που ορίζετε για μία ενότητα κειμένου στη σελίδα είτε για μια ολόκληρη κατηγορία κοινώς χρησιμοποιούμενων στοιχείων. Για παράδειγμα, εάν εργάζεστε με έναν ιστότοπο ιστολογίου, θα μπορούσατε να δημιουργήσετε μια τάξη για καταχωρίσεις ιστολογίου και να ορίσετε το ύψος γραμμής του φύλλου στυλ για την τάξη στο 135%. Κάθε καταχώρηση ιστολογίου θα έχει το ίδιο ύψος γραμμής. Ο κωδικός για τη ρύθμιση του "ύψους γραμμής" στο CSS είναι:
{line-height: 150%;}
WYSIWYG Έλεγχος απόστασης γραμμών
Πολλά από αυτά τα προβλήματα κωδικοποίησης μπορούν να παρακαμφθούν χρησιμοποιώντας ένα πρόγραμμα επεξεργασίας Web WYSIWYG ή δημιουργώντας τοποθεσίες με διαδικτυακό λογισμικό όπως το WordPress και το Joomla ή δωρεάν εργαλεία δημιουργίας ιστοτόπων όπως το Weebly, το Wix και Φεγγαρόκαρπος. Όλα αυτά τα εργαλεία παρέχουν προγράμματα επεξεργασίας κειμένου που απομακρύνουν τις εικασίες και το μυαλό. Ένα απλό πάτημα ενός κουμπιού του ποντικιού και η απόσταση μεταξύ των γραμμών αυξάνεται όπως θα συνέβαινε αν γράφατε ένα έγγραφο στον αγαπημένο σας επεξεργαστή κειμένου.
Οι περισσότεροι συντάκτες Ιστού, ανεξάρτητα από το πόσο WYSIWYG είναι η διεπαφή τους, είναι πολύ πιο εύχρηστοι αν ξέρετε πώς να κωδικοποιείτε, ακόμα κι αν βρίσκετε ότι κωδικοποιείτε πολύ λιγότερο από ό, τι στο παρελθόν.
