10 Cool Ετικέτες HTML Ετικέτες μπορούν να κάνουν
Προς το παρόν υπάρχουν α σύνολο 142 στοιχείων HTML τυποποιημένες από το W3C, εξαιρουμένων εκείνων στις αρχικές φάσεις της τυποποίησης και εκείνων που ξεπέρασαν τα όρια. Τούτου λεχθέντος, είναι δυνατόν να χάσετε ή να ξεχάσετε λίγες από αυτές που μπορεί να είναι χρήσιμες όταν χρειάζεται.
Νωρίτερα κάναμε μια ανακεφαλαίωση μερικών από τα καλύτερα τεχνάσματα του CSS που ίσως έχετε παραβλέψει. Αυτή η ανάρτηση θα σας υπενθυμίσει κάποιες από τις ετικέτες HTML που δεν γνωρίζατε ότι θα μπορούσατε να χρησιμοποιήσετε για την εφαρμογή λειτουργιών όπως:
1. Χάρτης εικόνων
Το HTML τα στοιχεία μπορούν να χρησιμοποιηθούν για τη δημιουργία χαρτών εικόνας. Χάρτες εικόνων είναι βασικά εικόνες με τις περιοχές με δυνατότητα κλικ στις οποίες μπορούν να συνδεθούν με μια άλλη ιστοσελίδα ή με άλλα μέρη του ίδιου εγγράφου. Μπορείτε να ορίσετε ποιες περιοχές της εικόνας είναι clickable με την απλή αναφορά των αντίστοιχων X Y συντεταγμένες των εν λόγω σημείων στο
στοιχεία φωλιασμένα μέσα
.
Σημείωση: Οι περιοχές με δυνατότητα κλικ δεν μπορούν να στυλιστούν μέσω του CSS, οπότε, εάν θέλετε οι σχετικοί δείκτες να είναι στυλ, χρησιμοποιήστε ένα απλό λογισμικό επεξεργασίας εικόνων για να σχεδιάσετε τους δείκτες.
Υπόδειξη: Αν θέλετε να μάθετε τις συντεταγμένες ενός σημείου σε μια εικόνα, ανοίξτε την εικόνα σε ένα λογισμικό επεξεργασίας εικόνων και μετακινήστε τον κέρσορα σε αυτό το σημείο, θα πρέπει να μπορείτε να δείτε τις συντεταγμένες του σε αυτό το λογισμικό. Για το GIMP εμφανίζεται στην αριστερή πλευρά της κάτω ράβδου.
2. Προτάσεις εισαγωγής
Χρήση για να παράσχετε μια λίστα σχετικών προτάσεων που εμφανίζονται κατά την πληκτρολόγηση μιας τιμής εισόδου.
3. Επισημάνετε το κείμενο
Το κείμενο που έχει επισημανθεί έχει συνήθως σκούρο χρώμα κειμένου με ανοιχτό φόντο. Μπορείτε να επιτύχετε αυτό το επισημασμένο αποτέλεσμα κειμένου μόνο με τη σήμανση. Οποιοδήποτε κείμενο περικλείεται μέσα στο θα έχει αυτό το αποτέλεσμα.
Μπορείτε να προσαρμόσετε το επισημάνετε το χρώμα με το χρώμα του φόντου
CSS ιδιότητα του και το χρώμα κειμένου με το
χρώμα
ιδιοκτησία.
4. Καθορίστε πρότυπα
Μαζί με το HTML5 ήρθε το νέο στοιχείο. ο
το στοιχείο κρατά σημάδι στο εσωτερικό του που δεν έχει αποτυπωθεί από τα προγράμματα περιήγησης, θα πρέπει να χρησιμοποιηθεί η σήμανση που περικλείεται από αυτό δημιουργούν δυναμικά περιεχόμενα στη σελίδα χρησιμοποιώντας JavaScript.
Για παράδειγμα, υποθέστε ότι έχετε ένα Η λεπτή εκτύπωση αναφέρεται στο κείμενο του εγγράφου που τυπικά εκτυπώνεται σε πολύ μικρό μέγεθος που περιέχει πληροφορίες όπως όροι, όροι, περιορισμοί, παραπομπές, νόμιμα δικαιώματα κ.λπ. ο Σημείωση: Όλες οι σχετικές διευθύνσεις URL στη σελίδα θα αναφέρονται βάσει της βασικής διεύθυνσης URL, αν έχετε κάποιον σύνδεσμο με διαφορετικό τομέα, μην ξεχάσετε να αντιστοιχίσετε την πλήρη διεύθυνση URL σε αυτήν. Η υπεύθυνη ανάπτυξη ιστού είναι στη μόδα με την ολοένα αυξανόμενη κινητή πρόσβαση. Οι εικόνες μπορούν να αλλάξουν για διαφορετικά μεγέθη οθόνης με σήμανση. ο Σημείωση: Αυτή τη στιγμή λειτουργεί μόνο στο Chrome. Θα πρέπει να ρυθμίσετε Το HTML5 εισήγαγε πολλά νέα στοιχεία τύπου εισόδου. το στοιχείο εισαγωγής χρώματος είναι ένα από αυτά. Σας επιτρέπει να επιλέξετε ένα χρώμα σε μια ιστοσελίδα με τη βοήθεια ενός επιλογέα χρωμάτων. Εάν έχετε πολλές επιλογές σε μια αναπτυσσόμενη λίστα και θέλετε να τις εμφανίσετε ομαδοποιημένες, το Η σήμανση μέσα όπου οι σειρές πρέπει να προστεθούν δυναμικά, μπορείτε απλά να βάλετε τη σήμανση μιας κενής γραμμής του πίνακα μέσα στο
ετικέτα και, όταν χρειάζεται, καλέστε μια λειτουργία JavaScript που περιέχει δέσμη ενεργειών για να αντιγράψετε τη σήμανση μέσα από τις ετικέτες του προτύπου και να την προσθέσετε στη σήμανση πίνακα. Αυτό δεν υποστηρίζεται από το IE.
5. Fine Print
η ετικέτα σε HTML μπορεί να χρησιμοποιηθεί για την εμφάνιση λεπτών εκτυπώσεων. Από το HTML5 και εξής
η ετικέτα όχι μόνο δείχνει ένα στυλ με λεπτή εκτύπωση αλλά και σημασιολογικά καθορίζει τα ίδια με τις νόμιμες αποποιήσεις ευθυνών και τις προειδοποιήσεις.
6. Ορίστε μια διεύθυνση URL βάσης
Το στοιχείο HTML είναι πολύ βολικό όταν έχετε πολλές συνδέσεις στο έγγραφό σας με τις ίδιες διευθύνσεις URL, επιτρέποντάς σας να προσθέσετε μια βασική διεύθυνση URL στο έγγραφο, το οποίο με τη σειρά του σας επιτρέπει να προσθέσετε μόνο σχετικές διευθύνσεις URL σε άλλους συνδέσμους στη σελίδα, όπως απαιτείται.7. Ευαίσθητες εικόνες
Το στοιχείο HTML5 σάς επιτρέπει να προσθέσετε διάφορες πηγές εικόνας για διαφορετικά μέσα για την εικόνα μέσα σε αυτό.
dom.image.picture.enable
προς το αληθής
σε σχετικά με: config
στο Firefox.8. Επιλογή χρωμάτων
9. Επιλογές ομάδας
στοιχείο θα κάνει τη δουλειά. Μπορείτε επίσης να διαμορφώσετε τις ομάδες με το CSS.
10. Το
στοιχείο
αποδίδεται από το πρόγραμμα περιήγησης μόνο όταν το σενάριο είναι απενεργοποιημένο. Αυτή η ετικέτα είναι χρήσιμη για την ενημέρωση των χρηστών όταν η δέσμη ενεργειών είναι απενεργοποιημένη στο πρόγραμμα περιήγησής τους και για την παροχή οποιασδήποτε εναλλακτικής μηχανής εναλλαγής για τα στοιχεία των ιστοσελίδων που θα σταματήσουν να λειτουργούν χωρίς JavaScript.
Τώρα διαβάστε: 15 Χρήσιμα κόλπα CSS που θα μπορούσατε να αγνοήσετε