Unike Identifiers yn Websiden
Neffens de W3C is it ID-attribút yn HTML:
in unyk identifier foar it elemint
Dit is in tige ienfâldige beskriuwing fan in heul machtige attribute. It ID-attribút kin ferskate aksjes foar websiden útfiere:
- In stylblêd seleksje - Dit is de funksje de measte minsken brûke it ID-attribút foar. Om't se unyk binne, kinne jo der wis fan wêze dat jo krekt it ien item op jo webside styl meitsje as jo in eigenskip brûke. De ûnderkant om in ID te brûken foar stylingdoelen is dat it in hege spegel fan spesifike skaaimerk hat, dat it makket it tige útdrukkere as jo in stille letter in stylblêder foar in styl skriuwe moatte. Hjirtroch binne de hjoeddeistige webside foar it brûken fan klassen en klasse seleksjes yn plak fan ID's en ID-seleksjes foar algemiene stylingsdoelen.
- Nammen fan anker foar keppeling nei - Websiden brûke jo om prestige lokaasjes yn jo websiden te bewarjen troch te bepalen oan de ID oan 'e ein fan' e URL. Jo sille de id ta oan it ein fan 'e side URL taheakje, foarôfgeand fan in pûn teken (#). Jo kinne ek keppele oan dizze ankers mei de side sels troch it tafoegjen fan it pûn teken (#) en de ID-namme yn it href-attribút foar it elemint. Bygelyks, as jo in divyzje hawwe mei in kontaktpersoan, kinne jo dêrnei keppele op dizze side:
Dit is de keppeling tekst - In referinsje foar skripts - As jo in javascriptfunksjes skriuwe, wolle jo it ID-attribút brûke om jo wizigingen te meitsjen op it krekte elemint op 'e side mei jo skripts.
- Oare ferwurking - De id lit jo jo dokuminten ferwurkje nei hokker wize jo hawwe. Jo kinne bygelyks de HTML yn in databank útsette, en it ID-attribút identifisearret fjilden.
Regels foar it brûken fan de ID attribút
Der binne in pear regels dy jo folgje moatte hawwe in jildich dokumint dat it id-attribet oeral yn it dokumint brûkt:
- De ID moat begjinne mei in brief (az of AZ)
- Alle lettertypen kinne letters wêze, getallen (0-9), hyphens (-), ûnderskeuren (_), kolon (:), en perioden (.).
- Elke ID moat unyk wêze yn it dokumint. Wêrom?
Mei de ID-attribút
As jo ien unike elemint fan jo webside identifisearre hawwe, kinne jo stylblêden brûke om krekt ien elemint te styljen.
Kontakt mei ús opnimme
Der is wat tekstynhâld hjir
div # contact-section {background: # 0cf;}
-or just-
# contact-section {background: # 0cf;}
Elk fan dy twa seleksjers soe wurkje. De earste (div # kontakt-seksje) soarget in divyzje mei in ID-attribút fan "kontakt-seksje". De twadde (# kontakt-seksje) soest noch it elemint te bewarjen mei in ID fan "kontakt-seksje", it soe gewoan net witte dat it wat sykje is in divyzje. It einresultaat fan 'e styling soe krekt itselde wêze.
Jo kinne ek keppele oan dit spesifike elemint sûnder ienige tags taheakje:
Link nei de kontaktynformaasje
Ferwizigje dat lid yn jo skripts mei de JavaScript-metoade "getElementById":
document.getElementById ("kontakt-seksje")
ID-attributen binne noch altiten tige brûkber yn HTML, al binne klasse seleksjes har ferfangen foar meast algemiene stylgenoaten. De mooglikheid om it ID-attribus as hok te brûken foar stilen, wylst se ek as anker foar linken of doelen foar skripts brûke, betsjut dat se hjoed noch in wichtich plak hawwe yn web design.
Edited by Jeremy Girard