tag:forum.selfhtml.org,2005:/self Frage zum Wiki-Artikel „mehrspaltige_Layouts“ – SELFHTML-Forum 2021-06-05T10:19:04Z https://forum.selfhtml.org/self/2021/jun/04/frage-zum-wiki-artikel-mehrspaltige-layouts/1788992#m1788992 Andi M. 2021-06-04T15:56:46Z 2021-06-04T16:17:47Z Frage zum Wiki-Artikel „mehrspaltige_Layouts“ <p>Ich verstehe die Verlinkung in den Beispielen zum mehrspaltigen Layout (Holy-Grail-Layout) nicht. Dort wird im Nav-Vereich wie folgt verlinkt:</p> <pre><code class="block language-html"> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#link_1.html<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Startseite<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#link_2.html<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Unterseite 1<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#link_3.html<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Unterseite 2<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#link_4.html<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Kontakt<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> </code></pre> <p>Wenn ich das richtig verstanden habe, kennzeichnet "#" einen internen link auf der gleichen Seite (hier: im mainframe). Warum dann die Endung ".html"? Das verlinkt auf eine andere Datei. Bei Nutzung bin ich doch aus der ganzen Seite raus. Ist es im Holy-Grail-Layout möglich, durch Verlinkung nur den Inhalt des mainframes auszutauschen?</p> <p>Gruß Andreas</p> https://forum.selfhtml.org/self/2021/jun/04/frage-zum-wiki-artikel-mehrspaltige-layouts/1788993#m1788993 Matthias Scharwies mscharwies@selfhtml.org 2021-06-04T16:25:07Z 2021-06-04T16:25:07Z Frage zum Wiki-Artikel „mehrspaltige_Layouts“ <p>Servus!</p> <blockquote> <p>Ich verstehe die Verlinkung in den Beispielen zum mehrspaltigen Layout (Holy-Grail-Layout) nicht. Dort wird im Nav-Vereich wie folgt verlinkt:</p> <pre><code class="block language-html"> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#link_1.html<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Startseite<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#link_2.html<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Unterseite 1<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#link_3.html<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Unterseite 2<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#link_4.html<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Kontakt<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> </code></pre> <p>Wenn ich das richtig verstanden habe, kennzeichnet "#" einen internen link auf der gleichen Seite (hier: im mainframe).</p> </blockquote> <p>Ja, genau!</p> <p>Auf den Seitenanker mit der id <code>link_n.html</code>, den es gar nicht gibt. Besser wäre hier nur die Raute gewesen. Der Link soll ja nur zur Anschauung dienen.</p> <blockquote> <p>Warum dann die Endung ".html"? Das verlinkt auf eine andere Datei.</p> </blockquote> <p>Aber nur, wenn die URL stimmt - hier also nicht!</p> <blockquote> <p>Bei Nutzung bin ich doch aus der ganzen Seite raus. Ist es im Holy-Grail-Layout möglich, durch Verlinkung nur den Inhalt des mainframes auszutauschen?</p> </blockquote> <p>Nein, das ist etwas ganz anderes. Erklär ich später!</p> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Einfach mal was von der <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a> auf die Was-Solls-Liste setzen.“ </div> https://forum.selfhtml.org/self/2021/jun/04/frage-zum-wiki-artikel-mehrspaltige-layouts/1789003#m1789003 Robert B. 2021-06-05T09:31:09Z 2021-06-05T09:31:09Z Frage zum Wiki-Artikel „mehrspaltige_Layouts“ <p>Moin Andreas,</p> <blockquote> <p>Ich verstehe die Verlinkung in den Beispielen zum mehrspaltigen Layout (Holy-Grail-Layout) nicht. Dort wird im Nav-Vereich wie folgt verlinkt:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#link_1.html<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Startseite<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#link_2.html<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Unterseite 1<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#link_3.html<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Unterseite 2<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#link_4.html<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Kontakt<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> </code></pre> <p>Wenn ich das richtig verstanden habe, kennzeichnet "#" einen internen link auf der gleichen Seite (hier: im mainframe).</p> </blockquote> <p>Korrekt, die <code>#</code> als erstes Zeichen markiert einen Dokument-Fragment-Identifier, der nach der Raute folgt. Damit der Link an die entsprechende Stelle springt, muss der Identifier zuvor als ID eines Elements oder als <a href="https://wiki.selfhtml.org/wiki/HTML/Tutorials/Links/Seiteninterne_Verweise#Sprungmarken_mit_dem_name-Attribut" rel="nofollow noopener noreferrer">benannter Anker</a> definiert worden sein.</p> <blockquote> <p>Warum dann die Endung ".html"? Das verlinkt auf eine andere Datei.</p> </blockquote> <p>Das ist keine <em>Endung</em> in diesem Sinne, sondern lediglich die letzten fünf Zeichen des Identifiers, denn die Raute steht ja weiterhin am Anfang.</p> <p>Viele Grüße<br> Robert</p> https://forum.selfhtml.org/self/2021/jun/04/frage-zum-wiki-artikel-mehrspaltige-layouts/1788994#m1788994 Matthias Scharwies mscharwies@selfhtml.org 2021-06-04T16:53:30Z 2021-06-06T09:39:09Z Frage zum Wiki-Artikel „mehrspaltige_Layouts“ <p>Servus!</p> <blockquote> <blockquote> <p>Bei Nutzung bin ich doch aus der ganzen Seite raus. Ist es im Holy-Grail-Layout möglich, durch Verlinkung nur den Inhalt des mainframes auszutauschen?</p> </blockquote> <p>Nein, das ist etwas ganz anderes. Erklär ich später!</p> </blockquote> <p>Man <strong>kann</strong> mit internen Links auf bestimmte Seitenbereiche verweisen und andere dafür ausblenden.</p> <p>Hier ist ein Beispiel: <a href="https://wiki.selfhtml.org/wiki/HTML/Tutorials/Single-Page_Webseite#One-Pager_mit_target" rel="nofollow noopener noreferrer">HTML/Tutorials/Single-Page_Webseite#One-Pager_mit_target</a></p> <p>Man ist eigentlich wieder davon abgekommen, weil das die Browser-Historie vollmüllt und doch nicht wirklich zugänglich ist.</p> <p>Eine Alternative wäre es, das ganze umzudrehen: Die einzelnen Inhaltsbereiche haben jedes ihre eigene Seite und dafür wird die immer gleiche Navigation eingebunden.</p> <p><a href="https://wiki.selfhtml.org/wiki/PHP/Tutorials/Templates" rel="nofollow noopener noreferrer">PHP/Tutorials/Templates</a></p> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Einfach mal was von der <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a> auf die Was-Solls-Liste setzen.“ </div> https://forum.selfhtml.org/self/2021/jun/04/frage-zum-wiki-artikel-mehrspaltige-layouts/1788995#m1788995 Andi M. 2021-06-05T05:43:54Z 2021-06-05T05:43:54Z Frage zum Wiki-Artikel „mehrspaltige_Layouts“ <p>Hallo Matthias,</p> <p>vielen Dank, du hast mir sehr geholfen!</p> <p>Gruß Andreas</p> https://forum.selfhtml.org/self/2021/jun/04/frage-zum-wiki-artikel-mehrspaltige-layouts/1789008#m1789008 Andi M. 2021-06-05T10:10:23Z 2021-06-05T10:10:23Z Frage zum Wiki-Artikel „mehrspaltige_Layouts“ <p>Auch dir vielen Dank, Robert!</p> <p>Im Rahmen eines Tutorials ist so etwas ohne eine entsprechende Erläuterung aber sehr verwirrend. Da muss man als "Einsteiger" erst mal 'drauf kommen.</p> <p>Gruß und schönes Wochenende</p> <p>Andreas</p> https://forum.selfhtml.org/self/2021/jun/04/frage-zum-wiki-artikel-mehrspaltige-layouts/1789011#m1789011 Matthias Scharwies mscharwies@selfhtml.org 2021-06-05T10:19:04Z 2021-06-05T10:19:04Z Frage zum Wiki-Artikel „mehrspaltige_Layouts“ <p>Servus!</p> <blockquote> <p>Auch dir vielen Dank, Robert!</p> <p>Im Rahmen eines Tutorials ist so etwas ohne eine entsprechende Erläuterung aber sehr verwirrend. Da muss man als "Einsteiger" erst mal 'drauf kommen.</p> </blockquote> <p>Deshalb, lieber Andreas, nochmals danke für den Hinweis. Ich habe das Tutorial dahingehend „entschärft“.</p> <p>Wer das Prinzip von Grid lernen will, benötigt da keine Links. Wer Links setzt, der trägt dort ja seine eigenen URLs ein.</p> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Einfach mal was von der <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a> auf die Was-Solls-Liste setzen.“ </div>