Links und Anker - Webkompetenz

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <title>Links und Anker - Webkompetenz</title> <script type="text/javascript" src="http://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--javascript/init.combined.js"></script> <script type="text/javascript"> var URL_HOST = 'www.wikidot.com'; var URL_DOMAIN = 'wikidot.com'; var USE_SSL = true ; var URL_STATIC = 'http://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327'; // global request information var WIKIREQUEST = {}; WIKIREQUEST.info = {}; WIKIREQUEST.info.domain = "webkompetenz.wikidot.com"; WIKIREQUEST.info.siteId = 111331; WIKIREQUEST.info.siteUnixName = "webkompetenz"; WIKIREQUEST.info.categoryId = 619075; WIKIREQUEST.info.themeId = 137278; WIKIREQUEST.info.requestPageName = "html-handbuch:links-anker"; OZONE.request.timestamp = 1741535792; OZONE.request.date = new Date(); WIKIREQUEST.info.lang = 'de'; WIKIREQUEST.info.pageUnixName = "html-handbuch:links-anker"; WIKIREQUEST.info.pageId = 4703700; WIKIREQUEST.info.lang = "de"; OZONE.lang = "de"; var isUAMobile = !!/Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); </script> <script type="text/javascript"> require.config({ baseUrl: URL_STATIC + '/common--javascript', paths: { 'jquery.ui': 'jquery-ui.min', 'jquery.form': 'jquery.form' } }); </script> <meta http-equiv="content-type" content="text/html;charset=UTF-8"/> <meta http-equiv="content-language" content="de"/> <script type="text/javascript" src="http://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--javascript/WIKIDOT.combined.js"></script> <style type="text/css" id="internal-style"> /* modules */ /* theme */ @import url(http://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--theme/base/css/style.css); @import url(http://webkompetenz.wdfiles.com/local--theme/wk-sm-2012/style.css); </style> <link rel="shortcut icon" href="/local--favicon/favicon.gif"/> <link rel="icon" type="image/gif" href="/local--favicon/favicon.gif"/> <link rel="apple-touch-icon" href="/common--images/apple-touch-icon-57x57.png" /> <link rel="apple-touch-icon" sizes="72x72" href="/common--images/apple-touch-icon-72x72.png" /> <link rel="apple-touch-icon" sizes="114x114" href="/common--images/apple-touch-icon-114x114.png" /> <link rel="alternate" type="application/wiki" title="Edit this page" href="javascript:WIKIDOT.page.listeners.editClick()"/> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-18234656-1']); _gaq.push(['_setDomainName', 'none']); _gaq.push(['_setAllowLinker', true]); _gaq.push(['_trackPageview']); _gaq.push(['old._setAccount', 'UA-68540-5']); _gaq.push(['old._setDomainName', 'none']); _gaq.push(['old._setAllowLinker', true]); _gaq.push(['old._trackPageview']); _gaq.push(['userTracker._setAccount', 'UA-1315394-11']); _gaq.push(['userTracker._trackPageview']); </script> <script type="text/javascript"> window.google_analytics_uacct = 'UA-18234656-1'; window.google_analytics_domain_name = 'none'; </script> <link rel="manifest" href="/onesignal/manifest.json" /> <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" acync=""></script> <script> var OneSignal = window.OneSignal || []; OneSignal.push(function() { OneSignal.init({ appId: null, }); }); </script> <script data-cfasync="false">window.nitroAds=window.nitroAds||{createAd:function(){return new Promise(e=>{window.nitroAds.queue.push(["createAd",arguments,e])})},addUserToken:function(){window.nitroAds.queue.push(["addUserToken",arguments])},queue:[]};</script> <script data-cfasync="false" async src="https://s.nitropay.com/ads-143.js"></script> </head> <body id="html-body"> <div id="skrollr-body"> <a name="page-top"></a>  <div id="wad-tier3-side-slide" class="wd-adunit wd-ad-np wd-adunit-side_slide"></div> <script> $j( function(){ var $c = $j('#container'); var s = $j(window).width() - ($c.width()+$c.offset().left); var ri = s - 180; var $o = $j('#wad-tier3-side-slide'); if( s > 200 ) { $o.css('right', ri + 'px'); window['nitroAds'].createAd('wad-tier3-side-slide', { "refreshLimit": 10, "refreshTime": 85, "renderVisibleOnly": false, "refreshVisibleOnly": true, "sizes": [ [ 160, 600 ] ], "report": { "enabled": true, "wording": "Report Ad", "position": "bottom-right" } }); } else { $o.remove(); } }); </script> <div id="container-wrap-wrap"> <div id="container-wrap"> <div id="container"> <div id="header"> <h1><a href="/"><span>Webkompetenz</span></a></h1> <h2><span>Geschriebenes und Dahingeschriebenes von Stefan Münz</span></h2>  <div id="search-top-box" class="form-search"> <form id="search-top-box-form" action="dummy" class="input-append"> <input id="search-top-box-input" class="text empty search-query" type="text" size="15" name="query" value="Auf der Site suchen" onfocus="if(YAHOO.util.Dom.hasClass(this, 'empty')){YAHOO.util.Dom.removeClass(this,'empty'); this.value='';}"/><input class="button btn" type="submit" name="search" value="Suchen"/> </form> </div> <div id="top-bar"> <ul> <li><a href="/start">Startseite</a></li> <li><a href="/blog">Blog</a></li> <li><a href="javascript:;">HTML5-Handbuch ▼</a> <ul> <li><a href="/docs:html-handbuch">Startseite</a></li> <li><a href="/html-handbuch:intro">Intro</a></li> <li><a href="/html-handbuch:html-dokumente">HTML-Dokumente</a></li> <li><a href="/html-handbuch:kopfdaten">Dokument-Kopfdaten</a></li> <li><a href="/html-handbuch:text">Textstrukturierung</a></li> <li><a href="/html-handbuch:tabellen">Tabellen</a></li> <li><a href="/html-handbuch:links">Hyperlinks</a></li> <li><a href="/html-handbuch:media">Grafik und Multimedia</a></li> <li><a href="/html-handbuch:formulare">Formulare und Interaktion</a></li> <li><a href="/html-handbuch:mikrodaten-attribute">Mikrodaten und globale Attribute</a></li> <li><a href="/html-handbuch:xhtml">HTML und XHTML</a></li> <li><a href="/html-handbuch:veraltet">Veraltetes HTML</a></li> <li><a href="/html-handbuch:css">Cascading Stylesheets (CSS)</a></li> <li><a href="/html-handbuch:css-eigenschaften">CSS-Eigenschaften</a></li> <li><a href="/html-handbuch:scripting">HTML und Scripting</a></li> <li><a href="http://www.stefan-muenz.de/HTML5-Handbuch/jQuery">Einführung in jQuery</a></li> <li><a href="/html-handbuch:html-referenz">HTML-Referenz</a></li> <li><a href="/html-handbuch:css-referenz">CSS-Referenz</a></li> <li><a href="/html-handbuch:referenz">Diverse Referenzen</a></li> </ul> </li> <li><a href="javascript:;">Diverses ▼</a> <ul> <li><a href="/docs:start">Übersicht</a></li> <li><a href="/docs:mikroformate">Mikroformate</a></li> <li><a href="/docs:ajax">Ajax</a></li> <li><a href="/docs:hypertext">Hypertext</a></li> <li><a href="/docs:selfhtml">SELFHTML-Artikel</a></li> <li><a href="/docs:print">Print-Artikel</a></li> <li><a href="/docs:interviews">Interviews</a></li> <li><a href="/docs:webseiten-professionell">Webseiten professionell</a></li> <li><a href="http://webkompetenz.wikidot.com/forum/c-84184/forum">Forum</a></li> </ul> </li> <li><a href="javascript:;">Seite ▼</a> <ul> <li><a class="wiki-standalone-button" href="javascript:;" onclick="WIKIDOT.page.listeners.printClick(event)">Drucken</a></li> <li><a class="wiki-standalone-button" href="javascript:;" onclick="window.location.href='/talk:'+WIKIREQUEST.info.pageUnixName">Diskutieren</a></li> <li><a class="wiki-standalone-button" href="javascript:;" onclick="WIKIDOT.page.listeners.historyClick(event)">Ältere Versionen</a></li> <li><a class="wiki-standalone-button" href="javascript:;" onclick="WIKIDOT.page.listeners.viewSourceClick(event)">Seitenquelltext</a></li> <li><a class="wiki-standalone-button" href="javascript:;" onclick="WIKIDOT.page.listeners.editClick(event)">(Bearbeiten)</a></li> <li><a href="/intern:neu">(Neue Seite)</a></li> </ul> </li> <li><a href="javascript:;">Site ▼</a> <ul> <li><a href="/intern:impressum">Impressum</a></li> <li><a href="/system:list-all-pages">Seiten-Tabelle</a></li> <li><a href="/system:recent-changes">Änderungshistorie</a></li> </ul> </li> </ul> </div> <div id="login-status"><a href="javascript:;" onclick="WIKIDOT.page.listeners.createAccount(event)" class="login-status-create-account btn">Benutzerkonto erstellen</a> <span>oder</span> <a href="javascript:;" onclick="WIKIDOT.page.listeners.loginClick(event)" class="login-status-sign-in btn btn-primary">Anmelden</a> </div> <div id="header-extra-div-1"><span></span></div><div id="header-extra-div-2"><span></span></div><div id="header-extra-div-3"><span></span></div> </div> <div id="content-wrap">  <div id="main-content"> <div id="action-area-top"></div> <div id="page-title"> Links und Anker </div> <div id="breadcrumbs"> <a href="/docs:html-handbuch">HTML5-Handbuch</a> » <a href="/html-handbuch:links">Hyperlinks</a> » <a href="/html-handbuch:links-aufbau">Aufbau von Hyperlinks</a> » Links und Anker </div>  <div id="wad-tier3-above-content" class="wd-adunit wd-ad-np wd-adunit-above_content"></div> <script> window['nitroAds'].createAd('wad-tier3-above-content', { "refreshLimit": 10, "refreshTime": 94, "renderVisibleOnly": false, "refreshVisibleOnly": true, "sizes": [ [ 728, 90 ] ], "report": { "enabled": true, "wording": "Report Ad", "position": "bottom-right" } }); </script> <div id="page-content"> <p>HTML ist seiner ganzen Struktur nach durchaus so ausgelegt, dass ein einzelnes HTML-Dokument auch umfangreichere Texte, beispielsweise eine komplette Diplomarbeit, enthalten kann. Für Querverweise innerhalb des Dokuments oder für Verweise von außen auf Textstellen innerhalb des Dokuments bietet HTML die Möglichkeit, Zielanker für Hyperlinks an gewünschten Teststellen zu setzen. Links können solche Anker adressieren.</p> <h3 id="toc0"><span>Beispiel</span></h3> <div class="code"> <div class="hl-main"> <pre> <span class="hl-brackets"><</span><span class="hl-reserved">header</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"><</span><span class="hl-reserved">a</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">#kapitel1</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">Kapitel 1</span><span class="hl-brackets"></</span><span class="hl-reserved">a</span><span class="hl-brackets">></span><span class="hl-code"> | </span><span class="hl-brackets"><</span><span class="hl-reserved">a</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">#abschnitt1</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">Abschnitt 1</span><span class="hl-brackets"></</span><span class="hl-reserved">a</span><span class="hl-brackets">></span><span class="hl-code"> | </span><span class="hl-brackets"><</span><span class="hl-reserved">a</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">#abschnitt2</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">Abschnitt 2</span><span class="hl-brackets"></</span><span class="hl-reserved">a</span><span class="hl-brackets">></span><span class="hl-code"> | </span><span class="hl-brackets"><</span><span class="hl-reserved">a</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">#next</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">Seitenende</span><span class="hl-brackets"></</span><span class="hl-reserved">a</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"><</span><span class="hl-reserved">hr</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"></</span><span class="hl-reserved">header</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"><</span><span class="hl-reserved">hgroup</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"><</span><span class="hl-reserved">h1</span><span class="hl-brackets">><</span><span class="hl-reserved">a</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">kapitel1</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">Kapitel 1</span><span class="hl-brackets"></</span><span class="hl-reserved">a</span><span class="hl-brackets">></</span><span class="hl-reserved">h1</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"><</span><span class="hl-reserved">h2</span><span class="hl-brackets">><</span><span class="hl-reserved">a</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">abschnitt1</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">Abschnitt 1</span><span class="hl-brackets"></</span><span class="hl-reserved">a</span><span class="hl-brackets">></</span><span class="hl-reserved">h2</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"></</span><span class="hl-reserved">hgroup</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"><</span><span class="hl-reserved">p</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 800px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">Viel Inhalt</span><span class="hl-brackets"></</span><span class="hl-reserved">p</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"><</span><span class="hl-reserved">h2</span><span class="hl-brackets">><</span><span class="hl-reserved">a</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">abschnitt2</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">Abschnitt 2</span><span class="hl-brackets"></</span><span class="hl-reserved">a</span><span class="hl-brackets">></</span><span class="hl-reserved">h2</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"><</span><span class="hl-reserved">p</span><span class="hl-code"> </span><span class="hl-var">style</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">height: 800px;</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">Wieder viel Inhalt</span><span class="hl-brackets"></</span><span class="hl-reserved">p</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"><</span><span class="hl-reserved">footer</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"><</span><span class="hl-reserved">hr</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"><</span><span class="hl-reserved">a</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">#top</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">Seitenanfang</span><span class="hl-brackets"></</span><span class="hl-reserved">a</span><span class="hl-brackets">></span><span class="hl-code"> | </span><span class="hl-brackets"><</span><span class="hl-reserved">a</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">#kapitel1</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">Kapitel 1</span><span class="hl-brackets"></</span><span class="hl-reserved">a</span><span class="hl-brackets">></span><span class="hl-code"> | </span><span class="hl-brackets"><</span><span class="hl-reserved">a</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">#abschnitt1</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">Abschnitt 1</span><span class="hl-brackets"></</span><span class="hl-reserved">a</span><span class="hl-brackets">></span><span class="hl-code"> | </span><span class="hl-brackets"><</span><span class="hl-reserved">a</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">#abschnitt2</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">Abschnitt 2</span><span class="hl-brackets"></</span><span class="hl-reserved">a</span><span class="hl-brackets">></span><span class="hl-code"> | </span><span class="hl-brackets"><</span><span class="hl-reserved">a</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">next</span><span class="hl-quotes">"</span><span class="hl-code"> </span><span class="hl-var">href</span><span class="hl-code">=</span><span class="hl-quotes">"</span><span class="hl-string">k02.html#kapitel2</span><span class="hl-quotes">"</span><span class="hl-brackets">></span><span class="hl-code">Kapitel 2</span><span class="hl-brackets"></</span><span class="hl-reserved">a</span><span class="hl-brackets">></span><span class="hl-code"> </span><span class="hl-brackets"></</span><span class="hl-reserved">footer</span><span class="hl-brackets">></span> </pre></div> </div> <h3 id="toc1"><span>Erläuterung</span></h3> <p>Ein Anker wird genau wie ein Verweis mit Hilfe des <tt>a</tt>-Elements erzeugt. Der Unterschied besteht darin, dass kein Attribut <tt>href</tt> notiert wird, sondern stattdessen das <a href="/html-handbuch:universalattribute">Universal-Attribut</a> <tt>id</tt>. Ein kompletter Anker sieht also so aus:<br /> <tt><a id="ankername">…</a></tt></p> <p>Um innerhalb einer Datei einen Verweis zu einem im gleichen HTML-Dokument vorhandenen Anker zu notieren, gilt folgendes Schema:<br /> <tt><a href="#ankername">…</a></tt><br /> Auch Anker innerhalb anderer HTML-Webseiten sind auf diese Weise adressierbar. Beispiele:<br /> <tt><a href="andere-seite.html#ankername">…</a></tt><br /> <tt><a href="<span style="white-space: pre-wrap;">http://example.org/verzeichnis/seite.html#ankername</span>">…</a></tt></p> <p><tt>a</tt>-Elemente sind zugleich Verweis als auch Anker für Verweise, wenn sie sowohl ein <tt>href</tt>- als auch ein <tt>id</tt>-Attribut haben, so wie das letzte <tt>a</tt>-Element im obigen Beispiel.</p> <p>Den Ankernamen bei <tt>id</tt> können Sie frei vergeben. Er darf jedoch keine Leerzeichen enthalten. Vergeben Sie möglichst kurze, aber prägnante und lesbare Namen. Beschränken Sie sich auf lateinische Buchstaben, arabische Ziffern sowie den Unterstrich (_). Das erste Zeichen des Namens sollte ein Buchstabe sein. Damit sind Ihre ID-Namen auch gleich kompatibel für den Zugriff via JavaScript und CSS. Groß- und Kleinschreibung werden unterschieden: <tt>Ankername</tt> wird nicht gefunden, wenn auf <tt>#ankername</tt> verlinkt wird.</p> <p>Die Angaben <tt>style="height: 800px"</tt> in den obigen <tt>p</tt>-Elementen des obigen Beispiels müssen Sie an dieser Stelle nicht verstehen. Es handelt sich um Style-Angaben, um „Entfernung“ zwischen den Ankern zu schaffen.</p> <h3 id="toc2"><span>Weitere Hinweise</span></h3> <p>Das <tt>id</tt>-Attribut übernimmt erst seit HTML5 die Aufgabe des Ankernamens (wobei das <tt>id</tt>-Attribut selbst mit HTML 4.0 eingeführt wurde). Bis HTML 4.01 wurde für Anker das Attribut <tt>name</tt> eingesetzt. Im Hinblick auf sehr alte Browser ist es sogar sicherer, mit <tt>name</tt> anstelle von <tt>id</tt> zu arbeiten (Netscape 4.x konnte beispielsweise noch keine Links zu id-Ankern ausführen). Der HTML-Standard benötigt jedoch keine Doppelgleisigkeit von <tt>name</tt> und <tt>id</tt> mehr beim <tt>a</tt>-Element. Standardkonform ist deshalb nur noch das <tt>id</tt>-Attribut.</p> <h3 id="toc3"><span>Referenzinformationen</span></h3> <ul> <li><a href="/html-handbuch:html-elementreferenz-a">Elementreferenz <a></a></li> </ul> <div class="image"><img src="https://googledrive.com/host/0Bz29LJkEL8LyblFkRGRGU0tYOFk/html20.png" title="seit HTML 2.0 Standard" alt="HTML2" height="64" width="64" class="image" /> <img src="https://googledrive.com/host/0Bz29LJkEL8LyblFkRGRGU0tYOFk/xhtml10.png" title="seit XHTML 1.0 Standard" alt="XHTML1" height="64" width="64" class="image" /> <img src="https://googledrive.com/host/0Bz29LJkEL8LyblFkRGRGU0tYOFk/msie.png" title="von MS Internet Explorer seit jeher oder seit langem interpretiert" alt="MSIE" height="64" width="64" class="image" /> <img src="https://googledrive.com/host/0Bz29LJkEL8LyblFkRGRGU0tYOFk/ffox.png" title="von Mozilla Firefox seit jeher oder seit langem interpretiert" alt="FFOX" height="64" width="64" class="image" /> <img src="https://googledrive.com/host/0Bz29LJkEL8LyblFkRGRGU0tYOFk/chrome.png" title="von Google Chrome seit jeher oder seit langem interpretiert" alt="CHROME" height="64" width="64" class="image" /> <img src="https://googledrive.com/host/0Bz29LJkEL8LyblFkRGRGU0tYOFk/saf.png" title="von Apple Safari seit jeher oder seit langem interpretiert" alt="SAF" height="64" width="64" class="image" /> <img src="https://googledrive.com/host/0Bz29LJkEL8LyblFkRGRGU0tYOFk/op.png" title="von Opera seit jeher oder seit langem interpretiert" alt="OP" height="64" width="64" class="image" /></div> <ul> <li><a href="/html-handbuch:html-attributreferenz-id">Attributreferenz:id</a></li> </ul> <div class="image"><img src="https://googledrive.com/host/0Bz29LJkEL8LyblFkRGRGU0tYOFk/html20.png" title="seit HTML 2.0 Standard" alt="HTML2" height="64" width="64" class="image" /> <img src="https://googledrive.com/host/0Bz29LJkEL8LyblFkRGRGU0tYOFk/xhtml10.png" title="seit XHTML 1.0 Standard" alt="XHTML1" height="64" width="64" class="image" /> <img src="https://googledrive.com/host/0Bz29LJkEL8LyblFkRGRGU0tYOFk/msie.png" title="von MS Internet Explorer seit jeher oder seit langem interpretiert" alt="MSIE" height="64" width="64" class="image" /> <img src="https://googledrive.com/host/0Bz29LJkEL8LyblFkRGRGU0tYOFk/ffox.png" title="von Mozilla Firefox seit jeher oder seit langem interpretiert" alt="FFOX" height="64" width="64" class="image" /> <img src="https://googledrive.com/host/0Bz29LJkEL8LyblFkRGRGU0tYOFk/chrome.png" title="von Google Chrome seit jeher oder seit langem interpretiert" alt="CHROME" height="64" width="64" class="image" /> <img src="https://googledrive.com/host/0Bz29LJkEL8LyblFkRGRGU0tYOFk/saf.png" title="von Apple Safari seit jeher oder seit langem interpretiert" alt="SAF" height="64" width="64" class="image" /> <img src="https://googledrive.com/host/0Bz29LJkEL8LyblFkRGRGU0tYOFk/op.png" title="von Opera seit jeher oder seit langem interpretiert" alt="OP" height="64" width="64" class="image" /></div> <div class="bottom-links"> <p><a href="/html-handbuch:links-aufbau">Aufbau von Hyperlinks</a> « | » <a href="/html-handbuch:zusatzinfos-in-links">Zusatzinformationen in Hyperlinks</a></p> </div> <p><span style="white-space: pre-wrap;"> </span></p> <hr /> <p><span style="font-size: 13px; color: #444; font-weight: bold;">Korrekturen, Hinweise und Ergänzungen</span><br /> <span style="font-size: 12px; color: #444;">Bitte scheut euch nicht und meldet, was auf dieser Seite sachlich falsch oder irreführend ist, was ergänzt werden sollte, was fehlt usw. Dazu bitte oben aus dem Menü <em>Seite</em> den Eintrag <em>Diskutieren</em> wählen. Es ist keine Anmeldung erforderlich, um Anmerkungen zu posten. Unpassende Postings, Spam usw. werden allerdings kommentarlos entfernt.</span></p> </div>  <div id="wad-tier3-below-content" class="wd-adunit wd-ad-np wd-adunit-below_content"></div> <script> window['nitroAds'].createAd('wad-tier3-below-content', { "refreshLimit": 10, "refreshTime": 83, "renderVisibleOnly": false, "refreshVisibleOnly": true, "sizes": [ [ 300, 250 ] ], "report": { "enabled": true, "wording": "Report Ad", "position": "bottom-right" } }); </script>  <script> $j( function(){ if(isUAMobile && screen.width < 400 && screen.height > 600) { var $o = $j('<div id="wad-tier3-mobile-anchor" class="wd-adunit wd-ad-np wd-adunit-mobile_anchor"></div>'); $j('body').append($o); $j('body').css('margin-bottom', '200px'); var res = function(){ $o = $j('#wad-tier3-mobile-anchor'); if($o.length > 0){ $o.show(); var $w = $j(window); var scale = $w.width() / 320; $o.css('transform', 'scale('+scale+')'); } else { $o.hide(); } } res(); setInterval(res, 1000); window['nitroAds'].createAd('wad-tier3-mobile-anchor', { "refreshLimit": 1, "refreshTime": 90, "renderVisibleOnly": false, "refreshVisibleOnly": true, "format": "display", "sizes": [ [ 320, 50 ] ], "report": { "enabled": true, "wording": "Report Ad", "position": "bottom-right" } }); } }); </script> <div id="page-info-break"></div> <div id="page-options-container"> <div id="page-info">Seiten Revision: 13, zuletzt bearbeitet: <span class="odate time_1368943392 format_%25e%20%25b%20%25Y%2C%20%25H%3A%25M%20%28%25O%20vor%29">19 May 2013 06:03</span></div> <div id="page-options-bottom" class="page-options-bottom"> <a href="javascript:;" class="btn btn-default" id="edit-button">Bearbeiten</a> <a href="javascript:;" class="btn btn-default" id="tags-button">Tags</a> <a href="javascript:;" class="btn btn-default" id="history-button">Historie</a> <a href="javascript:;" class="btn btn-default" id="files-button">Dateien</a> <a href="javascript:;" class="btn btn-default" id="print-button">Drucken</a> <a href="javascript:;" class="btn btn-default" id="site-tools-button">Site-Werkzeuge</a> <a href="javascript:;" class="btn btn-default" id="more-options-button">+ Optionen</a> </div> <div id="page-options-bottom-2" class="page-options-bottom form-actions" style="display:none"> <a href="javascript:;" class="btn btn-default" id="edit-sections-button">Abschnitte bearbeiten</a> <a href="javascript:;" class="btn btn-default" id="edit-append-button">Hinzufügen</a> <a href="javascript:;" class="btn btn-default" id="edit-meta-button">Metatags bearbeiten</a> <a href="javascript:;" class="btn btn-default" id="watchers-button">Beobachter</a> <a href="javascript:;" class="btn btn-default" id="backlinks-button">Backlinks</a> <a href="javascript:;" class="btn btn-default" id="view-source-button">Seiten-Quelltext</a> <a href="javascript:;" class="btn btn-default" id="parent-page-button">Eltern</a> <a href="javascript:;" class="btn btn-default" id="page-block-button">Seite sperren</a> <a href="javascript:;" class="btn btn-default" id="rename-move-button">Umbenennen</a> <a href="javascript:;" class="btn btn-default" id="delete-button">Löschen</a> </div> <div id="page-options-area-bottom"> </div> </div> <div id="action-area" style="display: none;"></div> </div> </div> <div id="footer" style="display: block; visibility: visible;"> <div class="options" style="display: block; visibility: visible;"> <a href="http://www.wikidot.com/doc" id="wikidot-help-button">Hilfe</a>  | <a href="http://www.wikidot.com/legal:terms-of-service" id="wikidot-tos-button">Nutzungsbedingungen (Terms of Service)</a>  | <a href="http://www.wikidot.com/legal:privacy-policy" id="wikidot-privacy-button">Datenschutz</a>  | <a href="javascript:;" id="bug-report-button" onclick="WIKIDOT.page.listeners.pageBugReport(event)">Fehler mitteilen</a>  | <a href="javascript:;" id="abuse-report-button" onclick="WIKIDOT.page.listeners.flagPageObjectionable(event)">Als fragwürdig markieren</a> </div> Betrieben von <a href="http://www.wikidot.com">Wikidot.com</a> </div> <div id="license-area" class="license-area"> Sofern nicht anders angegeben, steht der Inhalt dieser Seite unter Lizenz <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-ShareAlike 3.0 License</a> </div> <div id="extrac-div-1"><span></span></div><div id="extrac-div-2"><span></span></div><div id="extrac-div-3"><span></span></div> </div> </div>  <div id="extra-div-1"><span></span></div><div id="extra-div-2"><span></span></div><div id="extra-div-3"><span></span></div> <div id="extra-div-4"><span></span></div><div id="extra-div-5"><span></span></div><div id="extra-div-6"><span></span></div> </div> </div> <div id="dummy-ondomready-block" style="display: none;" ></div>  <script type="text/javascript"> (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <div id="page-options-bottom-tips" style="display: none;"> <div id="edit-button-hovertip"> Klicken Sie hier um den Inhalt der Seite zu ändern. </div> </div> <div id="page-options-bottom-2-tips" style="display: none;"> <div id="edit-sections-button-hovertip"> Klicken Sie hier um die Bearbeitung einzelner Abschnitte der Seite ein und aus zu schalten (sofern möglich). Achten Sie auf einen "bearbeiten" Link neben den Überschriften. </div> <div id="edit-append-button-hovertip"> Inhalt hinzufügen, ohne den ganzen Seiteninhalt zu editieren </div> <div id="history-button-hovertip"> Prüfen Sie, wie sich diese Seite in der Vergangenheit entwickelt hat. </div> <div id="discuss-button-hovertip"> Wenn Sie den Inhalt der Site diskutieren möchten, ist dies der leichteste Weg dazu. </div> <div id="files-button-hovertip"> Betrachten und Verwalten von Datei-Anhängen für diese Seite. </div> <div id="site-tools-button-hovertip"> Einige nützliche Werkzeuge zum Verwalten Ihrer Site </div> <div id="backlinks-button-hovertip"> Anzeige der Seiten, diese hier verlinken und/oder einbetten. </div> <div id="rename-move-button-hovertip"> Ändern des Namens der Seite (auch URL Adresse, eventuell die Kategorie). </div> <div id="view-source-button-hovertip"> Ansicht des Seiten-Quelltextes ohne Änderung. </div> <div id="parent-page-button-hovertip"> Anzeigen/Festlegen der „Eltern“ Seite (zur „Brotkrumennavigation“ und Erstellung einer Layout-Struktur). </div> <div id="abuse-report-button-hovertip"> Benachrichtigen Sie die Administratoren, wenn Sie anstößige Inhalte auf dieser Seite finden. </div> <div id="bug-report-button-hovertip"> Etwas funktioniert nicht wie erwartet? Finden Sie heraus, was Sie tun können. </div> <div id="wikidot-help-button-hovertip"> Allgemeine Wikidot.com-Dokumentation und Hilfebereich. </div> <div id="wikidot-tos-button-hovertip"> Wikidot.com Nutzungsbedingungen (Terms of Service) - Was Sie dürfen und was nicht usw. </div> <div id="wikidot-privacy-button-hovertip"> Wikdiot.com - Datenschutzbestimmungen </div> </div> </body> </html>

CINXE.COM

Links und Anker - Webkompetenz