Innholdsfortegnelse:
Video: HVORDAN VI DATER | Video Podcast 2024
Attr () -funksjonen er interessant fordi den lar deg samhandle med ethvert attributt for et objekt som en del av en stil. Du ser denne funksjonen brukt på en rekke unike måter på Internett, selv om det synes å være en bevart hemmelighet for det meste.
Ett nettsted som demonstrerer et raskt program som er avhengig av attr () er The New Hotness: Bruke CSS3 Visual Effects. Følgende prosedyre viser attr () -funksjonen på en enklere måte, slik at du bedre kan forstå de få eksemplene på nettet som demonstrerer det på en detaljert måte.
-
Opprett en ny HTML5-fil med tekstredigeringsprogrammet.
-
Skriv inn følgende kode for HTML-siden.
Bruke attr () -funksjonen
Bruke attr () -funksjonen
Verden
Alt du har her er en overskrift og et avsnitt. Legg merke til at avsnittet definerer et standardattributt, id og et ikke-standardattributt, TestText. Attributtet du bruker for attr () -funksjonen trenger ikke å være standard - du kan definere hvilket som helst attributt som ønskes.
-
Lagre filen som Attr. HTML.
-
Opprett en ny CSS-fil med teksteditoren din.
-
Skriv inn følgende CSS-stilinformasjon.
#TestMe: før {innhold: attr (TestText);}
Stilen begynner med å si at produksjonen fra stilen skal vises før merket referert av TestMe som et ID. Deretter setter innholdet av dette området til gjeldende verdi av testtekstattributtet ved hjelp av attr () -funksjonen.
-
Lagre filen som Attr. CSS.
-
Legg inn Attr-eksempelet.
Utgangen er ganske mye hva du kan forvente, Hello World. Attr () -funksjonen kan gjøre det mulig for deg å skjule og bruke all slags informasjon på sidene dine, gjenbruk informasjon på forskjellige måter, eller til og med utføre feilsøkingsoppgaver.