Html-kehykset
Html-kehykset ovat hyödyllisiä jakamalla verkkosivu tai selain useisiin osioihin, ne erottavat osiot ja lataavat sitten eri tavalla.
A-kehys näyttää sisällön riippumatta pakkauksestaan. Useat kehykset muodostavat kokoelman, ja ne tunnetaan kehyssarjana. Järjestelyä voidaan pitää samanlaisena taulukon rivien ja sarakkeiden suuntauksen kanssa. Kehystunniste on vanhentunut HTML5: ssä.
Jokaisessa kehyksessä on kehystunniste osoittamaan. Vaakasuuntainen kehys määritetään kehystunnisteen rivimääritteen avulla, ja pystysuuntainen attribuutti määritellään HTML-asiakirjan kehystunnisteen sarakkeen määritteellä. Sama ikkuna yhdessä kehyksessä saattaa näyttää staattisen bannerin, toisen navigointivalikon jne.
Kehysten syntaksi
HTML-muodossa tunnisteelle ei ole lopputunnistetta. Kun käytämme kehyksiä verkkosivulla, käytämme tunnistetta tunnisteen sijasta. Käytämme sitä, kuinka ohjeitamme verkkosivun jakamaan sen kehyksiin. Tunniste määrittelee, minkä HTML-asiakirjan tulisi avautua kehykseksi.
Määritteen sarakkeet ottavat arvon pikseleinä ja ne auttavat määrittämään sarakkeiden määrän ja koon kehyssarjassa.
Samoin, kuten edellä todettiin, ominaisuusrivit ottavat arvon pikseleinä ja ne auttavat määrittelemään rivien määrän ja koon kehyksessä.
On kuitenkin huomattava, että tunniste on vanhentunut HTML5: ssä eikä sitä enää käytetä.
Eri tyyppiset kehykset HTML-muodossa
Yksi kehyksen käyttötavoista on aina ollut navigointipalkkien lataaminen yhdeksi kehykseksi ja pääsivujen lataaminen sitten erilliseen kehykseen. A-frame-tunniste määrittelee yhden yksittäisen ikkunan kehyksen sisällä.
on selaimen tuki Chromessa, Internet Explorerissa, Mozillassa, Safarissa ja Opera Minissä.
Kehyksen erilaiset ja eräät yleisesti käytetyt määritteet ovat määritteitä, kuten reunus, vieritys, src, nimi jne.
Kehystunnisteiden tyypit
Tunnisteominaisuus
Siinä on viisi tärkeätä ominaisuutta, joista keskustelemme täällä:
1. Col: Pystykehykset annetaan col-määritteellä. Leveys voidaan kuitenkin määritellä neljällä tavalla:
- Pikselit: absoluuttiset arvot voidaan mainita pikselinä. Jos joudumme luomaan kolme pystysuuntaista kehystä, voimme antaa arvon: cols = ”100, 50, 100”.
- Prosenttiosuus: Selainikkunan prosenttiosuus voidaan mainita. Jos meidän on luotava kolme pystysuuntaista kehystä, voimme antaa arvon: cols = ”40%, 20%, 40%”
Voimme käyttää täällä myös jokerimerkeä (*) ja antaa yleismerkin ottaa jäljellä olevan ikkunan, jota ei ole mainittu.
sarakkeet =”30%, *, 30%”
lähtö:
2. Rivit: Vaakakehykset annetaan rivitunnisteella. Se määrittelee rivit kehysjoukossa. Jos meidän on luotava kolme vaakakehystä, käytämme:
Esim: Rivit =”10% 80%, 10%'.
Voimme myös asettaa kunkin rivin korkeuden, kuten aiemmin olimme tehneet.
lähtö:
3. Reunus : Se määrittelee kunkin kehyksen reunan leveyden kuvapisteinä.
Esimerkiksi: reunus = ”4”. Jos reuna = ”0”, reunaa ei ole.
4. Kehysraja: Jos kolmiulotteinen reuna on näytettävä kehyksien välillä, käytämme tätä ominaisuutta. Arvo, jonka attribuutti ottaa, on joko 1 tai 0 (kyllä tai ei).
Esimerkiksi: frameborder = ”0” tarkoittaa, ettei reunaa ole.
5. Kehysalue: Tämä ominaisuus määrittelee kehyksien kehyksien välisen tilan määrän. Tälle attribuutille voidaan antaa mikä tahansa kokonaisluku.
Esimerkiksi: framepacing = ”12” tarkoittaa kehyksien välin, että etäisyyden tulisi olla 12 pikseliä.
Tunnisteominaisuus
Tässä osiossa voi olla lueteltu 8 attribuuttia.
1. src: Tarjoamme tiedostonimen tälle määritteelle, jonka on tarkoitus ladata kehykseen. Tämän määritteen arvo voi olla mikä tahansa URL.
Esimerkiksi: src = www.facebook.com
2. nimi: Tämä ominaisuus antaa nimen kehykselle. Se määrittelee mihin kehykseen asiakirja ladataan. Jos sinulla on useita linkkejä yhdessä kehyksessä, joka latautuu toiseen kehykseen, käytämme tätä ominaisuutta. Sitten toinen kehys tarvitsee nimen tunnistaakseen itsensä linkin kohteeksi.
Esimerkiksi: nimi = ”abc.htm”
3. kehysraja: Tämä ominaisuus määritetään osoittamaan, onko reunat näytettävä vai ei. Arvo on 1 tai 0 (kyllä tai ei).
4. marginaali: Attribuutti on hyödyllinen määriteltäessä kehyksen reunan vasemman ja oikean välisen tilan leveyttä sekä kehyksen sisältöä. Arvo annetaan pikselinä.
Esimerkiksi: marginaali = ”10”.
5. marginaalin korkeus: Määritteestä on apua kehyksen reunan ylä- ja alaosan välisen tilan korkeuden määrittämisessä sekä kehyksen sisällön määrittämisessä. Arvo annetaan pikselinä.
Esimerkiksi: marginaalin korkeus = ”10”.
6. noresize: Tämä ominaisuus estää käyttäjää tekemästä muutoksia jo olemassa oleviin kehyksiin. Tämän ominaisuuden puuttuessa minkä tahansa kehyksen kokoa voidaan muuttaa.
Esimerkiksi: noresize = ”noresize”
7. vieritys: Tämä ominaisuus hallitsee kehyksessä olevien vierityspalkkien ulkonäköä. Arvo joko 'kyllä', 'ei' tai 'auto'.
Esimerkiksi: vieritys = ”ei” tarkoittaa, että siinä ei pitäisi olla vierityspalkkeja.
8. longdesc: Tämän ominaisuuden avulla voit antaa linkin toiselle sivulle, joka sisältää pitkän kuvauksen kehyksen sisällöstä.
Esimerkiksi: longdesc = ”framedesc.htm”
Kehykset ja selaimen tuki
Vanhat selaimet eivät tue kehyksiä, joten elementit tulisi näyttää käyttäjälle.
Käytännössä elementti tulisi asettaa elementin sisään, koska elementin on tarkoitus korvata elementti. Jos selain ei ymmärrä elementtiä, se ymmärtää elementin sisältämän elementin sisällön.
On hieno tapa lähettää viesti tällaisissa tilanteissa käyttäjille, jotka käyttävät vanhoja selaimia. Viestit kuten “Anteeksi! Selaimesi ei tue kehyksiä. ”Ilmoittaa siitä.
Johtopäätös - HTML-kehykset
Useat selaimet eivät nykyään tue kehysteknologiaa. Usein on huomattava, että verkkosivun sisältöä ei näytetä oikein pienemmissä laitteissa. Joka tapauksessa on hyvä tietää, mitä olemassa oli, jotta parempia malleja voitaisiin kehittää yhteensopiviksi uuden tekniikan kanssa.
Suositellut artikkelit
Tämä on opas HTML-kehyksiin. Tässä keskustellaan HTML: n eri tyyppisistä kehyksistä ja kehystunnisteiden tyypeistä kehyksillä ja selaimen tuella. Voit myös tarkastella seuraavaa artikkelia saadaksesi lisätietoja -
- Luo taulukot HTML-muodossa
- HTML-tekstieditorit
- Versioita Html
- HTML-kuvatunnisteet
- HTML-esteet
- HTML-tapahtumat
- 5 suosituinta HTML-tapahtumamääritettä esimerkillä
- Aseta taustaväri HTML-muodossa esimerkillä