Unu el la etikedoj, kiujn vi lernos frue en via retejo-desegnado, estas paro de etikedoj, nomataj "emfazoj". Ni rigardu, kion ĉi tiuj etikedoj estas kaj kiel ili nun uzas en la dezajno retejo.
Reen al XHTML
Se vi lernis antaŭ HTML jaroj, bone antaŭ la supreniro de HTML5, vi verŝajne uzis ambaŭ la aŭdacajn kaj kursivajn etikedojn. Kiel vi atendus, ĉi tiuj etikedoj turnis elementojn en aŭdacan tekston aŭ kursivan tekston respektive. La problemo kun ĉi tiuj etikedoj kaj kial ili estis forigitaj al favoro de novaj elementoj (kiujn ni vidos baldaŭ), estas, ke ili ne estas semantikaj elementoj. Ĉi tio estas ĉar ili difinas kiel la teksto devus aspekti pli ol informojn pri la teksto. Memoru, HTML (kie ĉi tiuj etikedoj estus skribita) ĉio pri strukturo, ne vida stilo! Vizitoj estas manipulitaj de CSS kaj retejo-dezajno plej bonaj praktikoj longe subtenis, ke vi devus havi klaran apartigon de stilo kaj strukturo en viaj retpaĝoj. Ĉi tio signifas ne uzi elementojn ne-semantikajn kaj kiuj aspektas pli ol strukturo. Jen kial la aŭdacaj kaj kursaj etikedoj estis ĝenerale anstataŭigitaj per forta (por aŭdaca) kaj emfazo (por kursivoj).
& lt; strong & gt; kaj & lt; em & gt;
La fortaj kaj emfazaj elementoj aldonas informojn al via teksto, detaligante enhavon, kiu devus esti traktita malsame kaj emfazis kiam tiu enhavo estas parolata. Vi uzas ĉi tiujn erojn preskaŭ kiel vi aŭdacus kaj kursivaj en la pasinteco. Simple ĉirkaŭu vian tekston kun la malfermaj kaj fermaj etikedoj ( kaj por emfazo kaj kaj por forta emfazo) kaj la enmetita teksto estos emfazita.
Vi povas nestumi ĉi tiujn etikedojn kaj ĝi ne gravas, kiu estas la ekstera etikedo. Jen kelkaj ekzemploj.
Ĉi tiu teksto estas emfazita kaj plej multaj foliumiloj montros ĝin kiel kursivaj. Ĉi tiu teksto estas forte emfazita kaj plej multaj foliumiloj montros ĝin kiel aŭdaca tipo.En ambaŭ ĉi tiuj ekzemploj, ni ne diktas vidan aspekton kun la HTML. Jes, la defaŭlta aspekto de la etikedo estus kursiva kaj la estus aŭdaca, sed tiuj aspektoj facile povus esti ŝanĝitaj en CSS. Ĉi tio estas la plej bona el ambaŭ mondoj. Vi povas plibonigi la defaŭltajn retumililojn por fari kursivan aŭ aŭdacan tekston en via dokumento sen efektive transiri la linion kaj miksi strukturon kaj stilon. Diru, ke vi volas ke teksto ne nur estu aŭdaca, sed ankaŭ esti ruĝa, vi povus aldoni tion al la CSS
forta {
koloro: ruĝa;
}
En ĉi tiu ekzemplo, vi ne bezonas aldoni posedaĵon por la aŭdaca tiparo-pezo ĉar tio estas la defaŭlta. Se vi ne volas lasi tion al la hazardo, tamen vi ĉiam povus aldoni ĝin en:
forta {
tiparo-pezo: aŭdaca;
koloro: ruĝa;
}
Nun vi ĉiuj estus garantiita havi paĝon kun aŭdaca teksto (kaj ruĝa) kien ajn la etikedo estas uzata.
Duobla Supre je Emfazo
Unu afero, kiun mi rimarkis dum la jaro, estas kio okazas, se vi provos duobligi la emfazon. Ekzemple:
Ĉi tiu teksto devus havi ambaŭ aŭditan kaj kursivan teksto ene de ĝi.Vi pensus, ke ĉi tiu linio produktus areon, kiu havas tekston, kiu estas aŭdaca kaj kursiva. Kelkfoje tio ja okazas, sed mi vidis iujn retumilojn nur honoras la duan el la du emfazaj stiloj, la plej proksima al la reala teksto, kaj nur montras ĉi tion kiel kursivon. Ĉi tiu estas unu el la kialoj, kial mi ne duobligas emfazajn etikedojn.
Alia kialo por eviti ĉi "duobligi" estas por estilaj celoj. Unu emfazo, se kutime sufiĉas por transdoni la tonon, kiun vi volas agordi. Vi ne bezonas aŭdaci, kursivigi, kolorigi, pligrandigi kaj substreki tekston por ke ĝi elstaras. Tiu teksto, ĉiuj tiuj malsamaj specoj de emfazo, fariĝos ruza. Do zorgeme uzu emfazon etikedojn aŭ CSS-stilojn por emfazi emfazon kaj ne overdo ĝin.
Noto sur Bold kaj Italics
Unu penso fino - dum la aŭdacaj () kaj kursivaj () etikedoj jam ne rekomendas esti uzataj kiel emfazaj elementoj, ekzistas iuj retejo-projektantoj, kiuj uzas ĉi tiujn etikedojn por stiligi enlinajn areojn de teksto. Esence, ili uzas ĝin kiel elemento . Ĉi tio estas bela ĉar la etikedoj estas tre mallongaj, sed uzante ĉi tiujn elementojn de ĉi tiu maniero ĝenerale ne rekomendas. Mi mencias, ke se vi vidos ĝin tie en iuj lokoj uzataj por ne krei aŭdacan aŭ kursivitan tekston, sed krei CSS-hoko por iu alia speco de vida stilo.
Originala artikolo de Jennifer Krynin. Redaktita de Jeremy Girard la 12/2/16.