html
Tartalomjegyzék
<a>
-
Olyan link mely nem navigál sehová, még az oldalon belülre sem:
Akkor hasznos, ha javascript-tel rakunk rá egy click eseménykezelőt, és csak ezt kell végrehajtani.
<label>
<script>
-
type megadás nélkül
Hagyományos javascript használata.
-
type="module"
Javascript modul használata.
-
type="text/plain"
Ezzel a típussal + css stílus megadással pontosan azt lehet elérni,
amit XHTML-ben a <pre> + CDATA megadással.
Vagyis a belső tartalma bármi lehet, nem kell belül html-escape, és pont úgy fog megjelenni a tartalom,
ahogy le van írva.
Esetleg még javascript-tel trim()-melni érdemes a tartalmat.
Ha a tartalomban a script-tagot kell használni, javaslom a rövid helyett a hosszú "í" betű használatát.
autofocus
-
A weblap megjelenésekor a cursort egy tetszőleges mezőbe lehet elhelyezni javascript használata nélkül.
A mezőhöz meg kell adni ezt az attribútumot, és értéket sem kell hozzárendelni:
canvas
-
Mindig kötelező megadni a width, height attribútumot, ezt nem írhatjuk css-be,
ugyanis akkor torzul a komponens.
A width, height attribútummal adjuk meg a canvas pixeleinek számát.
A css-ben lévő width, height pedig a megjelenítés nagyságát adja, nem pedig a pixelszámot.
favorite icon
-
Favorite icon-nak a 16 * 16 pixeles PNG típusú kép a legjobb, ez biztos működik minden böngészőben.
-
A html <head> részében pedig így hivatkozzunk rá:
-
Firefox redirect probléma
Ha egy url-t elhelyezünk a könyvjelzők közé, de az url meghívásakor a válaszban nem kapjuk meg a favorite icon-t,
mert a server http-redirect-tel válaszol, akkor a könyvjelzőben nem jelenik meg a favorite ikon. Nem számít, hogy a
redirect cím már tartalmazza a favorite icont.
Chrome böngésző esetén nincs ilyen probléma.
html struktúra
-
A szabványos html5 fájl struktúrája:
https, http
-
A https protokollnál a tanúsítványnak, és a tanúsítványláncnak is megfelelőnek kell lennie,
hogy ne kapjunk böngésző hibaüzenetet.
-
Ha egy https-sel hívott oldalon belül használunk http-hívásokat, akkor a böngésző alapból blokkolja a tartalmat,
melyet egy ikonra kattintva lehet csak engedélyezni. Hiszen a felhasználó úgy tudja,
hogy a https miatt minden adat titkosítva utazik, s közben nem így van.
redirect
-
Html oldalon is elérhető, hogy az oldal betöltése után a böngészőt rákényszerítse egy másik url betöltésére.
Ehhez a html <head> részébe a következőt kell elhelyezni:
ahol a content a redirect végrehajtása előtti várakozási időt jelenti.
saját attribútum
-
Tetszőleges html elemhez rendelhetünk saját attribútumokat, de az attribútum nevének így kell kezdődnie:
-
Példa:
spellcheck
-
Input mezőknél a böngésző pirossal aláhúzza a mező tartalmát ha értelmetlennek találja.
Ezt a "dekorációt" ki lehet kapcsolni, ezzel az attribútummal:
-
Sajnos css-ből nem állítható be a spellcheck, mivel ez html attribútum.
-
Egy szülő elemen is beállítható, ez érvényesül az összes gyerek input elemre, például:
tabindex
-
Ezzel az attribútummal szabályozható, hogy a TAB billentyű hatására milyen sorrendben haladjon
végig a kurzor a mezőkön.
Ehhez pozitív egész számokat állítsunk be az értékének.
-
Az is megoldható vele, hogy egy mezőre ne kerüljön rá a kurzor a TAB hatására:
Ettől még a mezőre lehet egérrel kattintani, és úgy ráhelyezni a kurzort.
unicode karakterek
-
Ha a html oldal UTF-8 kódolású, akkor az oldalon használhatók unicode karakterek:
unicode-table.com
xhtml
-
Akkor lesz a html5-ből xhtml5, ha a legelső sor <xml>, és xml name space-t (xmlns) is használunk:
-
Az xhtml sokkal szigorúbb mint a html, minden tagot le kell zárni, különben a böngésző meg sem
jeleníti az oldalt, de hibaüzenetet ír ki a hibás sor számát megnevezve.
-
Az xhtml-ben használható a CDATA kifejezés, melynek belsejében semmiféle escape-elésre
nincs szükség, a CDATA tartalma pont úgy jelenik meg, ahogy az le van írva az xhtml fájlban.
-
xhtml-ben egyes karaktereket helyett mást kell használni: