https://www.liavaag.org/wiki/index.php?action=history&feed=atom&title=Holy_Grail_Webdesign 2026-04-07T09:09:54Z Versjonshistorikk for denne siden på wikien MediaWiki 1.44.3 https://www.liavaag.org/wiki/index.php?title=Holy_Grail_Webdesign&diff=246&oldid=prev 2023-09-25T07:29:30Z

<p>Beskyttet «<a href="/wiki/index.php?title=Holy_Grail_Webdesign" title="Holy Grail Webdesign">Holy Grail Webdesign</a>»: Side med mange besøkende ([Redigering=Tillat kun administratorer] (ubestemt) [Flytting=Tillat kun administratorer] (ubestemt)) [dypbeskyttelse]</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <tr class="diff-title" lang="nb"> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Eldre sideversjon</td> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Sideversjonen fra 25. sep. 2023 kl. 09:29</td> </tr><tr><td colspan="2" class="diff-notice" lang="nb"><div class="mw-diff-empty">(Ingen forskjell)</div> </td></tr></table>

Administrator https://www.liavaag.org/wiki/index.php?title=Holy_Grail_Webdesign&diff=245&oldid=prev 2023-09-25T07:29:21Z

<p>Ny side: &#039;&#039;Holy Grail&#039;&#039; (Den hellige gral) refererer til et layout med flere like høye kolonner på en webside. Dette brukes for bedre oversiktlighet og brukervennlighet. Layoutet kjennes igjen fra tabeller med hode, kropp og fot. Via <a href="/wiki/index.php?title=HTML5_portal" title="HTML5 portal"> HTML5</a> ble &#039;&#039;Holy Grail&#039;&#039; semantisk ved å bruke de semantiske «taggene» &#039;&#039;header&#039;&#039;, &#039;&#039;footer&#039;&#039;, &#039;&#039;aside&#039;&#039;, &#039;&#039;main&#039;&#039;, &#039;&#039;section&#039;&#039;, og &#039;&#039;article&#039;&#039;. Senere har også RWD (Responsive Web Design) funnet veien inn i layoutet, da kolonnene ikke…</p> <p><b>Ny side</b></p><div>&#039;&#039;Holy Grail&#039;&#039; (Den hellige gral) refererer til et layout med flere like høye kolonner på en webside. Dette brukes for bedre oversiktlighet og brukervennlighet. Layoutet kjennes igjen fra tabeller med hode, kropp og fot. Via [[HTML5 portal | HTML5]] ble &#039;&#039;Holy Grail&#039;&#039; semantisk ved å bruke de semantiske «taggene» &#039;&#039;header&#039;&#039;, &#039;&#039;footer&#039;&#039;, &#039;&#039;aside&#039;&#039;, &#039;&#039;main&#039;&#039;, &#039;&#039;section&#039;&#039;, og &#039;&#039;article&#039;&#039;. Senere har også RWD (Responsive Web Design) funnet veien inn i layoutet, da kolonnene ikke fikk plass på håndholdte enheter som nettbrett og smarttelefoner. Dette gjøres ved kreativ bruk av media forespørsler (engelsk CSS media queries) i [[HTML5 portal | HTML5]] og CSS3.<br /> <br /> [[Fil:Holy-Grail-Web-Design.png]]<br /> <br /> &#039;&#039;Holy Grail web design med semantisk layout&#039;&#039;<br /> <br /> ==Kilder==<br /> *Wikipedia (2017-05-24) &#039;&#039;Holy Grail (web design)&#039;&#039;. [ONLINE] Tilgjengelig: https://en.wikipedia.org/wiki/Holy_Grail_(web_design) [2017-06-07]<br /> *Ire Aderinokun (2016-03-29) &#039;&#039;The Holy Grail Layout with CSS Grid&#039;&#039;. [ONLINE] Tilgjengelig: https://bitsofco.de/holy-grail-layout-css-grid/ [2017-06-07]<br /> <br /> &lt;div style=&quot;text-align:right; float:right; clear:both;&quot;&gt;<br /> &lt;span style=&quot;font-size:24px;&quot;&gt;[https://www.liavaag.org Liavaag.org]&lt;/span&gt;<br /> &lt;/div&gt;</div>

Administrator