Font Tag Versus Cascading Style Sheets (CSS) bertsioarekin

Webgune zahar bat ikusi duzu eta HTML barruan etiketa ezohikoa ikusi duzu? Duela urte asko, web diseinatzaileek bere web orriaren letra tipoak ezarri zituzten HTMLaren barruan, baina egitura (HTML) eta estiloaren (CSS) bereizketa urrun egin zuten praktika honekin.

Gaur egun diseinatutako webean, etiketa zaharkituta geratu da. Horrek esan nahi du etiketa ez dela HTMLaren zehaztapen zatirik. Nabigatzaile batzuek etiketa hau onartu zuten bitartean desagertu egin zen, HTML5-ren jada ez da onartzen, hau da, hizkuntza azken iterazioa. Honek esan nahi du tagak ez duela zure HTML dokumentuetan aurkitu behar.

Letra-etiketa aldatzailea

Ez baduzu testua letra-tipoaren barruan HTML orriko etiketarekin ezarri, zer erabili beharko zenuke? Cascading estilo-orriak (CSS) gaur egun webguneen estilo-estilo (eta estilo bisual guztiak) nola ezartzen dituzue. CSSek tagak egin ditzakeen gauza guztiak egin ditzake, gehi askoz gehiago. Etiketa horrek gure HTML orrietarako aukera bat izan zezakeen aztertu (gogoratu, ez da gehiago onartzen, beraz, ez da aukera bat) eta alderatu CSS-rekin nola egin.

Letra-tipoaren familia aldatzea

Letra-tipoa letra-tipoaren aurpegia edo familia da. Letra-tipoa erabiliz, "aurpegia" atributua erabili beharko zenuke eta dokumentu osoan zehar asko jarri beharko zenituzke, hainbat aldiz letra-tipo bakoitzaren letra-tipo pertsonalizatuak ezartzeko. Letra horretarako aldaketa sakona egin behar zenezake, etiketa bakar hauetako bakoitza aldatu behar duzu. Adibidez:

letra-tipo hau ez da sans-serif

"Aurpegia" letra-tipoak ordez CSS izenekoak "familia" letra-tipoa deitzen du. Letra ezartzeko CSS estilo bat idazten duzu. Adibidez, orri batean testu osoa Garamond-erako ezarri nahi baduzu, hau bezalako estilo bisuala gehi dezakezu:

gorputza {font-family: Garamond, Times, serif; }

CSS estilo honek Garamond-en letra-tipo familia web orriko guztia aplikatuko luke dokumentuan elementu bakoitza bere ondorengoa da.

Letra-tipoaren kolorea aldatzea

Aurpegian bezala, "kolorea" atributua eta hex kodeak edo kolore izenak erabiltzen dituzu zure testuaren kolorea aldatzeko. Duela urte batzuk, gainera, hau banan-banan ezarriko zenuke testu-elementuei, goiburuko etiketa bezala.

letra hau morea da

Gaur egun, CSS lerro bat idatzi besterik ez duzu.

Hau askoz ere malguagoa da. Aldatu behar duzu

Zure webguneko orrialde guztietan, aldaketa bat egin dezakezu zure CSS fitxategian eta fitxategi hori erabiltzen duen orrialde bakoitza eguneratu egingo litzateke.

Zaharrekin

Ikusizko estiloak emateko CSS erabiltzea web diseinatzaile estandarra izan da urte askotan, beraz, etiketa erabiltzen ari zaren orrialde baten bila bazabiltza, orri zahar bat da eta gaur egungo webgunera egokitzeko birbanatu behar da diseinatu jardunbide onenak eta web estandar modernoak.

Jeremy Girard-ek editatua