Ugrás a fő tartalomhoz

Saját kód (HTML) blokk

Mire jó a Saját kód (HTML) blokk?

Ha tényleg nincs rá kész blokk. A Saját kód (HTML) blokk speciális HTML-kódhoz vagy ritka külső widgethez való. Haladó eszköz, nem általános oldalépítési módszer: a natív blokkok könnyebben szerkeszthetők, következetesebben reszponzívak és egyszerűbben karbantarthatók.

Két renderelési mód közül választhatsz; hogy melyik mikor való, lent, a Melyik renderelési módot válaszd? részben olvashatod.

Inline sanitizált HTML

Egyszerű saját HTML-kód a normál oldalfolyamban. Script, iframe és veszélyes eseménykezelők nélkül.

Jó: rövid saját struktúra vagy speciális, de statikus HTML.

Ha van rá natív blokk, használd azt. Az egyedi HTML több karbantartást kér, és könnyebben eltér a webhely tipográfiájától, reszponzív működésétől vagy akadálymentességi szabályaitól. A sandboxolt mód biztonságosabb alap.

Mit érdemes ellenőrizni közzététel előtt?

Az egyedi kódnál nincs univerzális sablon, ezért a működést a tényleges widgettel kell ellenőrizni.

Mobilnézet

Nézd meg, hogy a widget nem lóg-e ki, nem kényszerít-e vízszintes görgetésre és használható marad-e kis képernyőn.

Magasság

A Magasság a tartalomhoz igazítva kapcsolóval a keret követi a tartalmát. Ha kikapcsolod, állítsd úgy, hogy a fontos tartalom látszódjon, de ne maradjon nagy üres iframe-terület.

Interakció

Űrlap, gomb, popup vagy script esetén próbáld végig a tényleges folyamatot, ne csak a statikus előnézetet.

Natív alternatíva

Ha ugyanaz a feladat később rendszeresen ismétlődik, érdemes külön natív blokkra váltani.

Melyik renderelési módot válaszd?

Sandboxolt iframe: külső widgethez vagy scriptet igénylő kódhoz. Elkülönített dokumentumban fut, és három saját beállítása van:

  • Magasság a tartalomhoz igazítva: bekapcsolva a keret a tartalommal együtt nő és zsugorodik, telefonon is, így a beágyazás nem görget a saját dobozában. Új blokkon alapból be van kapcsolva, a korábban létrehozott blokkokon ki. Bekapcsolva a megadott érték a magasság a beágyazás betöltése előtt. Kapcsold ki, ha a beágyazás egy rögzített méretű dobozt vagy a teljes képernyőt tölti ki: a képernyőhöz méretezett tartalom folyamatosan nő. Kikapcsolva a keret magassága 80 és 2000 px között állítható.
  • Név a képernyőolvasóknak: mi van a beágyazásban, például „Időpontfoglaló naptár”. Ezt olvassa fel a képernyőolvasó a látogatónak; nyelvenként külön írható.
  • Külső szolgáltatást tölt be: kapcsold be, ha egy másik cég widgetje (foglaló, chat, hírlevél, lejátszó). Ha az oldal rákérdez a külső tartalomra, a blokk a térképhez és a videóhoz hasonlóan a látogató hozzájárulásáig vár.

Inline sanitizált HTML: egyszerű, statikus HTML-kódhoz. A szerver eltávolítja a scriptet, iframe-et és a veszélyes eseménykezelőket. Ez a mód olyan magas, amilyen a tartalma.

Az igazítást és a tartalomszélességet mindkét módban külön finomhangolhatod.

Haladó eszköz, célzottan

Az egyedi HTML legyen célzott kivétel — ne az oldalépítés alapja.

Használd speciális widgethez vagy ritka HTML-kódhoz, és válts natív blokkra, amint a feladat rendszeresen ismétlődik.