diff options
Diffstat (limited to 'files/fi/web/html/element/title/index.html')
| -rw-r--r-- | files/fi/web/html/element/title/index.html | 122 |
1 files changed, 122 insertions, 0 deletions
diff --git a/files/fi/web/html/element/title/index.html b/files/fi/web/html/element/title/index.html new file mode 100644 index 0000000000..d53e81e109 --- /dev/null +++ b/files/fi/web/html/element/title/index.html @@ -0,0 +1,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> |