HTML-attribut

Attribut i HTML 4-alla verioner * %attrs: * Attribut i HTML 3.2 *

De flesta element i HTML kan ta olika egenskaper. Dessa egenskaper kallas för attribut.

Ett attribut är en egenskap som kan tilldelas ett visst element. Attributen karakteriserar element på ett mer detaljerat sätt, t ex specificerar elementets storlek, färg eller justering. Ett element kan ta fler än ett attribut. En tabell kan både justeras på ett visst sätt t ex centreras och tilldelas en specifik bredd. Alla attribut som tillhör det enskilda elementet skrivs i starttaggen och åtskiljs med ett mellanslag. Namn på attributen är i de flesta fall deras engelska namn eller dess förkortningar.

<H1 align=center>Rubrik på nivå 1</H1>

talar om att rubrikens attribut är ALIGN, dvs justering. Rubriken ska placeras på ett visst sätt.

Det spelar ingen roll om namn på attribut skrivs med versaler (ALIGN), gemena (align) eller t o m en blandning av båda (aLiGn).

För att ett attribut ska ha någon verkan måste man självfallet tala om vilket värde detta attribut ska tillämpa, dvs hur bred tabellen ska vara eller hur rubriken ska placeras.

Ett antal attribut är s.k. boolean attribut. Dess värde är lika med attribut, t ex SELECTED=selected eller NOSHADE=noshade. Värden hos boolean attribut behöver inte uppges. Om attributet är närvarande betraktas det som "sant", om attributet finns inte med betraktas det som "falskt". OBServera att de flesta www-klienter endast renderar minimerade boolean attribut, dvs utan värde.

Följande attribut får stöd i HTML 4.0. (t) står för endast HTML 4.0 Transitional och (f) står för endast HTML 4.0 Frameset.

ABBR - td, th
ACCEPT-CHARSET - form
ACCEPT - input
ACCESSKEY - a, area, button, input, label, legend, textarea
ACTION - form
ALIGN - applet (t), caption (t), col, colgroup, div (t), h1 (t), h2 (t), h3 (t), h4 (t), h5 (t), h6 (t), hr (t), iframe (t), img (t), input (t), legend (t), object (t), p (t), table (t), tbody, td, tfoot, th, thead, tr
ALINK - body (t)
ALT - applet (t), area, img, input
ARCHIVE - applet (t), object
AXIS - td, th

BACKGROUND - body (t)
BGCOLOR - body (t), table (t), td (t), th (t), tr (t)
BORDER - img (t), object (t), table

CELLPADDING - table
CELLSPACING - table
CHAR - col, colgroup, tbody, td, tfoot, th, thead, tr
CHAROFF - col, colgroup, tbody, td, tfoot, th, thead, tr
CHARSET - a, link, script
CHECKED - input
CITE - blockquote, del, ins, q
CLASS - alla förutom: base, basefont, head, html, meta, param, script, style, title
CLASSID - object
CLEAR - br (t)
CODE - applet (t)
CODEBASE - applet (t), object
CODETYPE - object
COLOR - basefont (t), font (t)
COLS - frameset (f), textarea
COLSPAN - td, th
COMPACT - dir (t), dl (t), menu (t), ol (t), ul (t)
CONTENT - meta
COORDS - a, area

DATA - object
DATETIME - del, ins
DECLARE - object
DEFER - script
DIR - alla förutom: applet, base, basefont, br, frame, frameset, hr, iframe, param, script
DISABLED - button, input, optgroup, option, select, textarea

ENCTYPE - form

FACE - basefont (t), font (t)
FOR - label
FRAME - table
FRAMEBORDER - frame (f), iframe (f)

HEADERS - td, th
HEIGHT - applet (t), iframe (t), img, object, td (t), th (t)
HREF - a, area, base (t), link
HREFLANG - a, link
HSPACE - applet (t), img (t), object (t)
HTTP-EQUIV - meta

ID - alla förutom: base, head, html, meta, script, style, title
ISMAP - img

LABEL - option, optgroup
LANG - alla förutom: applet, base, basefont, br, frame, frameset, hr, iframe, param, script
LANGUAGE - script
LINK - body (t)
LONGDESC - frame (f), iframe (f), img

MARGINHEIGHT - frame (f), iframe (f)
MARGINWIDTH - frame (f), iframe (f)
MAXLENGTH - input
MEDIA - link, style
METHOD - form
MULTIPLE - select
NAME - a, applet (t), button, frame (f), iframe (f), input, map, meta, object, param, select, textarea

