Vis kilden til Holy Grail Webdesign

''Holy Grail'' (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 ''Holy Grail'' semantisk ved å bruke de semantiske «taggene» ''header'', ''footer'', ''aside'', ''main'', ''section'', og ''article''. 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.

[[Fil:Holy-Grail-Web-Design.png]]

''Holy Grail web design med semantisk layout''

==Kilder==
*Wikipedia (2017-05-24) ''Holy Grail (web design)''. [ONLINE] Tilgjengelig: https://en.wikipedia.org/wiki/Holy_Grail_(web_design) [2017-06-07]
*Ire Aderinokun (2016-03-29) ''The Holy Grail Layout with CSS Grid''. [ONLINE] Tilgjengelig: https://bitsofco.de/holy-grail-layout-css-grid/ [2017-06-07]

<div style="text-align:right; float:right; clear:both;">
	<span style="font-size:24px;">[https://www.liavaag.org Liavaag.org]</span>
</div>