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.

<base> tag attribútumai
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.

<base> tag attribútumai
Attribútum Jelenetés Értékek
rel kapcsolat linkelt fájlhoz stylesheet, elméletileg más is
rev visszamutató kapcsolat, gyakorlatilag nem működik
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.

Meta tag attribútumai
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.

A <meta> tag, name attribútum
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ó
<meta> tag, http-equiv attribútum
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

Copyright © 2009-2017, Webiras.hu