Page HTML et CSS
Sttructure d'une page HTML
Lorsque vous utilisez la commande [wip], Tyto - Littérateur transforme le fichier textuel en page HTML5. Voici la structure utilisée des balises principales avec leur classe CSS.
<!Doctype html>
<html lang="..">
<head>
...
</head>
<body>
<div id="site_container">
<header id="header_page">
<div id="site_logo">
...
</div>
<div id="site_infos">
...
</div<
</header>
<nav accesskey="m" id="site_menu">
<menu id="site_menu_items">
<li class="site_menu_item">...</li>
</menu>
</nav>
<div id="article_sidebar_container">
<article id="article_main">
<h1 accesskey="t" id="post_title">...</h1>
...
</article>
<aside accesskey="s" id="sidebar">
<h2 id="sidebar_title">...</h2>
<ul id="sidebar_list">
<li class="sidebar_item">...</li>
</ul>
</aside>
</div> <!-- article_sidebar_container -->
<footer accesskey="f" id="footer_page">
<div id="footer_container">
<div id="footer_infos">
<h2 id="footer_site_title">...</h2>
</div>
<div id="footer_references">
<ul class="footer_items">
<li class="footer_item">...</li>
</ul>
</div<
<div id="footer_credits">
...
</div>
</div> <!-- footer_container -->
</footer>
</div> <!-- site_container -->
</body>
</html>
, le {Code source}