Inhoudsopgave
Er zijn attributen die alleen op een specifiek element kunnen worden toegepast, maar in plaats daarvan kunnen sommige op een of meer elementen worden toegepast.In het volgende voorbeeld zien we de toepassing van een attribuut op het element
Bovendien kunnen we meerdere attributen aan onze elementen toevoegen, dit doen we door ze te scheiden met een eenvoudige spatie:
ik hou van klas= "koppeling" href= "/appels.html" Gaan= "firstlink"> appels en peren.
Booleaanse attributen
Sommige attributen zijn Booleaans, hiervoor is het niet nodig om een waarde op te geven, het wordt alleen aan het element toegevoegd en het zal zijn functionaliteit uitvoeren, bijvoorbeeld:
Vul uw naam in:
Hier gebruiken we het attribuut gehandicapt in het invoerelement dat de gebruiker de middelen biedt om informatie in te voeren, door het attribuut toe te voegen gehandicapt we voorkomen dat de gebruiker informatie invoert met het toetsenbord of naar het klembord kopieert.
Aangepaste kenmerken
We kunnen aangepaste attributen definiëren zolang de naam die we gebruiken het data-prefix heeft:
Vul uw naam in:
De juiste naam voor deze attributen zijn attributen die door de auteur zijn gedefinieerd en door het datavoorvoegsel eraan toe te voegen, bereiken we dat de browsers het zonder enig probleem interpreteren en zonder enig conflict met enig ander aangepast attribuut dat eerder is gemaakt.
Algemene HTML5-kenmerken
Er is een tweede categorie attributen, deze configureren het gedrag dat gebruikelijk is in alle elementen, laten we eens kijken wat ze zijn:
- 1. Toegangstoets
Voorbeeld naam:Wachtwoord:
Hier kunnen we zien dat de invoer Naam zal worden geopend met de 'n'-toets, wachtwoord met 'p' en Login met 's'.
- 2. Klasse
Voorbeeld Apress-websiteW3C-website
We kunnen meerdere klassen toepassen op elk element en de klassen scheiden met spatie, de namen die we aan de klassen toewijzen zijn willekeurig, maar mijn aanbeveling is om namen die enige betekenis hebben te plaatsen in de context waaraan we werken.
- 3. Bewerkbaar
VoorbeeldHet regent nu
We hebben het attribuut toegepast op een element
door de waarde van het attribuut in te stellen op "true", zodat de gebruiker de inhoud van die alinea kan wijzigen. Wanneer de gebruiker op het element klikt, kan hij beginnen het te wijzigen.