Mga link o mga anchor sa mga web page
Ang isa sa mga pangunahing differentiators sa pagitan ng mga website at iba pang mga anyo ng media sa komunikasyon ay ang ideya ng "mga link", o mga hyperlink bilang mga ito ay technically kilala sa mga term na disenyo ng web.
Bilang karagdagan sa pagtulong upang gawin ang web kung ano ito ngayon, ang mga link, pati na rin ang mga imahe, ay madaling ang pinaka karaniwang pagdaragdag ng mga bagay sa mga web page. Higit sa lahat, ang mga item na ito ay madaling idagdag (lamang ng dalawang pangunahing mga tag na HTML ) at maaari silang magdulot ng kaguluhan at interactivity sa kung ano ang kung hindi man ay magiging plain na mga pahina ng teksto. Sa artikulong ito, matututunan mo ang tungkol sa (anchor) tag, na kung saan ay ang aktwal na paggamit ng elemento ng HTML upang magdagdag ng mga link sa mga pahina ng website.
Pagdaragdag ng Mga Link
Ang isang link ay tinatawag na isang anchor sa HTML, at sa gayon ang tag upang kumatawan dito ay ang A tag. Karaniwan, ang mga tao ay sumangguni lamang sa mga karagdagan bilang "mga link", ngunit ang anchor ay kung ano ang aktwal na idinagdag sa anumang pahina.
Kapag nagdadagdag ka ng isang link, dapat mong ituro ang address ng web page na nais mong pumunta sa mga gumagamit kapag nag-click o nag-tap (kung nasa isang touch screen) ang link na iyon. Tinukoy mo ito sa katangiang ito.
Ang href attribute ay nangangahulugang "hypertext reference" at ang layunin nito ay ang magdikta sa URL kung saan mo nais ang tukoy na link na mapupunta. Kung wala ang impormasyong ito, isang link ay walang silbi - sasabihin nito sa browser na ang gumagamit ay dapat na dadalhin sa isang lugar, ngunit hindi ito magkakaroon ng impormasyon sa patutunguhan na magagamit para sa kung saan ang "lugar" ay dapat. Ang tag na ito at ang katangiang ito ay nagpapatuloy.
Halimbawa, upang lumikha ng isang tekstong link, isulat mo ang:
URL ng web page upang pumunta sa "> Text na magiging link
Kaya mag-link sa home page ng Web Design / HTML ng About.com, isulat mo ang:
Maaari mong i-link ang halos anumang bagay sa iyong pahina ng HTML, kasama ang mga larawan . Lamang palibutan ang mga elemento ng HTML o mga elemento na gusto mong maging isang link sa mga at na mga tag. Maaari ka ring lumikha ng mga link sa placeholder sa pamamagitan ng pag-alis sa href attribute - ngunit tiyaking bumalik at i-update ang href na impormasyon sa ibang pagkakataon o ang link ay hindi gagawin ang anumang bagay kapag na-access.
Ginagawang wasto ng HTML5 ang mga elemento ng block-level tulad ng mga parapo at mga elemento ng DIV . Maaari kang magdagdag ng isang anchor tag sa paligid ng isang mas malaking lugar, tulad ng isang dibisyon o kahulugan ng listahan, at ang buong lugar ay "naki-click". Ito ay maaaring maging kapaki-pakinabang lalo na kapag sinusubukan upang lumikha ng mas malaki, mga daliri-friendly hit lugar sa isang website.
Ang ilang mga Bagay na Tandaan Kapag Pagdaragdag ng Mga Link
- Kinakailangan ang huling na tag. Kung nakalimutan mo na isama ito, ang lahat ng sumusunod na link na iyon ay naka-link din, hanggang sa isara ng isa pang link ang tag.
- Karamihan sa mga oras, pinakamainam na i-link ang iisang mga imahe at mga maikling span ng teksto, sa halip na malaking mga bloke ng teksto. Ang mga link ay maaaring magdagdag ng mga kulay at mga salungguhit na estilo sa iyong pahina na maaaring mahirap basahin. Siyempre, maaari mong gamitin ang CSS upang baguhin ang mga estilo ng link na ito at i-edit ang mga kulay o alisin ang mga salungguhit, ngunit mabuti pa rin na maging maingat sa katotohanan na ito.
- Siguraduhin na suriin ang iyong mga link upang hindi sila maging masama. Ang Link Rot ay maaaring gumawa ng parehong mga gumagamit at mga search engine na isaalang-alang ang iyong site na hindi wasto. Gumamit ng regular checker ng link upang i-verify ang mga link sa iyong mga pahina. Ito ay totoo lalo na kapag nag-link ka sa mga site ng 3rd party (mga hindi mo pinamamahalaan) at kung saan maaaring baguhin ang kanilang mga pahina sa maraming beses, na nag-iwan sa iyo ng mga patay na link. Ang tagasuri ng link ay makakahanap ng mga patay na mga link upang makagawa ka ng anumang kinakailangang mga update.
- Iwasan ang teksto tulad ng "mag-click dito" sa iyong link. Tandaan, ang mga taong may mga touch screen ay hindi maaaring "mag-click", upang ang text ay nararamdaman tulad ng isang produkto ng isang nakaraang panahon at talagang hindi nauugnay sa multi-device na ngayon centric Web ngayon.
Iba pang mga Kagiliw-giliw na Uri ng Mga Link
Ang isang elemento ay lumilikha ng isang standard na link sa isa pang dokumento, ngunit may iba pang mga uri ng mga link na maaari mong maging interesado sa:
- Mga Panloob na Mga Link o mga Anchor -Ang mga ito ay mga link sa isang lugar sa loob ng isang web page, hindi kinakailangan sa itaas.
- Mga Mapa ng Imahe - Ang mga mapa ng larawan ay nagpapahintulot upang lumikha ng mga link sa mga larawan na nakamapang sa partikular na mga lugar ng imahe. Maaaring gamitin ang mga ito para sa mga laro o creative navigation. Madalas mong makita ang mga ito sa mga mapa kung saan maaaring i-click ang mga lugar sa mapa. Tandaan na ang mga mapa ng imahe ay hindi ginagamit sa karamihan sa mga modernong website, sa bahagi dahil maaari silang maging sanhi ng mga problema sa mobile device.
- Ang Element-Ang sangkap na ito ay ginagamit upang maugnay ang iba pang mga dokumento at mga pahina sa kasalukuyan. Hindi ito lilikha ng isang naki-click na lugar sa iyong web page, ngunit ito ay kapaki-pakinabang upang maunawaan.