HTML otsikkoelementti (<title>) määrittelee dokumentin otsikon, joka näkyy selaimen otsikkopalkissa tai sivun välilehdessä. Se usein sisältää tekstiä ja tagit sen sisällä on jätetty huomiotta.
| Sisältökategoriat | Metadata sisältö. |
|---|---|
| Sallittu sisältö | Teksti, joka ei ole elementtien välinen välilyönti. |
| Tagin pois jättäminen | Molemmat avaus- ja sulkumerkit ovat pakollisia. Huomaa, että selainten pitäisi jättää loput sivusta huomiotta, jos </title> on jäänyt merkitsemättä. |
| Sallitut vanhemmat | <head> elementti joka ei sisällä toisia <title> elementtejä. |
| Sallitut ARIA roolit | Ei mitään. |
| DOM rajapinta | HTMLTitleElement |
Ominaisuudet
Tämä elementti sisältää vain globaalit ominaisuudet.
Käyttöohjeet
<title> elementtiä käytetään aina sivun <head> lohkossa.
Esimerkki
<title>Mahtava sivun otsikko</title>
Koskien esteettömyyttä
On tärkeää antaa title elementille arvo joka kuvaa sivun tarkoitusta.
Avustavan tekniikan käyttäjille tarkoitettu tavallinen navigointitekniikka on lukea sivun otsikko ja päätellä, mitä sisältöä se sisältää. Tämä johtuu siitä, että sivun navigoiminen sen sisällön määrittelemiseksi voi olla aikaa vievää ja mahdollisesti sekavaa.
Esimerkki
<title>Valikko - Kiinalainen ravintola - RuokaNam: Verkko-ostoksia tänään!</title>
Voit auttaa käyttäjiä päivittämällä sivun title arvon vastaamaan merkittäviä sivun tilamuutoksia (kuten lomakkeiden vahvistusongelmia).
Esimerkki
<title>2 virhettä - Tilauksesi - Kiinalainen ravintola - RuokaNam: Verkko-ostoksia tänään!</title>
- MDN Understanding WCAG, Guideline 2.4 explanations
- Understanding Success Criterion 2.4.2 | W3C Understanding WCAG 2.0
Tekniset tiedot
| Määrittely | Tila | Kommentti |
|---|---|---|
| HTML Living Standard The definition of '<title>' in that specification. |
Living Standard | |
| HTML5 The definition of '<title>' in that specification. |
Recommendation | |
| HTML 4.01 Specification The definition of '<title>' in that specification. |
Recommendation |
Selainyhteensopivuus
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
title | Chrome Full support 1 | Edge Full support Yes | Firefox Full support 1 | IE Full support 1 | Opera Full support Yes | Safari Full support 1 | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile Full support Yes | Firefox Android Full support 4 | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support