HTML <a> target-ominaisuus

HTML <a> Tag

Määritelmä ja käyttö

target Ominaisuus määrittelee linkin dokumentin avauspaikan.

Esimerkki

target-ominaisuus määrittelee linkin dokumentin avauspaikan:

<a href="https://www.codew3c.com" target="_blank">Vierailka CodeW3C.com</a>

Kokeile itse

Syntaksi

<a target="_blank|_self|_parent|_top|framename">

target Ominaisuuden tarkoitus on kertoa selaimelle, missä halutaan näyttää linkitetty resurssi. Oletusarvoisesti selain käyttää nykyisen dokumentin näyttämistä ikkunaa, välilehteä tai kehyksiä (iframe), joten uusi dokumentti korvaa nykyisen näytetyn dokumentin, mutta on myös muita vaihtoehtoja, katso taulukko alla:

Ominaisuuden arvo

Arvo Kuvaus
_blank Avaa linkin dokumentin uudessa ikkunassa tai välilehdessä.
_self Avaa linkin dokumentin samassa kehyksessä, jossa klikattiin (oletusarvo).
_parent Avaa linkin dokumentin isäkehykseen.
_top Avaa linkin dokumentin ikkunan koko sisällössä.
framename Avaa linkin dokumentin tiettyyn iframe-kehykseen.

Yksityiskohtainen selitys

Jos <a> -tunnisteessa sisältyy target-ominaisuus, selain lataa ja näyttää dokumentin, jonka nimi on täsmäävä href-ominaisuuden mukaisen nimisen kehyksen tai ikkunan kanssa. Jos tätä nimeä tai id:ää vastaava kehyksessä tai ikkunassa ei ole, selain avaa uuden ikkunan, antaa sille määritellyn tunnuksen ja ladataan uusi dokumentti tuohon ikkunaan. Tästä lähtien hyperlink-asiakirjat voivat kohdistua tähän uuteen ikkunaan.

Avaa uusi ikkuna

hyperlink, jonka kohdistaa, mahdollistaa tehokkaan selailuvälineen luomisen helposti. Esimerkiksi, yksinkertainen sisältöasiakirjojen luettelo, joka voi ohjata asiakirjoja erilliseen ikkunaan:

<h3>Sisällysluettelo</h3>
<ul>
  <li><a href="pref.html" target="view_window">Esipuhe</a></li>
  <li><a href="chap1.html" target="view_window">Luku 1</a></li>
  <li><a href="chap2.html" target="view_window">Luku 2</a></li>
  <li><a href="chap3.html" target="view_window">Luku 3</a></li>
</ul>

Kokeile itse

Kun käyttäjä ensimmäistä kertaa valitsee sisältöluettelosta linkin, selain avaa uuden kehyksen, merkinnällä "view_window" ja näyttää siinä halutun dokumentin sisällön. Jos käyttäjä valitsee sisältöluettelosta toisen linkin ja "view_window" on auki, selain ladataa valitun dokumentin uudelleen tuon kehyksen kautta korvaamaan aikaisemmat dokumentit.

Koko ajan tämä sisältöluetteloa sisältävä kehyksi on käyttäjän ulottuvilla. Napsauttamalla kehyksessä olevaa linkkiä voidaan muuttaa toisen kehyksen sisältöä.

Avaa kehyksessä

Ei tarvitse avata kokonaista selainikkunaa, yleinen tapa käyttää target on näyttää <frameset>-kehyksessä hyperlinkit yhteen tai useampaan kehykseen. Tämä sisältöluettelo voidaan sijoittaa yhteen kehykseen, jossa on kaksi kehyksiä, ja käyttää tätä viereistä kehyksiä näyttämään valitun dokumentin:

<frameset cols="100,*">
  <frame src="toc.html">
  <frame src="pref.html" name="view_frame">
</frameset>

Kokeile itse

Kun selain ensimmäistä kertaa näyttää nämä kaksi kehyksiä, vasemmassa kehyksessä on hakemisto ja oikeassa kehyksessä esipuhe.

Tämä on "toc.html":n alkuperäinen koodi:

<h3>Sisällysluettelo</h3>
<ul>
  <li><a href="pref.html" target="view_frame">Esipuhe</a></li>
  <li><a href="chap1.html" target="view_frame">Luku 1</a></li>
  <li><a href="chap2.html" target="view_frame">Luku 2</a></li>
  <li><a href="chap3.html" target="view_frame">Luku 3</a></li>
</ul>

Huomaa, että dokumentissa "toc.html" jokaisen linkin kohde on "view_frame", eli oikea kehyksi.

Kun käyttäjä valitsee linkin vasemmassa kehyksessä olevasta hakemistosta, selain ladataa liittyvän dokumentin ja näyttää sen oikeassa "view_frame"-kehyksessä. Kun valitaan toinen linkki, oikeassa kehyksessä oleva sisältö muuttuu, mutta vasemmassa kehyksessä se pysyy muuttumattomana.

Erikoiset kohde

On käytettävissä 4 erityistä kohdenimeä dokumenttien uudelleenohjaukseen:

_blank

Selain lataa aina kohde dokumentin uuteen, nimettömään ikkunaan.

_self

Tämä kohde on kaikille ilman kohdetta oleville <a>-tagille oletuskohde, ja se ladataa kohde dokumentin ja näyttää sen samassa kehyksessä tai ikkunassa kuin alkuperäinen dokumentti. Tämä kohde on tarpeetonta ja tarpeetonta, ellei sitä käytetä yhdessä dokumentin otsikon <base>-tagin target-ominaisuuden kanssa.

_parent

Tämä kohde ladataa dokumentin isäikkunaan tai kehykseen, joka sisältää hyperlinkin. Jos viittaus on ikkunassa tai ylätasokkeessa, se on yhtä kuin kohde _self.

_top

Tämä kohde ladataa dokumentin, joka sisältää tämän hyperlinkin, sisään sisäänrakennettuun ikkunaan. Käyttämällä _top-kohdetta kaikki sisäänrakennetut kehykset poistetaan ja dokumentti ladataan koko selaimen ikkunaan.

Vinkki:Kaikki näiden target-arvojen 4 arvo alkavat alaviivalla. Kaikki muut alaviivalla alkavat ikkunat tai kohde jätetään selaimen huomiotta, joten älä käytä alaviivaa ensimmäisenä merkinä määritetyssä dokumentissa olevan kehyksen nimen tai id:n ensimmäisenä merkkinä.

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki

HTML <a> Tag