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-lamarchos-1" title="Lamarchos"> <img class="lz" data-src="/covers/04/79/34/cover.jpg" alt="Lamarchos" /> </a> <div class="itm-info"> <a href="/kostenlose-lamarchos-1" title="Lamarchos"> Lamarchos Online Lesen </a> von <a href="/autor-jo-clayton-online-lesen-downloaden-kostenlos" title="Jo Clayton">Jo Clayton</a> <div class="rkl-b"> <a href="/kostenlose-lamarchos-1" title="Lamarchos"> <img src="/i/de/rlesen.png" /> </a> </div> </div> </div> <div class="itm itma"> <a href="/kostenlose-relaistation-venus" title="Relaistation Venus"> <img class="lz" data-src="/covers/03/86/15/cover.jpg" alt="Relaistation Venus" /> </a> <div class="itm-info"> <a href="/kostenlose-relaistation-venus" title="Relaistation Venus"> Relaistation Venus Online Lesen </a> von <a href="/autor-george-o-smith-online-lesen-downloaden-kostenlos" title="George O. Smith">George O. Smith</a> <div class="rkl-b"> <a href="/kostenlose-relaistation-venus" title="Relaistation Venus"> <img src="/i/de/rlesen.png" /> </a> </div> </div> </div> <div class="itm itma"> <a href="/kostenlose-weihnachtsengel-kuesst-man-nicht" title="Weihnachtsengel küsst man nicht"> <img class="lz" data-src="/covers/02/61/32/cover.jpg" alt="Weihnachtsengel küsst man nicht" /> </a> <div class="itm-info"> <a href="/kostenlose-weihnachtsengel-kuesst-man-nicht" title="Weihnachtsengel küsst man nicht"> Weihnachtsengel küsst man nicht Online Lesen </a> von <a href="/autor-andresky-s-online-lesen-downloaden-kostenlos" title="S Andresky">S Andresky</a> <div class="rkl-b"> <a href="/kostenlose-weihnachtsengel-kuesst-man-nicht" title="Weihnachtsengel küsst man nicht"> <img src="/i/de/rlesen.png" /> </a> </div> </div> </div> <div class="itm itma"> <a href="/kostenlose-schlimmes-ende" title="Schlimmes Ende"> <img class="lz" data-src="/i/de/debookcover.png" alt="Schlimmes Ende" /> </a> <div class="itm-info"> <a href="/kostenlose-schlimmes-ende" title="Schlimmes Ende"> Schlimmes Ende Online Lesen </a> von <a href="/autor-philip-ardagh-online-lesen-downloaden-kostenlos" title="Philip Ardagh">Philip Ardagh</a> <div class="rkl-b"> <a href="/kostenlose-schlimmes-ende" title="Schlimmes Ende"> <img src="/i/de/rlesen.png" /> </a> </div> </div> </div> <div class="itm itma"> <a href="/kostenlose-pearls-of-passion-bestraf-mich-german-edition" title="Pearls of Passion: Bestraf mich! (German Edition)"> <img class="lz" data-src="/covers/01/47/31/cover.jpg" alt="Pearls of Passion: Bestraf mich! (German Edition)" /> </a> <div class="itm-info"> <a href="/kostenlose-pearls-of-passion-bestraf-mich-german-edition" title="Pearls of Passion: Bestraf mich! (German Edition)"> Pearls of Passion: Bestraf mich! (German Edition) Online Lesen </a> von <a href="/autor-calhoun-anne-online-lesen-downloaden-kostenlos" title="Anne Calhoun">Anne Calhoun</a> <div class="rkl-b"> <a href="/kostenlose-pearls-of-passion-bestraf-mich-german-edition" title="Pearls of Passion: Bestraf mich! (German Edition)"> <img src="/i/de/rlesen.png" /> </a> </div> </div> </div> <div class="itm itma"> <a href="/kostenlose-toedlicher-hinterhalt" title="Toedlicher Hinterhalt"> <img class="lz" data-src="/covers/06/15/cover.jpg" alt="Toedlicher Hinterhalt" /> </a> <div class="itm-info"> <a href="/kostenlose-toedlicher-hinterhalt" title="Toedlicher Hinterhalt"> Toedlicher Hinterhalt Online Lesen </a> von <a href="/autor-suzanne-brockmann-online-lesen-downloaden-kostenlos" title="Suzanne Brockmann">Suzanne Brockmann</a> <div class="rkl-b"> <a href="/kostenlose-toedlicher-hinterhalt" title="Toedlicher Hinterhalt"> <img src="/i/de/rlesen.png" /> </a> </div> </div> </div> <div class="itm itma"> <a href="/kostenlose-der-bordeaux-betrug-der-bordeaux-betrug-the-bordeaux-betrayal" title="Der Bordeaux-Betrug - Der Bordeaux-Betrug - The Bordeaux Betrayal"> <img class="lz" data-src="/covers/04/81/40/cover.jpg" alt="Der Bordeaux-Betrug - Der Bordeaux-Betrug - The Bordeaux Betrayal" /> </a> <div class="itm-info"> <a href="/kostenlose-der-bordeaux-betrug-der-bordeaux-betrug-the-bordeaux-betrayal" title="Der Bordeaux-Betrug - Der Bordeaux-Betrug - The Bordeaux Betrayal"> Der Bordeaux-Betrug - Der Bordeaux-Betrug - The Bordeaux Betrayal Online Lesen </a> von <a href="/autor-crosby-ellen-online-lesen-downloaden-kostenlos" title="Ellen Crosby">Ellen Crosby</a> <div class="rkl-b"> <a href="/kostenlose-der-bordeaux-betrug-der-bordeaux-betrug-the-bordeaux-betrayal" title="Der Bordeaux-Betrug - Der Bordeaux-Betrug - The Bordeaux Betrayal"> <img src="/i/de/rlesen.png" /> </a> </div> </div> </div> <div class="itm itma"> <a href="/kostenlose-sehnsucht-unter-suedlicher-sonne" title="Sehnsucht unter suedlicher Sonne"> <img class="lz" data-src="/covers/57/58/cover.jpg" alt="Sehnsucht unter suedlicher Sonne" /> </a> <div class="itm-info"> <a href="/kostenlose-sehnsucht-unter-suedlicher-sonne" title="Sehnsucht unter suedlicher Sonne"> Sehnsucht unter suedlicher Sonne Online Lesen </a> von <a href="/autor-margaret-way-online-lesen-downloaden-kostenlos" title="Margaret Way">Margaret Way</a> <div class="rkl-b"> <a href="/kostenlose-sehnsucht-unter-suedlicher-sonne" title="Sehnsucht unter suedlicher Sonne"> <img src="/i/de/rlesen.png" /> </a> </div> </div> </div> </div> </div> <footer> <div class="inn"> <div class="lf"> © Kostenlos Online Lesen 2025 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>