10 Coola saker HTML-taggar kan göra
För tillfället finns det en totalt 142 HTML-element standardiserad av W3C exklusive dem i de initiala faser av standardisering och de som gick föråldrade. Med det sagt är det möjligt att missa eller glömma några av dem som kan vara användbara när det behövs.
Tidigare gjorde vi en omgång av några av de bästa CSS-tricken du kanske har förbisedt. Det här inlägget påminner dig om några av de HTML-taggar som du inte visste att du kunde använda för att implementera funktioner som:
1. Kartbilder
HTML element kan användas för att skapa bildkartor. Bildkartor är i grunden bilder med klickbara områden på dem, som kan hyperlänkas till en annan webbsida eller andra delar av samma dokument. Du kan definiera vilka områden av en bild som kan klickas genom att bara ange motsvarande X Y-koordinater för dessa punkter i
element inbäddat inuti
.
Notera: De klickbara områdena kan inte stylas via CSS, så om du vill att dessa markörer ska utformas, använd en enkel bildredigeringsprogramvara för att rita markörerna.
Tips: Om du vill veta koordinaterna för en punkt i en bild öppnar du bilden i ett bildredigeringsprogram och flyttar markören till den punkten. Du borde kunna se koordinaterna för den i själva mjukvaran. För GIMP visas den till vänster på bottenfältet.
2. Inmatningsförslag
Använda sig av för att ge en lista med relevanta förslag som visas när du skriver ett inmatningsvärde.
3. Markera Text
Markerad text har oftast mörk textfärg med en ljus bakgrund. Du kan uppnå den markerade texteffekten med markering ensam. Eventuell text bifogad i kommer att ha den effekten.
Du kan anpassa markeringsfärg med bakgrundsfärg
CSS egendom av och den text färg med
Färg
fast egendom.
4. Definiera mallar
Tillsammans med HTML5 kom den nya element. De
element håller markering inuti det som inte gjorts av webbläsarna, ska markeringen som bifogas den användas till generera dynamiskt innehåll på sidan använder JavaScript.
Antag förmodligen att du har en Fint tryck refererar till texten i dokumentet som typiskt skrivs ut i mycket liten storlek med information som villkor, villkor, restriktioner, citat, juridiska rättigheter etc. De Notera: Alla relativa webbadresser på sidan kommer att hänvisas baserat på basadressen. Om du har någon länk till en annan domän glöm inte att tilldela den fullständiga webbadressen till den. Responsiv webbutveckling är i modet med stadig växande mobilåtkomst. Bilder kan väljas för olika skärmstorlekar med markering. De Notera: Detta fungerar för närvarande bara i Chrome. Du måste ställa in HTML5 introducerade många nya inmatningstypelement; färginmatningselementet är en av dem. Det låter dig välja en färg på en webbsida med hjälp av en färgplockare. Om du har många alternativ i en rullgardinslista och vill visa dem grupperade, så Markeringen inuti där rader ska läggas till dynamiskt, kan du helt enkelt placera markeringen av en tom rad i den tabellen inuti
tagg och, när det behövs, ring en JavaScript-funktion som innehåller ett script för att kopiera markeringen från insidan av malltaggarna och lägg till den i tabelluppsättningen. Detta stöds inte av IE.
5. Fina utskrifter
tagg i HTML kan användas för att visa fina utskrifter. Från HTML5 och framåt
tagg visar inte bara en finstilad text, utan definierar även semantiskt detsamma som lagliga ansvarsfrister och försiktighetsåtgärder.
6. Tilldela en basadress
HTML-element är ganska användbart när du har flera länkar i ditt dokument med samma domänadresser, så kan du lägga till en basadress till dokumentet som i sin tur tillåter att du bara lägger till relativa webbadresser till andra länkar på sidan efter behov.7. Responsive Images
HTML5-element kan du lägga till olika bildkällor för olika media för bilden inuti den.
dom.image.picture.enable
till Sann
i about: config
i Firefox.8. Färgplockare
9. Gruppoptioner
elementet kommer att få jobbet gjort. Du kan också ställa in grupperna med CSS.
10. Den
element
görs av webbläsaren endast när manuset är inaktiverat. Den här taggen är användbar för att låta användarna veta när manuset är inaktiverat i sin webbläsare och att tillhandahålla någon alternativ återhämtningsmekanism för komponenter på de webbsidor som slutar fungera utan JavaScript.
Nu läser: 15 Användbara CSS-trick du kanske har förbisett