10 Cool Ετικέτες HTML Ετικέτες μπορούν να κάνουν

Προς το παρόν υπάρχουν α σύνολο 142 στοιχείων HTML τυποποιημένες από το W3C, εξαιρουμένων εκείνων στις αρχικές φάσεις της τυποποίησης και εκείνων που ξεπέρασαν τα όρια. Τούτου λεχθέντος, είναι δυνατόν να χάσετε ή να ξεχάσετε λίγες από αυτές που μπορεί να είναι χρήσιμες όταν χρειάζεται.

Νωρίτερα κάναμε μια ανακεφαλαίωση μερικών από τα καλύτερα τεχνάσματα του CSS που ίσως έχετε παραβλέψει. Αυτή η ανάρτηση θα σας υπενθυμίσει κάποιες από τις ετικέτες HTML που δεν γνωρίζατε ότι θα μπορούσατε να χρησιμοποιήσετε για την εφαρμογή λειτουργιών όπως:

1. Χάρτης εικόνων

Το HTML τα στοιχεία μπορούν να χρησιμοποιηθούν για τη δημιουργία χαρτών εικόνας. Χάρτες εικόνων είναι βασικά εικόνες με τις περιοχές με δυνατότητα κλικ στις οποίες μπορούν να συνδεθούν με μια άλλη ιστοσελίδα ή με άλλα μέρη του ίδιου εγγράφου. Μπορείτε να ορίσετε ποιες περιοχές της εικόνας είναι clickable με την απλή αναφορά των αντίστοιχων X Y συντεταγμένες των εν λόγω σημείων στο στοιχεία φωλιασμένα μέσα .

Σημείωση: Οι περιοχές με δυνατότητα κλικ δεν μπορούν να στυλιστούν μέσω του CSS, οπότε, εάν θέλετε οι σχετικοί δείκτες να είναι στυλ, χρησιμοποιήστε ένα απλό λογισμικό επεξεργασίας εικόνων για να σχεδιάσετε τους δείκτες.

Υπόδειξη: Αν θέλετε να μάθετε τις συντεταγμένες ενός σημείου σε μια εικόνα, ανοίξτε την εικόνα σε ένα λογισμικό επεξεργασίας εικόνων και μετακινήστε τον κέρσορα σε αυτό το σημείο, θα πρέπει να μπορείτε να δείτε τις συντεταγμένες του σε αυτό το λογισμικό. Για το GIMP εμφανίζεται στην αριστερή πλευρά της κάτω ράβδου.

2. Προτάσεις εισαγωγής

Χρήση για να παράσχετε μια λίστα σχετικών προτάσεων που εμφανίζονται κατά την πληκτρολόγηση μιας τιμής εισόδου.

3. Επισημάνετε το κείμενο

Το κείμενο που έχει επισημανθεί έχει συνήθως σκούρο χρώμα κειμένου με ανοιχτό φόντο. Μπορείτε να επιτύχετε αυτό το επισημασμένο αποτέλεσμα κειμένου μόνο με τη σήμανση. Οποιοδήποτε κείμενο περικλείεται μέσα στο θα έχει αυτό το αποτέλεσμα.

Μπορείτε να προσαρμόσετε το επισημάνετε το χρώμα με το χρώμα του φόντου CSS ιδιότητα του και το χρώμα κειμένου με το χρώμα ιδιοκτησία.

4. Καθορίστε πρότυπα

Μαζί με το HTML5 ήρθε το νέο