NOHREF - area
NORESIZE - frame (f)
NOSHADE - hr (t)
NOWRAP - td (t), th (t)

OBJECT - applet (t)
ONBLUR - a, area, button, input, label, select, textarea
ONCHANGE - input, select, textarea
ONCLICK - alla förutom: applet, base, basefont, bdo, br, font, frame, frameset, head, html, iframe, isindex, meta, param, script, style, title
ONDBLCLICK - alla förutom: applet, base, basefont, bdo, br, font, frame, frameset, head, html, iframe, isindex, meta, param, script, style, title
ONFOCUS a, area, button, input, label, select, textarea
ONKEYDOWN - alla förutom: applet, base, basefont, bdo, br, font, frame, frameset, head, html, iframe, isindex, meta, param, script, style, title
ONKEYPRESS - alla förutom: applet, base, basefont, bdo, br, font, frame, frameset, head, html, iframe, isindex, meta, param, script, style, title
ONKEYUP - alla förutom: applet, base, basefont, bdo, br, font, frame, frameset, head, html, iframe, isindex, meta, param, script, style, title
ONLOAD - body, frameset (f)
ONMOUSEDOWN - alla förutom: applet, base, basefont, bdo, br, font, frame, frameset, head, html, iframe, isindex, meta, param, script, style, title
ONMOUSEMOVE - alla förutom: applet, base, basefont, bdo, br, font, frame, frameset, head, html, iframe, isindex, meta, param, script, style, title
ONMOUSEOUT - alla förutom: applet, base, basefont, bdo, br, font, frame, frameset, head, html, iframe, isindex, meta, param, script, style, title
ONMOUSEOVER - alla förutom: applet, base, basefont, bdo, br, font, frame, frameset, head, html, iframe, isindex, meta, param, script, style, title
ONMOUSEUP - alla förutom: applet, base, basefont, bdo, br, font, frame, frameset, head, html, iframe, isindex, meta, param, script, style, title
ONRESET - form
ONSELECT - input, textarea
ONSUBMIT - form
ONUNLOAD - body, frameset (f)

PROFILE - head
PROMPT - isindex (t)

READONLY - input, textarea
REL - a, link
REV - a, link
ROWS - frameset (f), textarea
ROWSPAN - td, th
RULES - table

SCHEME - meta
SCOPE - td, th
SCROLLING - frame (f), iframe (f)
SELECTED - option
SHAPE - a, area
SIZE - basefont (t), font (t), hr (t), input, select
SPAN - col, colgroup
SRC - frame (f), iframe (f), img, input, script
STANDBY - object
START - ol (t)
STYLE - alla förutom: base, basefont, head, html, meta, param, script, style, title
SUMMARY - table

TABINDEX - a, area, button, input, object, select, textarea
TARGET - a (t), area (t), base (t), form (t), link (t)
TEXT - body (t)
TITLE - alla förutom: base, basefont, head, html, meta, param, script, title
TYPE - a, button, input, li (t), link, object, ol (t), param, script, style, ul (t)

USEMAP - img, input, object

VALIGN - col, colgroup, tbody, td, tfoot, th, thead, tr
VALUE - button, input, li (t), option, param
VALUETYPE - param
VERSION - html (t)
VLINK - body (t)
VSPACE - applet (t), img (t), object (t)

WIDTH - applet (t), col, colgroup, hr (t), iframe (t), img, object, pre (t), table, td (t), th (t)

Det finns ett antal attribut vilka de flesta HTML-element kan ta. Dessa attribut går under ett gemensamt namn attrs; och består av tre grupper; %coreattrs, %i18n, %events. Attributen är tillåtna i både HTML 4.0 och HTML 4.0 Transitional men ges inte något stöd i HTML 3.2.

%coreattrs

Denna grupp består av fyra attribut: TITLE, STYLE, ID, CLASS

TITLE

Detta attribut förser elementen med en titel som kan till exempel presenteras i form av tooltip när musen passerar över den eller läsas (taldatorer). Oberoende av www-klient förser TITLE användarna med information om den länkade källan.

Attributet har en speciell roll när det associeras tillsammans med elementet LINK - dvs tillåter val av alternativa eller föredragna stilmallar.

TITLE bör användas i bildlänkar för att förse icke visuella www-klienter med den länkade källan.

