Web ressourcer
Tests & Demos
HTML version
Se HTML...
Se CSS...
XHTML version
Kode for
XHTML 1.1 udgave

XHTML 1.1 kode

// Server-side Negotiation! 
// XHTML 1.1 sent as 'application/xhtml+xml' to capable browsers... 
// HTML 4.01 sent as 'text/html' to the others! 
// Sample header: 
  <?xml version='1.0' encoding='iso-8859-1' ?> 
  <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.1//EN' 
  <html xmlns='http://www.w3.org/1999/xhtml' xml:lang='da'> 
    <meta name='rating' content='general' /> 
    <meta name="description" content="divless layout" /> 
    <meta name="keywords" content="HTML, XHTML, CSS, div, table, divless, divitus" /> 
    <title>Quick & dirty Divless layout :) (xhtml udgave)</title> 
    <link type="text/css" rel="stylesheet" href="./divless.css" /> 
    <style type="text/css"> 
      html { background-image:none; } 
      .gas strong { text-decoration:blink; /* ;o) */ } 
   /* background-image on <html> disabled for xhtml! */ 
   /* 2 different backgrounds (on <html> and <body>) crashes Opera... */ 
    <h1>Minus Divitus!</h1> 
      <dt><a href="../webdesign.html" title="Tilbage til 'Web-ressourcer'">Web ressourcer</a></dt> 
      <dd><a href="./">Tests & Demos</a></dd> 
      <dd><a href="./divless.html">HTML version</a></dd> 
      <dt>Kodning :</dt> 
      <dd><a href="./divlex.php">Se XHTML...</a></dd> 
      <dd><a href="./divless.css.php">Se CSS...</a></dd> 
      <dd><a href="http://validator.w3.org/check?uri=referer;verbose=1">Valid XHTML!</a></dd> 
      <dd><a href="http://jigsaw.w3.org/css-validator/check/referer">Valid CSS!</a></dd> 
      <dd class="gas">Best viewed in any<br /><a href="http://www.spreadfirefox.com/?q=affiliates&amp;id=35941&amp;t=68">good browser</a>!</dd> 
      <dd class="gas">&copy;<span>just</span>design</dd> 
      <dd class="gas"><strong>XHTML 1.1 udgave</strong></dd> 
      <dd class="gas">virker kun i browsere som accepterer <code>application/xhtml+xml</code> som MIME type</dd> 
    <h2>Sine Tabulae...</h2> 
    <p class="para">Om at bruge <code>&lt;table&gt;</code> til <em>tabulær data</em>...<br />Lorem ipsum dolor sit amet, consectetuer adipiscing <strong>TABLE FREE!</strong>. Quisque a arcu. Integer molestie turpis quis justo. Aliquam adipiscing libero  <strong>TABLE FREE!</strong> nisi. Integer magna velit, hendrerit a, pretium eu, porta in, arcu. Nulla at erat. Ut tempus  <strong>TABLE FREE!</strong> neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere  <strong>TABLE FREE!</strong> Suspendisse consectetuer auctor eros. Suspendisse eu massa. Proin elementum. Cras tempor adipiscing orci. Pellentesque bibendum eleifend massa.</p> 
    <h2>Minus Divitus!</h2> 
    <p class="para">... og <code>&lt;div&gt;</code> med <strong>omtanke</strong>!<br />Suspendisse eu massa. Pellentesque bibendum eleifend massa. Ut <strong>DIVLESS!</strong> adipiscing pharetra tortor. Vivamus lectus justo, fermentum malesuada, consequat ac, <strong>DIVLESS!</strong> aliquet eget, ante. Ut tempus  neque. Vestibulum ante ipsum primis in faucibus orci luctus et <strong>DIVLESS!</strong> posuere cubilia Curae; Suspendisse consectetuer auctor eros. Suspendisse eu massa. Proin elementum. <strong>DIVLESS!</strong> adipiscing orci.</p> 
    <h2>Quick & dirty...</h2> 
    <p class="fod">"Quick & dirty" eksempel på <b>DIV</b>- og <b>TABLE</b>-løs layout med bl.a. styling af <b>HTML</b>- og <b>BODY</b>-elementerne...<br /><em>Don't try this at home!</em></p> 
    <p class="warn">experimental!</p>