Web ressourcer | indeks | justdesign

Ugyldig men valid ?

<br /> og <img /> i HTML 4.01

Validering Dette dokument er kodet i HTML 4.01 med "strict" DTD ( se koden længere nede ). Elementerne <br> og <img> er kodet med XHTML syntaks – <br /> og <img /> – som er ugyldig efter den valgte standard... Alligevel, validerer dokumentet !

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sollicitudin, quam vel eleifend dapibus, orci lorem condimentum erat, sit amet semper est metus non magna. Aliquam erat volutpat. <br />
Pellentesque non nisi in lacus vestibulum suscipit. Donec enim. Nullam eros sem, posuere in, tempor at, ullamcorper sollicitudin, mi. Sed turpis nunc, semper et, pretium vel, elementum id, enim. Fusce vitae erat a dolor sagittis rhoncus. <br />
Quisque pharetra, arcu nec luctus ornare, elit ligula ultrices dolor, et dictum nisl felis vel leo. Nulla aliquet diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Cras id nisl et dui vulputate venenatis. Aenean blandit dapibus tellus. Cras malesuada nisl. Morbi faucibus iaculis augue. Proin nec diam. <br />
[ Hundehoved... ] Quisque ultricies. Mauris sodales ipsum sed turpis. Proin quis dui vel justo ullamcorper posuere. Vestibulum dapibus nulla ut elit. Duis eget leo. Cras in sem. Aliquam tristique erat eget erat. Quisque sed eros et velit vestibulum rhoncus. Maecenas sem mi, placerat quis, elementum elementum, accumsan vel, lorem. <br />
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nam fermentum, sem non aliquet imperdiet, purus tortor pellentesque neque, eget malesuada dolor augue nec turpis. Integer ligula enim, luctus et, nisl. <br />
Nulla consectetuer nunc ut augue. Aliquam facilisis suscipit ante. Curabitur eget nisi. Quisque nec felis in mi ornare ultricies. Praesent vestibulum orci sed risus. Cras mollis eleifend sem. Nullam et mauris non orci interdum porttitor. <br />
Nam ut turpis. Nulla facilisi. Donec eget lorem eu justo porta suscipit. Praesent magna est, luctus non, blandit sed, fermentum id, purus.

Kode:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
     "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
  <head> 
    <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1"> 
    <title>&lt;br /&gt; test</title> 
    <link rel="shortcut icon" href="/favicon.ico"> 
    <script type="text/javascript" src="http://olieu.net/script/abbr.js"><!-- // IE <abbr> fix --></script> 
    <style type="text/css"> 
      @import "invalidPreWrapHack.css"; 
      @import "syntaxHighlight.css"; 
      @import "demoStyle.css"; 
      code  { color:maroon; background-color:inherit; font-family:'courier new',courier,monospace; font-weight:bold; } 
      img   { border:none; float:left; padding:0; margin:.5em 1em .5em 0; } 
      .lipsum { clear:left; background:inherit; color:gray; } 
    </style> 
  </head> 
  <body> 
    <p class="hvfd"><em>Web ressourcer</em> | <a href="./">indeks</a> | <i>just</i>design</p> 
    <h1>Ugyldig men <i>valid</i> ?</h1> 
    <h2><code>&lt;br /&gt;</code> og <code>&lt;img /&gt;</code> i HTML 4.01</h2> 
    <p> 
      <a href="http://validator.w3.org/check?uri=referer;verbose=1"> 
        <!-- xhtml tag! --> 
        <img src="http://www.w3.org/Icons/valid-html401" alt="Validering" title="Valid 'HTML 4.01 Strict'? eller..." width="88" height="31" /> 
 
      </a> 
      Dette dokument er kodet i <abbr title=" HyperText Markup Language ">HTML 4.01</abbr> med "strict" <abbr title=" Document Type Definition ">DTD</abbr> ( <a href="#kode">se koden længere nede</a> ). Elementerne <code>&lt;br&gt;</code> og <code>&lt;img&gt;</code> er kodet med <abbr title=" eXtensible HyperText Markup Language ">XHTML</abbr> syntaks – <code>&lt;br /&gt;</code> og <code>&lt;img /&gt;</code> – som er ugyldig efter den valgte standard... Alligevel, <strong>validerer</strong> dokumentet ! 
    </p> 
    <p class="lipsum">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sollicitudin, quam vel eleifend dapibus, orci lorem condimentum erat, sit amet semper est metus non magna. Aliquam erat volutpat. <code>&lt;br /&gt;</code> 
      <br />Pellentesque non nisi in lacus vestibulum suscipit. Donec enim. Nullam eros sem, posuere in, tempor at, ullamcorper sollicitudin, mi. Sed turpis nunc, semper et, pretium vel, elementum id, enim. Fusce vitae erat a dolor sagittis rhoncus. <code>&lt;br /&gt;</code> 
      <br /> Quisque pharetra, arcu nec luctus ornare, elit ligula ultrices dolor, et dictum nisl felis vel leo. Nulla aliquet diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Cras id nisl et dui vulputate venenatis. Aenean blandit dapibus tellus. Cras malesuada nisl. Morbi faucibus iaculis augue. Proin nec diam. <code>&lt;br /&gt;</code> 
      <br /> 
        <!-- xhtml tag! --> 
        <img src="floppy.jpg" width="240" height="180" alt="[ Hundehoved... ]" title="Min hund Floppy" /> 
 
        Quisque ultricies. Mauris sodales ipsum sed turpis. Proin quis dui vel justo ullamcorper posuere. Vestibulum dapibus nulla ut elit. Duis eget leo. Cras in sem. Aliquam tristique erat eget erat. Quisque sed eros et velit vestibulum rhoncus. Maecenas sem mi, placerat quis, elementum elementum, accumsan vel, lorem. <code>&lt;br /&gt;</code> 
      <br />Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nam fermentum, sem non aliquet imperdiet, purus tortor pellentesque neque, eget malesuada dolor augue nec turpis. Integer ligula enim, luctus et, nisl. <code>&lt;br /&gt;</code> 
      <br /> Nulla consectetuer nunc ut augue. Aliquam facilisis suscipit ante. Curabitur eget nisi. Quisque nec felis in mi ornare ultricies. Praesent vestibulum orci sed risus. Cras mollis eleifend sem. Nullam et mauris non orci interdum porttitor. <code>&lt;br /&gt;</code> 
      <br />Nam ut turpis. Nulla facilisi. Donec eget lorem eu justo porta suscipit. Praesent magna est, luctus non, blandit sed, fermentum id, purus. 
    </p> 
    <h2 style="clear:left">Kode:</h2> 
    <pre class="code" id="kode"> 
<?php 
  include("./fixCode.php"); 
  include("./syntaxHighlight.php"); 
  $htmlfile = join ("", file ("./brtest.html")); 
  $sc = new sourcecode; 
  echo $sc->html($htmlfile); 
?> 
    </pre> 
    <p class="hvfd">Foto: © Frank Olieu 2003 | <i>just</i>design</p> 
  </body> 
</html> 
    

Foto: © Frank Olieu 2003 | justdesign