Βρείτε σημασιολογικές ετικέτες χρησιμοποιώντας αυτό το HTML5 Robot

ο Το HTML5 doctype άλλαξε πολύ στον κόσμο της κωδικοποίησης των frontend. Το νέο πρότυπο ήρθε με μια δέσμη νέων στοιχείων, πολλά από τα οποία τώρα είναι πιο σημασιολογικά ακριβή από τα απλά divs.

Αλλά πώς ξέρετε ποιο στοιχείο είναι καλύτερο για την υπο-πλοήγηση ή την πλευρική σας μπάρα; Απλά ρωτήστε το ρομπότ HTML5.

Αυτό το ελεύθερο webapp σας λέει ακριβώς ποιες ετικέτες είναι η καλύτερη επιλογή για τη σελίδα HTML σας. Θεωρεί πρώτα τη σημασιολογία και σας λέει ποια ετικέτα (ετικέτες) πρέπει να δουλεύει καλύτερα στην περίπτωσή σας.

Για να ξεκινήσετε θα απαντήσετε σε μια σειρά ναι και όχι ερωτήσεις για να καθορίσετε τον τύπο του στοιχείου σελίδας που δημιουργείτε. Από εκεί, το HTML5 Robot θα υπολογίσει όλα τα τελευταία στοιχεία HTML5 και θα βρει την τέλεια αντιστοιχία για να καλύψει τις ανάγκες σας.

Κάθε ένα από ερωτήσεις βοηθά να προσδιορίσετε αν το στοιχείο σελίδας είναι μέρος του κύριου περιεχομένου, ένα εξάρτημα ή κάτι άλλο εντελώς.

Θα χρειαστεί να απαντήσετε μόνο σε 5 ερωτήσεις πριν βρείτε την ετικέτα που χρειάζεστε, οπότε αυτό δεν είναι πολύ δύσκολο να το χρησιμοποιήσετε. Ακόμη και οι κωδικοποιητές αρχαρίων μπορούν να μάθουν να αγαπούν το ρομπότ HTML5!

Επί του παρόντος, αυτό το webapp έχει κυκλοφορήσει τόσο στα αγγλικά όσο και στα γαλλικά. Περισσότερες μεταφράσεις μπορεί να είναι στο δρόμο για το μέλλον, αλλά χωρίς αμφιβολία αυτό είναι ένα πολύτιμο εργαλείο για την κωδικοποίηση σημασιολογικών τερματικών.

Είναι φιλοξενούνται στην πλατφόρμα Webflow και αυτό το όλο θέμα χτίστηκε ως έργο που τρέχει στο Webflow.

Ρίξτε μια ματιά στην κύρια σελίδα και δείτε τι σκέφτεστε. Αν έχετε ερωτήσεις ή ιδέες, μπορείτε να τις μοιραστείτε με τον προγραμματιστή @ vinchubang του ιστότοπου.