10 coole dingen die HTML-tags kunnen doen
Op dit moment zijn er een totaal van 142 HTML-elementen gestandaardiseerd door W3C met uitzondering van die in de beginfasen van standaardisatie en die welke verouderd zijn. Dat gezegd hebbende, is het mogelijk om er enkele te missen of te vergeten die nuttig kunnen zijn wanneer dat nodig is.
Eerder hebben we een samenvatting gemaakt van enkele van de beste CSS-trucs die je mogelijk over het hoofd hebt gezien. Dit bericht zal je enkele HTML-tags herinneren waarvan je niet wist dat je ze kon gebruiken om functies te implementeren zoals:
1. Mapafbeeldingen
De HTML elementen kunnen worden gebruikt om afbeeldingskaarten te maken. Afbeelding kaarten zijn in feite afbeeldingen met klikbare gebieden erop, die kunnen worden gelinkt aan een andere webpagina of andere delen van hetzelfde document. U kunt definiëren op welke gebieden van een afbeelding klikbaar is door eenvoudigweg de corresponderende X Y-coördinaten van die punten in de afbeelding te vermelden
elementen die in elkaar zijn genest
.
Notitie: De aanklikbare gebieden kunnen niet via CSS worden opgemaakt, dus als u wilt dat die markeringen worden opgemaakt, gebruikt u een eenvoudige software voor het bewerken van afbeeldingen om de markeringen te tekenen.
Tip: Als u de coördinaten voor een punt in een afbeelding wilt weten, opent u de afbeelding in een beeldbewerkingssoftware en verplaatst u de cursor naar dat punt, dan zou u de coördinaten ervan in de software zelf moeten kunnen zien. Voor GIMP wordt het weergegeven aan de linkerkant van de balk onderaan.
2. Suggesties invoeren
Gebruik om een lijst met relevante suggesties te geven die verschijnen tijdens het typen van een invoerwaarde.
3. Markeer Tekst
Gemarkeerde tekst heeft meestal een donkere tekstkleur met een lichte achtergrond. U kunt dat gemarkeerde teksteffect alleen met opmaak bereiken. Elke tekst ingesloten in de zal dat effect hebben.
U kunt de markeer kleur met de Achtergrond kleur
CSS-eigenschap van en de tekst kleur met de
kleur
eigendom.
4. Definieer sjablonen
Samen met HTML5 kwam het nieuwe element. De
element bevat markup die niet wordt weergegeven door de browsers, de markup die wordt ingesloten, moet worden gebruikt het genereren van dynamische inhoud op de pagina met behulp van JavaScript.
Stel dat u een Kleine lettertjes verwijst naar de tekst van een document dat doorgaans in een zeer klein formaat wordt afgedrukt en informatie bevat zoals voorwaarden, voorwaarden, beperkingen, aanhalingen, wettelijke rechten, enz. De Notitie: Alle relatieve URL's in de pagina worden doorverwezen op basis van de basis-URL, als u een link hebt met een ander domein, vergeet dan niet om de volledige URL hieraan toe te wijzen. Responsieve webontwikkeling is in de trend van de steeds groeiende mobiele toegang. Afbeeldingen kunnen met opmaak voor verschillende schermformaten worden geschakeld. De Notitie: Dit werkt momenteel alleen in Chrome. Je zult moeten instellen HTML5 introduceerde veel nieuwe elementen van het invoertype; het kleureninvoerelement is er een van. Hiermee kunt u een kleur kiezen op een webpagina met behulp van een kleurenkiezer. Als u veel opties in een vervolgkeuzelijst hebt en ze gegroepeerd wilt weergeven, kunt u de De markup binnenin waar rijen dynamisch moeten worden toegevoegd, kunt u eenvoudig de opmaak van een lege rij van die tabel in de
tag en indien nodig een JavaScript-functie aanroepen met een script om de markup vanuit de sjabloontags te kopiëren en toe te voegen aan de tabelmarkering. Dit wordt niet ondersteund door IE.
5. Kleine lettertjes
tag in HTML kan worden gebruikt om fijne afdrukken weer te geven. Vanaf HTML5 het
tag toont niet alleen een tekst in fine-print stijl, maar zal ook semantisch hetzelfde definiëren als wettelijke disclaimers en kanttekeningen.
6. Ken een basis-URL toe
HTML-element is best handig wanneer u meerdere links in uw document met dezelfde domein-URL's heeft, u kunt hiermee een basis-URL aan het document toevoegen, zodat u op zijn beurt alleen relatieve URL's aan andere links op de pagina kunt toevoegen.7. Responsieve afbeeldingen
Met HTML5-element kunt u verschillende afbeeldingsbronnen toevoegen voor verschillende media voor de afbeelding erin.
dom.image.picture.enable
naar waar
in about: config
in Firefox.8. Kleurkiezer
9. Groepsopties
element zal de klus klaren. Je kunt de groepen ook opmaken met CSS.
10. De
element
wordt door de browser alleen weergegeven als het script is uitgeschakeld. Deze tag is handig om gebruikers te laten weten wanneer het script is uitgeschakeld in hun browser en om alternatieve fallback-mechanismen te bieden voor onderdelen op de webpagina's die niet meer werken met JavaScript.
Nu lezen: 15 nuttige CSS-trucs die u misschien hebt over het hoofd gezien