Kio estas HTML5 lokokupilon Ligiloj Por?
idUp ĝis HTML5, la etikedo postulis unu atributon: href. Sed HTML5 faras eĉ tiun atributon laŭvola. Kiam vi skribas la etikedon sen ia ajn atributo, ĝi nomiĝas lokokupilo.
Lokokupilo-ligilo aspektas tiel:
AntaŭaUzanta lokokupilon Ligiloj Dum Disvolviĝo
Preskaŭ ĉiu retejo-desegnisto kreis lokokupilonajn ligilojn samtempe aŭ alian dum ĝi desegnis kaj konstruis retejon. Antaŭ HTML5, ni skribus:
ligilo-tekstokiel la lokokupilon. Kaj mi sendis mokupajn ejojn al klientoj kun tiuj anstataŭiloj nur por havi la klienton demandi min "kial ne la ligiloj en la teksto funkcias?"
La problemo per uzado de hashtag (n) kiel ligilo de lokokupilo estas ke la ligo estas klarebla kaj ĉi tio povas kaŭzi konfuzon por viaj klientoj. Kaj, se iu forgesas ĝisdatigi ilin per la ĝustaj URLoj, tiuj ligiloj povas esti rompitaj sur la rekta retejo ĉar ili ne ligas al io ajn.
Anstataŭe, vi devas uzi etikedojn sen ia ajn atributo. Vi povas stiligi ĉi tiujn aspektojn kiel ajnan alian ligon sur via paĝo, sed ili ne estos klakblaj ĉar ili estas nur anstataŭiloj.
Uzante lokokupilon Ligiloj sur Vivaj retejoj
Sed lokokupilaj ligiloj havas lokon en retpaĝo por pli ol nur disvolviĝo. Unu loko, kie lokokupilo-ligilo povas brili, estas en navigado. En multaj kazoj, retejaj lertaj listoj havas iujn rimedojn por indiki kiun paĝo vi estas. Ĉi tiuj ofte nomiĝas "vi estas ĉi tie" indikiloj.
Plej multaj lokoj dependas pri id-atributoj sur la elemento, kiu bezonas la "vi estas ĉi tie" markilo, sed kelkaj uzas la klasan atributon ankaŭ. Tamen, kion ajn vi atribuas, vi devas fari multajn laborojn al ĉiu paĝo, kiu havas la navigacion sur ĝi, aldonante kaj forigante la atributon el la ĝustaj elementoj.
Kun lokokupla ligilo, vi povas skribi vian navigadon, tamen vi ŝatus, kaj tiam simple forigu la bildan atributon de la taŭga ligo kiam vi aldonas la navigadon al paĝo. Mi stokas mian tutan navigadon-liston kiel fragmenton en mia redaktilo, do ĝi estas nur rapida kopio-batu kaj poste forviŝos la href. Vi ankaŭ povas akiri vian CMS por fari la saman aferon.
Kaj krom aldoni specialan stilon (mi montros al vi kiel sube) al lokokupilo, la ligo ne estas klakebla. Do klientoj ne konfuzas pensi, ke ili eble ricevos ion alian se ili klakas sur la navigado, kie ili nun estas.
Stiligante lokokupilon Ligiloj
Ligiloj de lokokupiloj estas facilaj al stilo kaj stilo malsame de la aliaj ligiloj sur via retpaĝo. Simple certu, ke vi stiligu ambaŭ etikedon kaj la: ligilon. Ekzemple:
{koloro: ruĝa; tiparo-pezo: aŭdaca; teksto-dekoracio: neniu; } a: ligilo {koloro: blua; tiparo-pezo: normala; teksto-dekoracio: subskriba; }Ĉi tiu CSS faros lokokupilon ligilojn aŭdacajn kaj ruĝajn, kun neniuj substrekoj. Dum regulaj ligoj estos normalaj pezoj, bluaj kaj substrekitaj.
Memoru restarigi ajnajn stilojn, kiujn vi ne volas forpreni de la etikedo. Ekzemple, mi starigis la font-pezon por aŭdaci por la lokokupiloj, do mi devis agordi ĝin al:
tiparo-pezo: normala;por la normaj ligoj. La sama estas vera kun la teksta dekoracio, forigante ĝin kun la elektilo, ĝi estus forigita por: ligilo-elektilo, se mi ne redonis ĝin.