Bücher online kostenlos Kostenlos Online Lesen
HTML5-Handbuch - die neuen Features von HTML5

HTML5-Handbuch - die neuen Features von HTML5

Titel: HTML5-Handbuch - die neuen Features von HTML5 Kostenlos Bücher Online Lesen
Autoren: Franzis
Vom Netzwerk:
Dokumenttyp enthalten oder eine veraltete HTML-Version deklarieren. Dies hat jedoch in der Praxis dazu geführt, dass der Internet Explorer 8 viele der bekanntesten Websites nicht so darstellt, wie sie gedacht sind, unter anderem die hauseigene Homepage microsoft.com , aber auch google.com oder yahoo.com . Zu diesem Zweck hat Microsoft eine intern verwendete »Blacklist« mit Domains eingeführt, die besser im IE7-kompatiblen Standards-Modus ausgeführt werden als im Standards-Modus des IE8. Diese Blacklist wird von Microsoft gepflegt und enhält mehrere tausend Einträge. Die 8er-Version des Browsers berücksichtigt diese Liste beim Darstellen von Websites.
    Falls ein HTML-Dokument eine IE8-typische Meta-Angabe enthält, überschreibt diese Angabe übrigens die Einstellung, die Anwender via Menü wählen können.

3     Dokument-Kopfdaten
•    Was in HTML zwischen und notiert werden kann
•    Was es mit Metadaten, logischen Beziehungen einer Seite und Adressbasis-Angaben auf sich hat
3.1        Elemente für Kopfdaten
    Folgende Daten können Sie im Kopfbereich eines HTML5-Dokuments notieren:
•   den Titel des HTML-Dokuments bzw. der angezeigten Webseite
•   Meta-Angaben für wichtige Angaben, z. B. zu der im Dokument verwendeten Zeichenkodierung oder auch für bibliografisch relevante Daten
•   logische Beziehungen und Verknüpfungen mit anderen Ressourcen, etwa mit externen Stylesheets, oder auch mit anderssprachigen Versionen der gleichen Webseite, oder mit Pingservern
•   Bereiche für dokumentweite Stylesheet-Definitionen
•   Bereiche für JavaScript oder vergleichbare Scriptsprachen
•   Basis-URLs für relative Referenzen im Dokument sowie Default-Zielfenster für Hyperlinks
3.1.1      Titel eines HTML-Dokuments
    Jedes HTML-Dokument sollte einen Titel erhalten. Das ist aus folgenden Gründen besonders wichtig:
•   Der Titel wird bei der Anzeige im Web-Browser in der Titelzeile des Anzeigefensters oder in Browser-Tabs angezeigt.
•   Der Titel wird vom Web-Browser beim Setzen von Lesezeichen (Bookmarks, Favoriten) verwendet.
•   Der Titel wird im Web-Browser in der Liste der bereits besuchten Seiten angezeigt.
•   Der Titel hat bei Suchmaschinen im Web höchste Relevanz.
•   Wenn die Webseite zu den Suchtreffern einer Suche gehört, bieten die meisten Suchmaschinen den Titel der Datei als anklickbaren Verweis an.
    Bild 3.1: Titel des Dokuments in Browser-Tabs und im Lesezeichen-Dialog
Beispiel
    
    Ausblick vom Hamburger Michel
    
    
Erläuterung
    Der Titel wird durch
<br />…<br />
markiert. Auf jeder Webseite, also in jedem HTML-Dokument, muss der Titel innerhalb des Dokument-Kopfbereichs, also innerhalb von



, notiert werden. Dort darf er genau einmal vorkommen. Zwischen
<br />und<br />
sind keine weiteren HTML-Elemente erlaubt.
Weitere Hinweise
    Im Hinblick auf Suchmaschinenoptimierung (SEO) ist es empfehlenswert, für jede Webseite einen eigenen, aussagekräftigen Titel zu vergeben. Titel sollten jedoch keine Sätze enthalten. Zu lange Titel stören bei der Anzeige und können sich bei der Indizierung durch Suchmaschinen sogar negativ auswirken. Wichtig ist, dass im Titel die entscheidenden Schlüsselwörter des Seiteninhalts vorkommen.
Referenzinformationen
    Elementreferenz
