Skip to main content

Ang Layunin ng Mga Link ng Placeholder ng HTML

Technology Stacks - Computer Science for Business Leaders 2016 (Abril 2025)

Technology Stacks - Computer Science for Business Leaders 2016 (Abril 2025)
Anonim

Hanggang sa inilabas ang HTML5, ang tag ay nangangailangan ng isang katangian: href. Ngunit, ang HTML5 ay gumagawa ng kahit na katangian na opsyonal. Kapag isinulat mo ang isang tag nang walang anumang mga katangian na tinatawag itong link na placeholder.

Mukhang ganito ang isang link sa placeholder:

Nakaraang

Paggamit ng Mga Link ng Placeholder Sa Panahon ng Pagpapaunlad

Halos bawat taga-disenyo ng web ay lumikha ng mga link sa placeholder sa isang pagkakataon o iba pa habang nagdidisenyo at nagtatayo ng isang website. Bago ang HTML5, isulat ng isang programmer ang mga sumusunod bilang isang placeholder:

link na teksto

Ang problema sa paggamit ng isang hashtag (#) bilang isang link ng placeholder ay ang link ay maaaring i-click, at ito ay maaaring maging sanhi ng pagkalito para sa iyong mga kliyente. At, kung ang isang developer ay makakalimutan na i-update ang mga ito gamit ang mga wastong URL, ipapakita lamang ng mga link na iyon ang parehong pahina kung ang user ay naka-on kung nag-click.

Sa halip, dapat mong simulan ang paggamit ng mga tag nang walang anumang mga katangian. Maaari mong estilo ang mga ito upang magmukhang anumang iba pang mga link sa iyong pahina, ngunit hindi nila ma-click dahil ang mga ito ay mga placeholder lamang.

Paggamit ng Mga Link ng Placeholder sa Mga Live na Site

Ang mga link ng placeholder ay may lugar sa disenyo ng web para sa higit pa sa pag-unlad. Isang lugar na maaaring lumiwanag ang isang link ng placeholder ay nasa mga elemento ng pag-navigate. Sa maraming sitwasyon, may mga listahan ng nabigasyon sa website na nagpapahiwatig kung aling pahina ikaw ay nasa. Ang mga ito ay madalas na tinatawag na "ikaw ay dito" tagapagpahiwatig.

Karamihan sa mga site ay umaasa sa mga katangian ng id sa elemento na nangangailangan ng marker na "narito ka", ngunit ginagamit din ng ilan ang katangian ng klase. Gayunpaman, anuman ang katangian na iyong ginagamit, kailangan mong gumawa ng maraming dagdag na trabaho sa bawat pahina na may nabigasyon dito, pagdaragdag at pag-alis ng katangian mula sa mga tamang elemento.

Sa isang link ng placeholder, maaari mong isulat ang iyong nabigasyon gayunpaman gusto mo, at pagkatapos ay alisin lamang ang href attribute mula sa naaangkop na link kapag idinagdag mo ang nabigasyon sa isang pahina. Para sa pag-unlad, isang mabilisang tip upang makatulong ay i-imbak ang buong listahan ng nabigasyon bilang isang snippet ng code sa iyong editor, kaya ito ay isang mabilis na kopya lamang. Pagkatapos ay maaari mo lamang tanggalin ang href. Maaari mo ring makuha ang iyong sistema ng pamamahala ng nilalaman (CMS) upang gawin ang parehong bagay.

Mga Link ng Pag-istilo ng Placeholder

Ang mga link ng mga placeholder ay madaling istilo at magkaiba ang estilo mula sa iba pang mga link sa iyong web page. Tiyaking tiyakin na pareho ang isang tag at ang isang: tag na link. Halimbawa:

isang {kulay: pula; font-weight: bold; text-decoration: none; } a: link {color: blue; font-weight: normal; text-decoration: underline; }

Ang CSS na ito ay gagawing naka-bold at pula na mga link ng placeholder, nang walang salungguhit. Ang mga regular na link ay magiging normal na timbang, asul at nakasaad bagaman.

Tandaan na i-reset ang anumang mga estilo na hindi mo gustong dalhin mula sa isang tag. Halimbawa, naka-bold ang timbang ng font para sa mga link ng placeholder, kaya kakailanganin mong i-set ito sa:

font-weight: normal;

para sa karaniwang mga link. Ang parehong ay totoo sa text-decoration. Sa pamamagitan ng pag-alis sa isang tagapili, ito ay tinanggal na para sa a: link selector kung hindi ko ibalik ito.