1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
|
---
title: '<title>: Dokumentin otsikkoelementti'
slug: Web/HTML/Element/title
tags:
- Elementti
- HTML
- HTML dokumentin metadata
- 'HTML:Metadata sisältö'
- Ikkunan nimi
- Ikkunan otsikko
- Otsikko
- Referenssi
- Sivun nimi
- Sivun otsikko
- Välilehden nimi
- Välilehden otsikko
- Web
translation_of: Web/HTML/Element/title
---
<div>{{HTMLRef}}</div>
<p><span class="seoSummary"><strong>HTML otsikkoelementti</strong> (<strong><code><title></code></strong>) 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.</span></p>
<table class="properties">
<tbody>
<tr>
<th scope="row"><a href="/fi/docs/Web/HTML/Content_categories">Sisältökategoriat</a></th>
<td><a href="/en-US/docs/Web/HTML/Content_categories#Metadata_content">Metadata sisältö</a>.</td>
</tr>
<tr>
<th scope="row">Sallittu sisältö</th>
<td>Teksti, joka ei ole elementtien välinen välilyönti.</td>
</tr>
<tr>
<th scope="row">Tagin pois jättäminen</th>
<td>Molemmat avaus- ja sulkumerkit ovat pakollisia. Huomaa, että selainten pitäisi jättää loput sivusta huomiotta, jos <code></title></code> on jäänyt merkitsemättä.</td>
</tr>
<tr>
<th scope="row">Sallitut vanhemmat</th>
<td>{{ HTMLElement("head") }} elementti joka ei sisällä toisia {{ HTMLElement("title") }} elementtejä.</td>
</tr>
<tr>
<th scope="row">Sallitut ARIA roolit</th>
<td>Ei mitään.</td>
</tr>
<tr>
<th scope="row">DOM rajapinta</th>
<td>{{domxref("HTMLTitleElement")}}</td>
</tr>
</tbody>
</table>
<h2 id="Ominaisuudet">Ominaisuudet</h2>
<p>Tämä elementti sisältää vain <a href="/en-US/docs/Web/HTML/Global_attributes">globaalit ominaisuudet</a>.</p>
<h2 id="Käyttöohjeet">Käyttöohjeet</h2>
<p><code><title></code> elementtiä käytetään aina sivun {{HTMLElement("head")}} lohkossa.</p>
<h2 id="Esimerkki">Esimerkki</h2>
<pre class="brush: html"><title>Mahtava sivun otsikko</title>
</pre>
<h2 id="Koskien_esteettömyyttä">Koskien esteettömyyttä</h2>
<p>On tärkeää antaa <code>title</code> elementille arvo joka kuvaa sivun tarkoitusta. </p>
<p>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.</p>
<h4 id="Esimerkki_2">Esimerkki</h4>
<pre><title>Valikko - Kiinalainen ravintola - RuokaNam: Verkko-ostoksia tänään!</title>
</pre>
<p>Voit auttaa käyttäjiä päivittämällä sivun <code>title</code> arvon vastaamaan merkittäviä sivun tilamuutoksia (kuten lomakkeiden vahvistusongelmia).</p>
<h4 id="Esimerkki_3">Esimerkki</h4>
<pre><title>2 virhettä - Tilauksesi - Kiinalainen ravintola - RuokaNam: Verkko-ostoksia tänään!</title>
</pre>
<ul>
<li><a href="/en-US/docs/Web/Accessibility/Understanding_WCAG/Operable#Guideline_2.4_—_Navigable_Provide_ways_to_help_users_navigate_find_content_and_determine_where_they_are">MDN Understanding WCAG, Guideline 2.4 explanations</a></li>
<li><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-title.html">Understanding Success Criterion 2.4.2 | W3C Understanding WCAG 2.0</a></li>
</ul>
<h2 id="Tekniset_tiedot">Tekniset tiedot</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Määrittely</th>
<th scope="col">Tila</th>
<th scope="col">Kommentti</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', 'semantics.html#the-title-element', '<title>')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td> </td>
</tr>
<tr>
<td>{{SpecName('HTML5 W3C', 'document-metadata.html#the-title-element', '<title>')}}</td>
<td>{{Spec2('HTML5 W3C')}}</td>
<td> </td>
</tr>
<tr>
<td>{{SpecName('HTML4.01', 'struct/global.html#h-7.4.2', '<title>')}}</td>
<td>{{Spec2('HTML4.01')}}</td>
<td> </td>
</tr>
</tbody>
</table>
<h2 id="Selainyhteensopivuus">Selainyhteensopivuus</h2>
<p class="hidden">The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</p>
<p>{{Compat("html.elements.title")}}</p>
|