<P><A href="ref.html" TITLE="Referensguider">
<IMG src="logo.gif" alt="Logo"></A></P>

Alla element förutom BASE, BASEFONT, HEAD, HTML, META, PARAM, SCRIPT, TITLE kan ta attributet TITLE.

OBS! blanda inte ihop attributet TITLE med elementet TITLE.

STYLE

Inline stilinformation som kan deklareras ett specifikt element. Attributets värde beror på det stilspråk som används för elementpresentation. Språket som mest används idag är Cascading Style Sheets (CSS).

<BODY STYLE="margin-left: 10%">
Detta dokument kommer att presenteras med en 10%-ig vänstra marginal.
</BODY>

Om attributet används måste även standard stilspråk specificeras, antingen i:

HTTP-headern som skrivs på dokumentets första rad

Content-Style-Type: text/css

eller META-deklarationen som skrivs i dokumentets huvud

<META http-equiv="Content-Style-Type" content="text/css">

Attributet STYLE tar värdet - giltig stil. Syntax beror på det stilspråket som används. I motsats till elementets STYLE innehåll kan attributet STYLE innehålla teckenreferens.

Alla element förutom BASE, BASEFONT, HEAD, HTML, META, PARAM, SCRIPT, STYLE, TITLE kan ta attributet STYLE. De mest användbara är dock elementen DIV (block) och SPAN (inline) då de inte lägger till någon presentationell semantik utan enbart fungerar som generiska stil- och/eller språkbehållare.

<DIV STYLE="margin-left: 10%">
alla element som elementet DIV innehåller kommer att presenteras med en 10%-ig vänstra marginal.
</DIV>

<P>"Vanlig" text
<SPAN STYLE="color: red; background: transparent">röd text</SPAN>
"vanlig" text fortsätter</P>

OBS! blanda inte ihop attributet STYLE med elementet STYLE.

ID

Unik identifiering av specifik förekomst (instans) av ett element som gäller hela dokumentet. Genom att identifiera ett element kan man skapa en länk till det, skriva över stilinformation, referera till det från ett skript eller namnge ett deklarerat objekt. Det unika värdet kan bara tilldelas en enda förekomst av ett element.

ID=evp34

ID-namn måste börjas med en bokstav a-z eller A-Z och kan följas av ett valfritt antal bokstäver a-z, A-Z, siffror 0-9, bindestreck (-), understreck (_), kolon (:) och punkter (.).

Alla element förutom BASE, HEAD, HTML, META, SCRIPT, STYLE, TITLE kan ta attributet ID.

CLASS

Tilldelar en specifik förekomst (instans) av ett element eller grupp av element en klass eller grupp av klasser. Elementen kan tilldelas en eller fler klasser. Multipla klasser separeras med ett mellanslag. Klassade element kan tilldelas ett specifikt värde, t ex en unik stil

<P CLASS=eva>Ett stycke klassat som "eva"</P>

Alla element förutom BASE, BASEFONT, HEAD, HTML, META, PARAM, SCRIPT, STYLE, TITLE kan ta attributet CLASS.

ID och CLASS används oftast tillsammans med stilmallar. Du kan bara tilldela ID ett element men CLASS kan få vilket element som helst. Dessa två attribut låter dig deklarera unik still till de berörda elementen. Till exempel:

Denna stil anropar du när du tilldelar de berörda elementen attributen ID eller CLASS

<TD ID=evp34>
eller
<P CLASS=eva>

%i18n

Denna grupp består av två attribut: LANG och DIR som påverkar internationaliseringen av HTML.

LANG (language)

Attributet specificerar elementets, t ex textens, språk. Val av språk kan underlätta för www-klienter elementets presentation, t ex typografiska tecken specifika för ett språk, vara mycket användbart för sökmotorer eller taldatorer.

Värdet uppges oftast som en två-bokstavs-språkkod (OBS! ej dataspråk) som kan även inkludera dialekt, t ex sv för svenska, en för engelska, eller en-cockney för cockney-engelska (<P LANG=sv>). Hela listan med språkkoder finns i ISO 639 som kan hittas på http://www.oasis-open.org/cover/iso639a.html.

Du kan specificera hela dokumentets språk genom att tilldela elementet HTML attributet LANG och sedan (om det behövs) ändra språket i de element som innehåller andra språk.

<HTML LANG=sv>
...
<P LANG=en> Svenska används i hela dokumentet förutom detta stycke.

