Innholdsfortegnelse:
Video: Belajar HTML Pemula Pengenalan Elemen, Tag, Dan Atribut 2025
Attributter gir ytterligere måter å endre oppførsel av et element eller angi tilleggsinformasjon. Vanligvis, men ikke alltid, angir du et attributt som tilsvarer en verdi som er vedlagt anførselstegn. Her er et eksempel ved hjelp av tittelattributtet og det skjulte attributtet:
USA
New York City
Tittelattributtet gir rådgivende informasjon om elementet som vises når musemarkøren svinger over den berørte teksten (med andre ord, et tooltip ). I dette eksemplet er ordet USA utformet som en overskrift som bruker
-taggen med et tittelattributt sett lik "USA". I en nettleser, da du plasserer musemarkøren over ordet USA, vises teksten USA som et verktøytips.
Den skjulte attributtet indikerer at elementet ikke er relevant, slik at nettleseren ikke vil gjøre noen elementer med dette attributtet. I dette eksemplet vises ordene New York City aldri i nettleservinduet fordi den skjulte attributtet er i åpningen
-taggen. Mer praktisk er ofte skjulte attributter brukt til å skjule felt fra brukere, slik at de ikke kan redigere dem. For eksempel kan et RSVP-nettsted kanskje inkludere, men skjul fra brukervisning, et dato- og klokkeslettfelt.
Det skjulte attributtet er nytt i HTML5, noe som betyr at det kanskje ikke fungerer på noen eldre nettlesere.
Du trenger ikke å bruke en attributt av gangen. Du kan inkludere flere attributter i den åpne HTML-koden, slik som denne:
USA
I dette eksemplet brukes tittelattributtet og langattributtet, slik at det er lik «en» for å angi at innholdet i elementet er på engelsk
Når du inkluderer flere attributter, skiller du hver attributt med ett mellomrom.
Husk følgende regler når du bruker attributter:
-
Hvis du bruker et attributt, må du alltid inkludere attributtet i åpnings HTML-taggen.
-
Flere attributter kan endre et enkelt element.
-
Hvis attributtet har en verdi, bruk likestegnet (=) og legg inn verdien i anførselstegn.