<br />:<br /><br />3.1.2      Meta-Angaben<br />    In Meta-Angaben können Sie verschiedene nützliche Anweisungen für Webserver, Browser und Suchmaschinen-Programme notieren. Meta-Angaben können Angaben zum Autor und zum Inhalt der Webseite enthalten. Sie können aber auch HTTP-Kommandos absetzen, zum Beispiel zum automatischen Weiterleiten des Web-Browsers zu einer anderen Adresse.<br />Grundsätzlicher Aufbau<br />    Für jede Meta-Angabe notieren Sie ein Meta-Tag im Bereich zwischen<br /><head><br />und<br /></head><br />. Sie können so viele Meta-Tags notieren, wie Sie wollen.<br />Beispiel<br />    <head><br />    <meta charset="utf-8"><br />    <meta http-equiv="expires" content="0"><br />    <meta name="author" content="Anna Lyse"><br />    <!-- … andere Angaben im Kopfbereich … --><br />    </head><br />Erläuterung<br />    Eine Meta-Angabe steht in einem Standalone-Tag namens<br /><meta><br />.<br />    Ein gewöhnliches Meta-Tag hat zwei Attribute. Das eine Attribut lautet entweder<br />name<br />oder<br />http-equiv<br />, und das andere lautet<br />content<br />. Ein Sonderfall ist die erste Angabe, nämlich diejenige zur Zeichenkodierung.<br />1. Typ: Zeichenkodierung<br />    Einen </div> <div> <ul class="pgn" role="navigation"> <li> <a href="/kostenlose-html5-handbuch-die-neuen-features-von-html5/lesen/28" rel="prev" aria-label="« Vorherige">«</a> </li> <li><a href="/kostenlose-html5-handbuch-die-neuen-features-von-html5">1</a></li> <li><a href="/kostenlose-html5-handbuch-die-neuen-features-von-html5/lesen/2">2</a></li> <li class="dis" aria-disabled="true"><span>...</span></li> <li><a href="/kostenlose-html5-handbuch-die-neuen-features-von-html5/lesen/26">26</a></li> <li><a href="/kostenlose-html5-handbuch-die-neuen-features-von-html5/lesen/27">27</a></li> <li><a href="/kostenlose-html5-handbuch-die-neuen-features-von-html5/lesen/28">28</a></li> <li class="act" aria-current="page"><span>29</span></li> <li><a href="/kostenlose-html5-handbuch-die-neuen-features-von-html5/lesen/30">30</a></li> <li><a href="/kostenlose-html5-handbuch-die-neuen-features-von-html5/lesen/31">31</a></li> <li><a href="/kostenlose-html5-handbuch-die-neuen-features-von-html5/lesen/32">32</a></li> <li class="dis" aria-disabled="true"><span>...</span></li> <li><a href="/kostenlose-html5-handbuch-die-neuen-features-von-html5/lesen/297">297</a></li> <li><a href="/kostenlose-html5-handbuch-die-neuen-features-von-html5/lesen/298">298</a></li> <li> <a href="/kostenlose-html5-handbuch-die-neuen-features-von-html5/lesen/30" rel="next" aria-label="Nächster »">»</a> </li> </ul> </div> <div class="otr"> <h2>Weitere Kostenlose Bücher</h2> <div class="itm itma"> <a href="/kostenlose-der-blonde-vampir" title="Der blonde Vampir"> <img class="lz" data-src="/covers/02/64/03/cover.jpg" alt="Der blonde Vampir" /> </a> <div class="itm-info"> <a href="/kostenlose-der-blonde-vampir" title="Der blonde Vampir"> Der blonde Vampir Online Lesen </a> von <a href="/autor-christopher-pike-online-lesen-downloaden-kostenlos" title="Christopher Pike">Christopher Pike</a> <div class="rkl-b"> <a href="/kostenlose-der-blonde-vampir" title="Der blonde Vampir"> <img src="/i/de/rlesen.png" /> </a> </div> </div> </div> <div class="itm itma"> <a href="/kostenlose-dragon-kiss-epub" title="Dragon Kiss (epub)"> <img class="lz" data-src="/covers/04/61/40/cover.jpg" alt="Dragon Kiss (epub)" /> </a> <div class="itm-info"> <a href="/kostenlose-dragon-kiss-epub" title="Dragon Kiss (epub)"> Dragon Kiss (epub) Online Lesen </a> von <a href="/autor-aiken-ga-online-lesen-downloaden-kostenlos" title="G.A. Aiken">G.A. Aiken</a> <div class="rkl-b"> <a href="/kostenlose-dragon-kiss-epub" title="Dragon Kiss (epub)"> <img src="/i/de/rlesen.png" /> </a> </div> </div> </div> <div class="itm itma"> <a href="/kostenlose-koma-kriminalroman-ein-harry-hole-krimi-german-edition" title="Koma: Kriminalroman (Ein Harry-Hole-Krimi) (German Edition)"> <img class="lz" data-src="/covers/02/15/cover.jpg" alt="Koma: Kriminalroman (Ein Harry-Hole-Krimi) (German Edition)" /> </a> <div class="itm-info"> <a href="/kostenlose-koma-kriminalroman-ein-harry-hole-krimi-german-edition" title="Koma: Kriminalroman (Ein Harry-Hole-Krimi) (German Edition)"> Koma: Kriminalroman (Ein Harry-Hole-Krimi) (German Edition) Online Lesen </a> von <a href="/autor-nesbo-jo-online-lesen-downloaden-kostenlos" title="Jo Nesbø">Jo Nesbø</a> <div class="rkl-b"> <a href="/kostenlose-koma-kriminalroman-ein-harry-hole-krimi-german-edition" title="Koma: Kriminalroman (Ein Harry-Hole-Krimi) (German Edition)"> <img src="/i/de/rlesen.png" /> </a> </div> </div> </div> <div class="itm itma"> <a href="/kostenlose-in-der-hitze-der-stadt" title="In der Hitze der Stadt"> <img class="lz" data-src="/covers/03/93/77/cover.jpg" alt="In der Hitze der Stadt" /> </a> <div class="itm-info"> <a href="/kostenlose-in-der-hitze-der-stadt" title="In der Hitze der Stadt"> In der Hitze der Stadt Online Lesen </a> von <a href="/autor-roger-aeschbacher-online-lesen-downloaden-kostenlos" title="Roger Aeschbacher">Roger Aeschbacher</a> <div class="rkl-b"> <a href="/kostenlose-in-der-hitze-der-stadt" title="In der Hitze der Stadt"> <img src="/i/de/rlesen.png" /> </a> </div> </div> </div> <div class="itm itma"> <a href="/kostenlose-2140-der-kindliche-herrscher" title="2140 - Der kindliche Herrscher"> <img class="lz" data-src="/i/de/debookcover.png" alt="2140 - Der kindliche Herrscher" /> </a> <div class="itm-info"> <a href="/kostenlose-2140-der-kindliche-herrscher" title="2140 - Der kindliche Herrscher"> 2140 - Der kindliche Herrscher Online Lesen </a> von <a href="/autor-unbekannt-online-lesen-downloaden-kostenlos" title="Unbekannt">Unbekannt</a> <div class="rkl-b"> <a href="/kostenlose-2140-der-kindliche-herrscher" title="2140 - Der kindliche Herrscher"> <img src="/i/de/rlesen.png" /> </a> </div> </div> </div> <div class="itm itma"> <a href="/kostenlose-048-bestien-aus-feuer-und-asche" title="048 - Bestien aus Feuer und Asche"> <img class="lz" data-src="/covers/52/14/cover.jpg" alt="048 - Bestien aus Feuer und Asche" /> </a> <div class="itm-info"> <a href="/kostenlose-048-bestien-aus-feuer-und-asche" title="048 - Bestien aus Feuer und Asche"> 048 - Bestien aus Feuer und Asche Online Lesen </a> von <a href="/autor-afmorland-online-lesen-downloaden-kostenlos" title="A.F.Morland">A.F.Morland</a> <div class="rkl-b"> <a href="/kostenlose-048-bestien-aus-feuer-und-asche" title="048 - Bestien aus Feuer und Asche"> <img src="/i/de/rlesen.png" /> </a> </div> </div> </div> <div class="itm itma"> <a href="/kostenlose-honigtot-german-edition" title="Honigtot (German Edition)"> <img class="lz" data-src="/covers/07/81/cover.jpg" alt="Honigtot (German Edition)" /> </a> <div class="itm-info"> <a href="/kostenlose-honigtot-german-edition" title="Honigtot (German Edition)"> Honigtot (German Edition) Online Lesen </a> von <a href="/autor-muenzer-hanni-online-lesen-downloaden-kostenlos" title="Hanni Münzer">Hanni Münzer</a> <div class="rkl-b"> <a href="/kostenlose-honigtot-german-edition" title="Honigtot (German Edition)"> <img src="/i/de/rlesen.png" /> </a> </div> </div> </div> <div class="itm itma"> <a href="/kostenlose-das-habitat-roman-german-edition" title="Das Habitat: Roman (German Edition)"> <img class="lz" data-src="/covers/04/03/19/cover.jpg" alt="Das Habitat: Roman (German Edition)" /> </a> <div class="itm-info"> <a href="/kostenlose-das-habitat-roman-german-edition" title="Das Habitat: Roman (German Edition)"> Das Habitat: Roman (German Edition) Online Lesen </a> von <a href="/autor-luzius-joerg-online-lesen-downloaden-kostenlos" title="Jörg Luzius">Jörg Luzius</a> <div class="rkl-b"> <a href="/kostenlose-das-habitat-roman-german-edition" title="Das Habitat: Roman (German Edition)"> <img src="/i/de/rlesen.png" /> </a> </div> </div> </div> </div> </div> <footer> <div class="inn"> <div class="lf"> © Kostenlos Online Lesen 2024 support@kostenlosonlinelesen.net </div> <div class="rg"> <!-- Begin Web-Stat code v 6.3 --> <span id="wts1866490"> </span><script> var wts=document.createElement('script');wts.type='text/javascript'; wts.async=true;wts.src='https://wts.one/3/1866490/log6_2.js'; document.getElementById('wts1866490').appendChild(wts); </script><noscript><a href="https://www.web-stat.com"> <img src="https://wts.one/6/3/1866490.gif" alt="Web-Stat traffic analytics"></a></noscript> <!-- End Web-Stat code v 6.3 --> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(53412301, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/53412301" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> </div> </div> </footer> <script src="/js/de/detail.js?1570711139"></script> </body> </html>