Útmutatók
- Hogyan csinálni weboldalt
- HTML alapok
Fej
Tagok, melyek dokumentum fejbe tartoznak ( <head> és </head> jelek közt). Elméletileg ide tartozik még <bgsound> és !doctype.
| Tag | Jelentése | Páros | Tartózkodás |
|---|---|---|---|
| title | oldal címe | igen | <head> |
| base | linkek alap helye | nem | <head> |
| link | nem megjelenített hivatkozások | nem | <head> |
| meta | információk dokumentumról | nem | <head> |
title
Oldal címe. Páros tag. <title> és </title> jelek közt címként értelmezik. Címnek vannak kevésbé ismert funkciói:
- megjelenik a fejécben és a főpanelben mint alkalmazás címe
- megjelenik mint cím a keresőkben
- prioritása van oldal indexálás kereső robotokkal
- sok software natív hivatkozásként használja
Az elem tartalma lehet egyszerű szöveg tagok nélkül.
<title> tagnak nincsen semmi köze a title attribútumhoz.
base
Alap elhelyezés vagy megcélzás. Nem páros tag. Csak fejben tartózkodik.
| Attribútum | Jelentés | Értékek |
|---|---|---|
| href | alap elhelyezés, ahonnan következik minden relatív hivatkozás (link) | URL mappák |
| target | keret neve, melyben megjelennek a hivatkozások (ha náluk másképp nincs meghatározva) | keret neve, _blank , _top , _parent vagy _self |
<base> tagot keveset használják, főleg munka egyszerűsítésként lehet használni. Általában csak az egyik attribútummal dolgozunk.
Internet Explorer 6 verzióig engedélyezi többszörös <base> tag használatát. egy oldalon (<base> tag belűl). Base bevezetett dokumentumban később, süketíti előző base-t. Ha például van oldalon link osztály, melyeket új ablakba kívánod nyitni, előre bedobunk <base target="_blank">. Utána, ha oldalnak újra normálisan kell folytatnia, elég újra <base target="_self"> használni. Ezt az egész szerkezetet nem javaslom használni, mert nem alapértelmes (más szóval kiszámíthatatlan). Kizárólag Explorer-ben működik, és Explorer 7-ben állitólag már nem fog működni.
Személyesen base tagot oldal hangolás időszakban használom, amikor letöltök webről valamilyen oldalt viszonylagos hivatkozásokkal, hogy hangolás közben működjenek, és nincs kedvem mindegyiket átirogatni.
A forrásban minden viszonylagos hivatkozás előtt szükséges beírni base tagot, melyet befolyásolni kell (tehát akár stílus vagy script hivatkozás előtt).
link
Kapcsolódás egy másik fájlal, láthatatlan kapcsolat. Leggyakoribb használat a külső CSS stílus kapcsolódás. Nem páros tag, csak fejben tartózkodik.
| Attribútum | Jelenetés | Értékek |
|---|---|---|
| rel | kapcsolat linkelt fájlhoz | stylesheet, elméletileg más is |
| rev | ||
| href | út a linkelt fájlhoz | URL |
| type | MIME fálj típus (nem kötelező) | MIME előírás (pl. "text/css") |
| media | korlátozás hozam típusra | all, screen, print, és más |
| disabled | érvényesség visszavonása (skriptek miatt) | nincs értéke |
Link elég drámai változásokon ment át, manapság csak egy pár esetben használják:
Példa egy stílus csatlakozásra:
<link rel="stylesheet" type="text/css" href="falj.css">
Példa egy kedvenc ikon csatlakozásra:
<link rel="shortcut icon" href="favicon.ico">
Példa egy RSS csatorna információról:
<link rel="alternate" type="application/rss+xml" href="http://www.valamilyenblog.hu/falj_nev.xml"<.
Példa egy sztatikus kanonikus dokumentum címről keresőknek:
<link rel="canonical" href="http://webiras.travick.net/">
rel
Rel attribútum kifejezi kapcsolat típusát. Gyakorlatban csak rel="stylesheet" használnak. Ismerem még rel="shortcut icon"-t egy ikon csatlakozáshoz dokumentumhoz (nem alaptermészetes, de működő funkciós érték).
Minden más kikiált használás (next, prev, content, rev attribútum) nagyon korláltozva működnek. Navigációs kapcsolatokat fejeznének ki további oldalakhoz weben. Probléma az, hogy például Internet Explorerben ebből nem működik semmi. Opera tud oldalaknál megadott navigációs linkekkel (tag linkek) ábrázolni panelt hivatkozásokkal megadott oldalakra.
HTML tag <link rel="prefetch" href="oldal.html"> Gecko típusú oldalakon (Mozilla, Firefox, stb.) okozz megadott fálj előtöltését (leggyakrabban oldal). Az oldalt láthatatlanul tölti. Abban az esetben használják amikor már majdnem biztos mire fog klikkelni a felhasználó, hogy már cache memóriába legyenek az adatok. Hasonló előtöltést okozza <link rel="next"...>, amely normálisan kifejezi sorrendben következő oldalt (és normálisan nem csinál semmit).
meta
Információk a dokumentumról. A fejben tartózkodó nem páros tag. Információt nyújt például a kulcs szavakról vagy használt kódólásról. Az átlagos internet oldalnak fejben van körül négy különböző <meta> tag. Gyakorlatban csak a programok (keresők, praserek és szerkesztők) olvasnak és használnak ezeket.
| Attribútum | Jelentés | Érték |
|---|---|---|
| name | a felhasználó információ fajtája | author, description, generator, keywords, és sok más |
| http-equiv | a http fej ekvivalense | conent-type, refresh, és sok más (bármilyen http adat) |
| content | tartalom, maga az információ | információ típus szerint |
Minden meta tag tartalmazza vagy a name attribútumt vagy a http-equiv. Mind a kettő egyszerre nem lehet.
| name= | Jelentés | content= |
|---|---|---|
| keywords | múltban a kulcs szavak keresőknek, manapság értéktelen | szó, szó, szó |
| description | Az oldal leírása, leggyakrabban kereső gépeknek | rövid leíráss az oldal tartalmáról |
| author | információ a szerzőröl, leggyakrabban egy név | bármi |
| generator | egy program identifikáció, mely létrehozta oldalt | programmal adott szólánc |
| robots | tiltás robotoknak követni egy oldalt vagy figyelni a linkjeit | [index, noindex], [follow, nofolow] |
| és sok más, amit a program hozzáad vagy valami titokzatos dolgokra jó | ||
| http-equiv= | Jelentés | content= |
|---|---|---|
| content-type | A MiME szpecifikáció + információ kódolásról | text/html; charset=utf-8, text/html; charset=windows-1250 és más kódolások |
| content-language | Infó dokumentum nyelvről | hu, sk, de, en-us, en-gb és sok más nyelv |
| refresh | a megadott idő után átírányítás más oldalra | másodpercek;URL=link pl. "5;URL=http://www.valahova.hu/barmi" |
| cache-control | a cache használata / módja (mentés kliensen) | cache, no-cache |
| És sok más HTTP fej ekvivalens. Valamelyiket csak valamelyik kliens veszi használatba, úgyhogy nem tűnik nekem bölcsnek írni róluk. | ||
HTML Fej példa
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Oldal címe</title>
<link rel="stylesheet" href="stilusok/en-stilusom.css" type="text/css">
</head>
<body>
... itt folytatódik a dokumentum