Yleisiä attribuutteja voi käyttää melkein kaikkien XHTML-elementtien yhteydessä.
Class liittää elementin johonkin luokkaan. Yleensä luokkien avulla liitetään tietyt CSS-muotoilut haluttuihin elementteihin.
<h2 class="otsikko">Pesukarhut</h2>
Class on sallittu kaikkien muiden elementtien paitsi seuraavien yhteydessä: basefont, head, html, meta, param, script, style, title.
Dir määrittää elementin sisällön lukemissuunnan. Arvona ltr ("left to right") tarkoittaa vasemmalta oikealle ja rtl ("right to left") oikealta vasemmalle.
Dir on sallittu kaikkien muiden elementtien paitsi seuraavien yhteydessä: base, br, frame, frameset, iframe, param, script. Strict-muunnos kieltää lisäksi dirin käytön applet- ja basefont-elementeissä.
Id antaa elementille yksilöllisen tunnisteen. Sitä käytetään erityisesti sivuankkurien yhteydessä sekä liittämään halutut CSS-muotoilut yksittäisiin elementteihin.
Samalla sivulla ei saa olla useampia elementtejä, joilla on sama id.
Id on sallittu kaikkien muiden elementtien paitsi seuraavien yhteydessä: base, head, html, meta, script, style, title.
<h2 id="pesukarhut">Pesukarhut</h2>
Lang ja xml:lang määrittävät elementin käyttämän kielen. Fi tarkoittaa suomea ja en englantia.
Lang on sallittu kaikkien muiden elementtien paitsi seuraavien yhteydessä: base, br, frame, frameset, iframe, param, script. Strict-muunnos kieltää lisäksi langin käytön applet- ja basefont-elementeissä.
Stylen avulla yksittäisiin elementteihin voidaan liittää CSS-muotoiluja.
Style on sallittu kaikissa elementeissä lukuun ottamatta seuraavia: base, head, html, meta, param, script, style, title. Strict-muunnos kieltää lisäksi stylen käytön basefont-elementissä.
<h2 style="color:red;border:1px solid #000;">Pesukarhut</h2>
Titlen avulla elementille voi antaa otsikon. Esimerkiksi kuvissa näin annettu otsikko näkyy yleensä (selaimesta riippuen) pienenä laatikkona kuvan yllä, kun hiiri on sen yllä. Title-attribuutilla voidaan myös mm. erottaa ulkoiset CSS-tiedostot toisistaan.
Title on sallittu kaikissa elementeissä lukuun ottamatta seuraavia: base, head, html, meta, param, script, style, title. Strict-muunnos kieltää lisäksi titlen käytön basefont-elementissä.
<p title="Alustus">Pesukarhut ovat ...</p>
<link href="ulkoinen.css" type="text/css" rel="stylesheet" title="Oletustyylitiedosto" />
Tapahtuma-attribuutit suorittavat ennalta määrätyn scriptin (yleisimmin javascript-pätkän), kun määrätty tapahtuma tapahtuu, esimerkiksi hiiri viedään tietyn kuvan päälle.
| attribuutti | Mihin elementteihin soveltuu? | |
|---|---|---|
| onblur | a, area, button, input, label, select, textarea | Scripti suoritetaan, kun elementti ei ole valittuna tai kohdistettuna. |
| onchange | input, select, textarea | Scripti suoritetaan, kun kohde on vaihtunut ja entisestä poistetaan valinta. |
| onclick | Kaikki paitsi applet, base, basefont, bdo, br, frame, frameset, font, head, html, iframe, meta, param, script, style, title | Scripti suoritetaan, kun elementtiä klikataan hiirellä. |
| ondblclick | Kaikki paitsi applet, base, basefont, bdo, br, frame, frameset, font, head, html, iframe, meta, param, script, style, title | Scripti suoritetaan, kun elementtiä klikataan hiirellä kahdesti. |
| onfocus | a, area, button, input, label, select, textarea | Scripti suoritetaan, kun hiiri on sen päällä. |
| onkeydown | Kaikki paitsi applet, base, basefont, bdo, br, frame, frameset, font, head, html, iframe, meta, param, script, style, title | Scripti suoritetaan, kun jotakin näppäimistön näppäintä painetaan hiiren ollessa elementin päällä. |
| onkeypress | Kaikki paitsi applet, base, basefont, bdo, br, frame, frameset, font, head, html, iframe, meta, param, script, style, title | Scripti suoritetaan, kun jotakin näppäimistön näppäintä painetaan alas ja vapautetaan hiiren ollessa elementin päällä. |
| onkeyup | Kaikki paitsi applet, base, basefont, bdo, br, frame, frameset, font, head, html, iframe, meta, param, script, style, title | Scripti suoritetaan, kun jotakin näppäimistön näppäintä on painettu ja se päästetään ylös hiiren ollessa elementin päällä. |
| onload | body, frameset | Scripti suoritetaan, kun sivu ladataan. |
| onmousedown | Kaikki paitsi applet, base, basefont, bdo, br, frame, frameset, font, head, html, iframe, meta, param, script, style, title | Scripti suoritetaan, kun hiiren painiketta pidetään alhaalla elementin päällä. |
| onmousemove | applet, basefont, font | Scripti suoritetaan, kun hiiri liikkuu elementin päällä. |
| onmouseout | Kaikki paitsi base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, title | Scripti suoritetaan, kun hiiri on poissa elementin päältä. |
| onmouseover | Kaikki paitsi applet, base, basefont, bdo, br, frame, frameset, font, head, html, iframe, meta, param, script, style, title | Scripti suoritetaan, kun hiiri on elementin päällä. |
| onmouseup | Kaikki paitsi applet, base, basefont, bdo, br, frame, frameset, font, head, html, iframe, meta, param, script, style, title | Scripti suoritetaan, kun hiiren painiketta lakataan pitämästä pohjassa. |
| onreset | form | Scripti suoritetaan, kun lomake tyhjätään input-kentän (reset) avulla. |
| onselect | input, textarea | Scripti suoritetaan, kun kohde valitaan. |
| onsubmit | form | Scripti suoritetaan, kun lomake lähetetään. |
| onunload | body, frameset | Scripti suoritetaan, kun sivulta poistutaan. |
| Strict-muunnoksessa kielletyt attribuutit ja arvot on värjätty taustaltaan punaisiksi. Vain Frameset-muunnoksessa sallitut elementit on korostettu. | |||
| * Applet on epäsuositeltava elementti, jota ei tämän vuoksi ole esitelty sivustolla. Sen voi korvata objectilla. | |||
| Attribuutti | Mahdolliset arvot | Mihin elementteihin soveltuu? | |
|---|---|---|---|
| abbr | tekstiä | td, th | Sisältää lyhyen selostuksen taulukon solun sisällöstä sellaisia selaimia varten, jotka eivät voi näyttää taulukkoja. |
| accept | mime-tyyppi | form, input | Kertoo, minkä tyyppisiä tietoja lomakkeella voi lähettää. |
| accept-charset | merkistö | form | Kertoo, mitkä merkistöt lomake sallii. |
| accesskey | tekstiä | a, area, button, input, label, legend, textarea | Määrittää näppäinoikotien, jolla elementin kohdalle pääsee. |
| action | osoite | form | Määrittää lomakkeenkäsittelijän osoitteen. |
| align | center (keskelle) char (merkin kohdalle) justify (molempiin reunoihin) left (vasemmalle) right (oikealle) |
caption, col, colgroup, div, h1, h2, h3, h4, h5, h6, hr, iframe, img, input, legend, p, table, tbody, td, tfoot, th, thead, tr | Määrittää elementin tasauksen. |
| alink | väri | body | Määrittää aktiivisen linkin värin. |
| alt | tekstiä | area, img, input | Vaihtoehtoinen teksti, joka näkyy, mikäli elementtiä, kuten kuvaa, ei voida näyttää. |
| axis | tekstiä | td, th | Määrittää solun yleisen kategorian. Axis-attribuutin avulla soluja voi vapaasti luokitella haluamiinsa kategorioihin. |
| background | osoite | body | Määritää taustakuvan. |
| bgcolor | väri | body, table, td, th, tr | Määritää taustavärin. |
| border | numero | img, table | Määrittää reunuksen leveyden. |
| cellpadding | numero | table | Määrittää taulukon solujen reunojen ja sisällön välisen tyhjän tilan. Vastaa CSS:n padding-muotoilua. |
| cellspacing | numero | table | Määrittää taulukon solujen välisen tyhjän tilan. Vastaa CSS:n border-spacing-muotoilua. |
| char | kirjain tai merkki | col, colgroup, tbody, td, tfoot, th, thead, tr | Vaakasuoran tasauksen merkki. Tasaa tekstin määritetyn merkin kohdalta. Ei erityisen hyvin tuettu. |
| charoff | leveys pikseleinä tai prosentteina | col, colgroup, tbody, td, tfoot, th, thead, tr | Vaakasuoran tasausmerkin sijainti. |
| charset | merkistö | a, form, link, script | Määrittää elementin käyttämän merkistön. |
| checked | checked | input | Merkitsee lomakkeen radio- tai chechbox-tyypin kentän valmiiksi valituksi. |
| cite | tekstiä | blockquote, cite, del, ins, q | Kertoo del- ja ins-tagien tapauksessa lisäyksen tai poiston syyn. Muissa tageissa käytettynä ilmoittaa lainauksen tai sitaatin lähteen. |
| classid | osoite | object | Kertoo objektin toimeenpanevan iedoston osoitteen. |
| codebase | osoite | applet, object | Suhteuttaa object-elementin koodissa esitetyt www-osoitteet annettuun osoitteeseen. |
| codetype | mime-tyyppi | object | Kertoo objektin sisältötyypin. |
| color | väri | basefont, font | Määrittää tekstin värin. |
| cols | numero | frameset, textarea | Määrittää kentän leveyden kirjaimina tai kehyksen (frame) leveydne suhteessa muihin kehyksiin. |
| colspan | numero | td, th | Määrittää taulukon solun leveyden suhteessa muihin soluihin. Esimerkiksi arvolla 2 solu on kahden muun solun levyinen. |
| compact | compact | dir, dl, li, menu, ol, ul | Kertoo selaimelle, että lista pitäisi renderöidä kompaktissa muodossa. |
| content | tekstiä | meta | Yleinen attribuutti, joka tarkentaa meta-tagin tietoja. Voi sisältää esimerkiksi kuvauksen sivun sisällöstä. |
| coords | numeroita (erotetaan toisistaaan pilkulla) | a, area | Määrittää kuvakartan koordinaatit. |
| data | osoite | object | Kertoo objektina näkyvän tiedoston osoitteen. |
| datetime | päivämäärä | del, ins | Kertoo tiedon poisto- tai lisäyspäivämäärän. |
| declare | declare | object | Estää objektia (esimerkiksi videota) käynnistymästä, ennen kuin se erikseen aktivoidaan. |
| defer | defer | script | Kertoo selaimelle, ettei scriptiä tarvitse suorittaa (sitä ei käytetä sivun renderöinnissä). |
| disabled | disabled | button, input, optgroup, option, select, textarea | Poistaa kentän käytöstä. |
| enctype | application/x-www-form-urlencoded multipart/form-data |
form | Kertoo lomakkeen tietojen koodaustavan. |
| face | tekstiä | basefont, font | Määrittää fontin. |
| for | jonkin id-attribuutin arvo | label | Yhdistää kentän selitteen siihen elementtiin, jonka id-attribuutilla on sama arvo. |
| frame | above (ylös) below (alas) border (kaikkialle) box (kaikkialle) hsides (ylös ja alas) lhs (vasemmalle) rhs (oikealle) void (ei reunuksia) vsides (sivuille) |
table | Määrittää taulukolle ulkoiset reunukset haluttuihin reunoihin. |
| frameborder | numero | frame, iframe | Määrittää reunuksen leveyden. |
| headers | otsikkosolun id | td, th | Asettaa viittauksen haluttuun otsikkosoluun. |
| height | korkeus pikseleinä tai prosentteina | applet, iframe, img, object, td, th | Määrittää elementille korkeuden pikseleinä tai prosentteina. |
| href | osoite | a, area, base, link | Linkin kohdeosoite; basen yhteydessä osoite, johon muut osoitteet suhteutetaan. |
| hreflang | kielen lyhenne, esimerkiksi fi | a, link | Kertoo kohdelinkin kielen. |
| hspace | numero | applet, img, object | Elementin ja tekstin välistys vaakasuunnassa. |
| http-equiv | content-language content-type expires refresh |
meta | Määrittää meta-tagin tyyppiä. |
| ismap | ismap | img | Käytetään serveripuolen kuvakarttaa. |
| label | tekstiä | optgroup, option | Määrittää optgroupille otsikon, optionille vaihtoehdon selitteen. |
| link | väri | body | Määrittää linkin värin. |
| longdesc | osoite | frame, iframe, img | Pitkä seloste. Antaa esimerkiksi kuvalle alt-attribuuttia laajemman kuvauksen. |
| marginheight | numero | frame, iframe | Määrittää kehykselle pystysuuntaista marginaalia. |
| marginwidth | numero | frame, iframe | Määrittää kehykselle vaakasuuntaista marginaalia. |
| maxlength | numero | input | Määrittää kentälle merkkirajoituksen. |
| media | mediatyyppi | link, style | Kertoo, mille laitteelle linkitetty tiedosto tai CSS on tarkoitettu. |
| method | get post |
form | Määrittää, lähetetäänkö lomakkeen tiedot url-muodossa (get) vai käyttäjältä piilossa (post). |
| multiple | multiple | select | Määrittää valikon sellaiseksi, että siitä voi valita useita kohtia yhtä aikaa. |
| name | tekstiä | a, applet, button, form, frame, iframe, input, map, meta, object, param, select, textarea | Määrittää elementille tunnisteen. |
| nohref | nohref | area | Kertoo, ettei linkkiä ole. |
| noresize | noresize | frame | Määrittää, ettei kehysten kokoa voi muuttaa reunoista vetämällä. |
| noshade | noshade | hr | Poistaa vaakasuorasta viivasta varjostuksen. |
| nowrap | nowrap | td, th | Estää rivinvaihdot solujen sisällä. |
| profile | osoite | head | Määrittää mahdollisen profiilitiedoston. |
| readonly | readonly | input, textarea | Määrittää kentän vain luku -muotoiseksi. Vierailija ei voi siis muuttaa sen sisältöä. |
| rel | suhdemääre | a, link | Määrittää tiedostojen välisiä suhteita. |
| rev | suhdemääre | a, link | Määrittää tiedostojen välisiä suhteita. |
| rows | numero | frameset, textarea | Määrittää kehysten korkeuden suhteessa toisiinsa tai kentän korkeuden riveissä. |
| rowspan | numero | td, th | Määrittää taulukon solun korkeuden suhteessa muihin soluihin. Esimerkiksi arvolla 2 solu on kahden muun solun korkuinen. |
| rules | all (kaikkialle) cols (sarakkeiden väliin) groups (ryhmien väliin) none (ei reunuksia) rows (rivien väliin) |
table | Määrittää taulukolle sisäiset reunukset. |
| scheme | tekstiä | meta | Kertoo, missä muodossa metan tiedot esiintyvät, esimerkiksi ISBN (painotuotteiden tunnistenumero). |
| scope | esimerkiksi col | td, th | Määrittää otsikkotietojen vaikutusalueen. |
| scrolling | auto (jos tarvetta) no (ei koskaan) yes (aina) |
frame, iframe | Määrittää onko kehysessä vierityspalkkia. |
| selected | selected | option | Valitsee valmiiksi valikosta tietyn kohdan. |
| shape | circle (ympyrä) default (koko kuva) poly (monikulmio) rect (nelikulmio) |
a, area | Määrittää kuvakartan alueen muodon. |
| size | numero | basefont, font, hr, input, select | Määrittää a) fontin koon (basefont, font), b) viivan paksuuden (hr), c) näkyvien merkkien (input) tai d) näkyvien rivien (select) määrän. |
| span | numero | col, colgroup | Yhdistettävien tai valittavien solujen määrä. |
| src | osoite | frame, iframe, img, input, script | Määrittää käytettävän tiedoston osoitteen. |
| standby | tekstiä | object | Määrittää tekstin, joka näytetään, kun objektia ladataan. |
| start | numero | ol | Kertoo, mistä listan numerointi aloitetaan. |
| summary | tekstiä | table | Tiivistelmä taulukon sisällöstä. |
| tabindex | numero | a, area, button, input, object, select, textarea | Määrittää järjestyksen, jossa elementit valitaan käytettäessä tabulator-näppäintä. |
| target | tekstiä | a, area, base, form, link | Kertoo sen kehyksen nimen, johon linkki aukeaa. |
| type | mime-tyyppi | a, button, input, link, object, ol, param, script, style, ul | Määrittää viitattavan tiedoston mime-tyypin. |
| usemap | kuvakartan nimi | img, input, object | Määrittää käytettävän kuvakartan. |
| valign | baseline (tekstin tasoon) bottom (alas) middle (keskelle) top (ylös) |
col, colgroup, tbody, td, tfoot, th, thead, tr | Määrittää sisällön pystysuuntaisen tasauksen. |
| value | tekstiä | button, input, li, option, param | Kentän valmis sisältö. |
| valuetype | data (teksti) object (viittaus objektiin) ref (osoite) |
param | Sisällön tyyppi. |
| vlink | väri | body | Määrittää vieraillun linkin värin. |
| vspace | numero | applet, img, object | Elementin ja tekstin välistys pystysuunnassa. |
| width | numero | col, colgroup, hr, iframe, img, table, td, th | Elementin leveys pikseleissä tai prosenteissa. |
| xmlns | http://www.w3.org/1999/xhtml | html | Määrittää käytetyn xml-sanaston. |
| xml:space | preserve | pre, script, style | Pyytää asiakasohjelmia säilyttämään tyhjän tilan elementin sisällä (mm. välilyönnit). |