tag:forum.selfhtml.org,2005:/selfFrage zum Wiki-Artikel „mehrspaltige_Layouts“ – SELFHTML-Forum2021-06-05T10:19:04Zhttps://forum.selfhtml.org/self/2021/jun/04/frage-zum-wiki-artikel-mehrspaltige-layouts/1788992#m1788992Andi M.2021-06-04T15:56:46Z2021-06-04T16:17:47ZFrage 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#m1788993Matthias Scharwiesmscharwies@selfhtml.org2021-06-04T16:25:07Z2021-06-04T16:25:07ZFrage 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#m1789003Robert B.2021-06-05T09:31:09Z2021-06-05T09:31:09ZFrage 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#m1788994Matthias Scharwiesmscharwies@selfhtml.org2021-06-04T16:53:30Z2021-06-06T09:39:09ZFrage 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#m1788995Andi M.2021-06-05T05:43:54Z2021-06-05T05:43:54ZFrage 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#m1789008Andi M.2021-06-05T10:10:23Z2021-06-05T10:10:23ZFrage 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#m1789011Matthias Scharwiesmscharwies@selfhtml.org2021-06-05T10:19:04Z2021-06-05T10:19:04ZFrage 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>