Alla element förutom APPLET, BASE, BASEFONT, BR, FRAME, FRAMESET, HR, IFRAME, PARAM, SCRIPT kan ta attributet LANG.

DIR (direction)

Detta attribut specificerar textens riktning. Kan användas tillsammans med attributet LANG för att dels specificera språket. Attributet kan ta två värden:

RTL (right to left) höger till vänster eller
LTR (left to right) vänster till höger.

Om inget attribut uppges gäller standardvärdet LTR. Detta attribut är användbart om texten innehåller t ex hebreiska ord som skrivs åt "fel håll".

<P> Ett citat på hebreiska <SPAN lang=he dir=rtl> citatet</SPAN> några svenska ord</P>

Alla element förutom APPLET, BASE, BASEFONT, BR, FRAME, FRAMESET, HR, IFRAME, PARAM, SCRIPT kan ta attributet DIR.

%events

Denna grupp består av 10 attribut och används tillsammans med ett skript. De är s.k. inre händelser som sker först när besökaren har uppgivit något slags kommando, antingen med musen eller tangentbordet. Det som händer beror på de instruktioner som skriptet innehåller.

• onclick - händelse sker när pekdonet klickas på ett element
• ondblclick- händelse sker när pekdonet dubbelklickas på ett element
• onmousedown - händelse sker när när pekdonet trycks över ett element
• onmouseup - händelse sker när när pekdonet släpps från ett element
• onmouseover - händelse sker när pekdonet flyttas över ett element
• onmousemove - händelse sker när pekdonet flyttas då den befinner sig över ett element
• onmouseout - händelse sker när pekdonet flyttas från ett element
• onkeypress - händelse sker när pekdonet trycks och släpps
• onkeydown - händelse sker när pekdonet trycks ner över ett element
• onkeyup - händelse sker när pekdonet släpps över ett element

Om attributet(n) används skall även standardskriptspråk uppges antingen i:

META-deklarationen som skrivs i dokumentet huvud

<META http-equiv="Content-Script-Type" content="text/javascript">

eller HTTP-headern som skrivs i början av dokumentet

Content-Script-Type: text/vbscript

Alla ovannämnda atribut tar värdet - giltigt skript. Skriptets syntax beror på det språk som används. I motsats till elementets SCRIPT innehåll kan "skript-attributen" innehålla teckenreferens.

Alla element förutom APPLET, BASE, BASEFONT, BDO, BR, FONT, FRAME, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM, SCRIPT, STYLE, TITLE kan ta ovan nämnda attribut.

Exempel

En knapp med orden "Information om författaren" på. När besökaren trycker på knappen öppnas dokumentet jag.html (där information om författaren finns) i ett fönster som är 150 pixlar bred och 50 pixlar hög.

<INPUT TYPE="button" VALUE="Information om författaren" onClick="window.open ('jag.html', 'newWin', 'location=no, menubar=no, irectories=no, scrollbars=yes, status=no, width=150,height=50')">

ACTION - form
ALIGN - applet, caption, div, h(1-6), hr, img, input, p, table, td, th, tr
ALINK - body
ALT - applet, area, img

BACKGROUND - body
BGCOLOR - body
BORDER - img, table

CELLPADDING - table
CELLSPACING - table
CHECKED - input
CLEAR - br
CODE - applet
CODEBASE - applet
COLOR - font
COLS - textarea
COLSPAN - td, th
COMPACT - dir, dl, menu, ol, ul
CONTENT - meta
COORDS - area

ENCTYPE - form

HEIGHT - applet, img, td, th
HREF - area, base, link
HSPACE - applet, img
HTTP_EQUIV - meta

ISMAP - img

LINK - body

MAXLENGHT - input
METHOD - form
MULTIPLE - select

NAME - applet, input, map, meta, param, select, textarea

NOHREF - area
NOWRAP - td, th
NOSHADE - hr

PROMPT - isindex

REL - link
REV - link
ROWS - textarea
ROWSPAN - td, th

SELECTED - option
SHAPE - area
SIZE - basefont, font, hr, input, select
SRC - img, input
START - ol

TEXT - body
TITLE - link
TYPE - input, li, ol, ul

USEMAP - img

VALIGN - td, th, tr
VALUE - input, li, option, param
VERSION - html
VLINK - body
VSPACE - applet, img

WIDTH - applet, hr, img, pre, table, td, th

Upp | HTML-referensbok | Referensböcker