Ien fan 'e tags dy't jo frjemd leare yn jo websideûnderwiis is in pear tags dy't bekend binne as de "klamstikken". Litte wy ris sjen hoe't dizze tags binne en hoe't se hjoed yn web design binne.
Werom nei XHTML
As jo HTML jier lyn leard hawwe, goed foar de opkomst fan HTML5, hawwe jo wierskynlik sawol de fet- en kursus-tags brûkt. As jo ferwachtsje dat dizze tags in elemint eleminten yn fette tekst of kursusearre wurde. It probleem mei dizze tags en wêrom't se opnommen binne foar foardielen fan nije eleminten (dy't wy koart sjogge), is dat se gjin semantyske eleminten binne. Dit is om't sy bepale hoe't de tekst efter sjocht as ynformaasje oer de tekst. Tink derom, HTML (wat is wêr't dizze tags skreaun wurde) is alles oer struktuer, gjin optyske styl! Visuals wurde behannele troch CSS en web design ûntbleate praktiken hawwe lange hâlden dat jo in dúdlike skieding fan styl en struktuer hawwe moatte yn jo websiden. Dit betsjut net dat eleminten gebrûk meitsje dy't net semantyske binne en wat detailje earder as struktuer. Dêrom binne de fet- en kursus-tags wurden algemien ferfongen troch sterk (foar fet) en klam (foar kursussen).
& lt; sterk & gt; en & lt; em & gt;
De krêftige en aksinteleminten jouwe ynformaasje oan jo tekst, detailearje ynhâld dy't behannele wurde oars en betocht as dizze ynhâld sprutsen wurdt. Jo brûke dizze eleminten in protte deselde wize wêrop jo yn it ferline geweldich en kursussen brûkt hawwe. Jo kinne jo tekst krekt omgean mei de iepenings- en sluten fan tags ( en foar klam en en foar sterke klam) en de beërege tekst sil oanmakke wurde.
Jo kinne dizze tags nêsten nimme en it is gjin ding wêr't de eksterne tag is. Hjir binne inkele foarbylden.
Dizze tekst wurdt beklamme en de measte browsers soene it as kursus sjen litte. Dizze tekst wurdt sterk beklamme en de measte browsers soene it as fet-type sjen litte.Yn beide dizze foarbylden hawwe wy gjin optreden mei it HTML diktearje. Ja, it standertynsteld fan 'e tag soe kursus wêze en de soe fet wêze, mar dy sjoch kin maklik yn CSS feroare wurde. Dit is de bêste fan beide wrâlden. Jo kinne de standert browserstyl brûke om kursussen te krijen of fet te meitsjen yn jo dokumint, sûnder dat de struktuer en styl te fytsen binne. As jo wolle dat jo tekst net allinich fett wêze, mar ek red wurde, kinne jo dit oan it CSS taheakje
sterk {
kleur: read;
}
Yn dit foarbyld is jo net nedich om in eigenskip foar it fet letter-gewicht te foegjen, om't dat de standert is. As jo dat net wolle, kinne jo altyd it tafoegje:
sterk {
font-weight: bold;
kleur: read;
}
No moatte jo allinich mar garandearje om in side mei fette (en read) tekst te hawwen, wêr't de tag brûkt wurdt.
Dûbeld op aksint
Ien ding dat ik oer it jier bekenne, is wat bart as jo besykje om op klam te dupperjen. Bygelyks:
Dizze tekst moat sawol bolded en kursisten hawwe.Jo soene tinke dat dizze line in gebiet meitsje soe dat tekst hat fett en kursussen. Somt dit dochs bart, mar ik sjogge guon browsers allinnich de twadde fan 'e twa klamstilen, de iennichste nei de eigentlike tekst yn' e fraach, en allinich dit as kursus sjen litte. Dit is ien fan 'e reden wêrom't ik net opklamme op klankbars.
In oare reden om dit "dûbeld" te foarkommen is foar stilistyske doelen. Ien foarm fan klam as normaal genôch om de toan te bewizen dy't jo wolle setten. Jo moatte net fet, kursive, kleur, fergrutsje en ûndersteande tekst yn 'e wize om it út te stean. Dy tekst, sil allegear ferskate soarten aksint wêze, soe girly wurde. Soargje dernei omtinken as it brûken fan klamstikken of CSS-stylen foarkomt en klik net oerjaan.
In opmerking op fett en kursisten
Ien lêste gedachte - wylst de fette () en kursussen () tags net mear oanfreegje om as aksinteleminten te brûken, binne der guon webûntwerpers dy't dizze tags brûke om tekst ynline fan tekst te stylen. Yn 't gefal brûke se as in elemint. Dit is lekker omdat de tags tige koart binne, mar dizze eleminten op dizze manier wurde net algemien oanbean. Ik ferminne yn bygelyks as jo se sjen op guon websides dy't net brûkt wurde om fett of kursisten te meitsjen, mar om in CSS-hok foar in oare soarte fan fisuele styl te meitsjen.
Oarspronklik artikel fan Jennifer Krynin. Edited by Jeremy Girard on 12/2/16.