10 kølige ting HTML-tags kan gøre
I øjeblikket er der en i alt 142 HTML-elementer standardiseret af W3C eksklusive dem i de indledende faser af standardisering og de, der gik forældede. Når det er sagt, er det muligt at savne eller glemme nogle af dem, der kan være nyttige, når det er nødvendigt.
Tidligere gjorde vi en oversigt over nogle af de bedste CSS-tricks, du måske har overset. Dette indlæg minder dig om nogle af de HTML-tags, du ikke vidste du kunne bruge til at implementere funktioner som:
1. Kortbilleder
HTML'en elementer kan bruges til at oprette billedkort. Billedkort er grundlæggende billeder med klikbare områder på dem, der kan hyperlinkes til en anden webside eller andre dele af det samme dokument. Du kan definere, hvilke områder af et billede der skal klikkes ved blot at nævne de tilsvarende X Y-koordinater for disse punkter i elementer indlejret inde .
Bemærk: De klikbare områder kan ikke styles gennem CSS, så hvis du vil have disse markører til styling, skal du bruge et simpelt billedredigeringsprogram til at tegne markørerne.
Tip: Hvis du vil kende koordinaterne for et punkt i et billede, skal du åbne billedet i et billedredigeringsprogram og flytte markøren til det punkt. Du skal kunne se koordinaterne for det i selve softwaren. For GIMP vises den til venstre i bundlinjen.
2. Indtastningsforslag
Brug at give en liste over relevante forslag, der vises, mens du skriver en inputværdi.
3. Fremhæv tekst
Fremhævet tekst har normalt mørk tekstfarve med en lys baggrund. Du kan opnå den fremhævede teksteffekt med markering alene. Enhver tekst indeholdt i vil have den effekt.
Du kan tilpasse fremhæv farve med baggrundsfarve CSS ejendom af og tekstfarve med farve ejendom.
4. Definer skabeloner
Sammen med HTML5 kom den nye element. Det element holder markup inde i det, der ikke gøres af browsere, den markering der er vedlagt den skal bruges til generere dynamisk indhold på siden ved hjælp af JavaScript.
Antag for eksempel, at du har en Fine print refererer til teksten i dokumentet, der typisk udskrives i meget lille størrelse, der indeholder oplysninger som betingelser, vilkår, begrænsninger, citater, juridiske rettigheder mv. Det Bemærk: Alle de relative webadresser på siden henvises baseret på basiswebadressen. Hvis du har et link til et andet domæne, skal du ikke glemme at tildele den komplette URL til den. Responsiv webudvikling er i modsætning til stadig voksende mobiladgang. Billeder kan vælges til forskellige skærmstørrelser med markering. Det Bemærk: Dette fungerer kun i Chrome. Du bliver nødt til at indstille HTML5 introducerede mange nye input type elementer; farveindgangselementet er en af dem. Det lader dig vælge en farve på en webside ved hjælp af en farvevælger. Hvis du har mange muligheder i en dropdown liste og gerne vil vise dem grupperet, vil Markeringen inde hvor rækker skal tilføjes dynamisk, kan du simpelthen sætte markeringen af en tom række af den tabel inde i
tag og, når det er nødvendigt, kalder en JavaScript-funktion indeholdende script til at kopiere markeringen indefra skabelonetiketterne og føje det til tabelopmærkning. Dette understøttes ikke af IE. 5. Fin print
tag i HTML kan bruges til at vise fine udskrifter. Fra HTML5 og fremefter tag viser ikke blot en fintrykt stylet tekst, men vil også semantisk definere det samme som juridiske ansvarsfraskrivelser og advarsler.6. Tildel en basiswebadresse
7. Responsive Images
dom.image.picture.enable til rigtigt i about: config i Firefox.8. Farvevælger
9. Gruppe muligheder
element vil få jobbet gjort. Du kan også indstille grupperne med CSS.10. Den
element Gives kun af browseren, når scriptet er deaktiveret. Dette tag er nyttigt for at lade brugerne vide, hvornår scriptet er deaktiveret i deres browser og at give en alternativ tilbagekoblingsmekanisme for komponenter på de websider, der vil stoppe med at arbejde uden JavaScript.
Læs nu: 15 Nyttige CSS-tricks du kunne have overset
