Element-Referenz
HTML 5 doctype - weil html einfach einfach ist.
nach oben

    <pre>

    Bedeutung

    Präformatierter Text (alle Whitespace-Zeichen werden im Browser so dargestellt wie im Text enthalten)


    Notation

    <pre [Attribute]>[Elementinhalt]</pre>

    Elternelemente

    Kann gemäß der HTML5 Spezifikation innerhalb der folgenden Elemente vorkommen:

    zum <blockquote> Element<blockquote>, zum <body> Element<body>, zum <button> Element<button>, zum <dd> Element<dd>, zum <del> Element<del>, zum <div> Element<div>, zum <fieldset> Element<fieldset>, zum <form> Element<form>, zum <iframe> Element<iframe>, zum <ins> Element<ins>, zum <li> Element<li>, zum <map> Element<map>, zum <noscript> Element<noscript>, zum <object> Element<object>, zum <td> Element<td> und zum <th> Element<th>.


    Elementinhalt

    Kann Text mit folgenden anderen HTML-Elementen enthalten:
    zum <a> Element<a>, zum <abbr> Element<abbr>, zum <b> Element<b>, zum <bdo> Element<bdo>, zum <br> Element<br>, zum <button> Element<button>, zum <cite> Element<cite>, zum <code> Element<code>, zum <dfn> Element<dfn>, zum <em> Element<em>, zum <i> Element<i>, zum <iframe> Element<iframe>, zum <input> Element<input>, zum <kbd> Element<kbd>, zum <label> Element<label>, zum <map> Element<map>, zum <q> Element<q>, zum <samp> Element<samp>, zum <script> Element<script>, zum <select> Element<select>, zum <span> Element<span>, zum <strong> Element<strong>, zum <textarea> Element<textarea> und zum <var> Element<var>.


    Attribute

    Das Element hat keine elementspezifischen Attribute.

    Des Weiteren kann das Element folgende allgemeinen Attribute und Event-Handler enthalten:
    zum HTML5 Attribut accesskeyaccesskey | zum HTML5 Attribut classclass | zum HTML5 Attribut contenteditablecontenteditable | zum HTML5 Attribut contextmenucontextmenu | zum HTML5 Attribut datadata | zum HTML5 Attribut dirdir | zum HTML5 Attribut draggabledraggable | zum HTML5 Attribut hiddenhidden | zum HTML5 Attribut idid | zum HTML5 Attribut itemitem | zum HTML5 Attribut itempropitemprop | zum HTML5 Attribut langlang | zum HTML5 Attribut spellcheckspellcheck | zum HTML5 Attribut stylestyle | zum HTML5 Attribut subjectsubject | zum HTML5 Attribut tabindextabindex | zum HTML5 Attribut titletitle

    onabort | onblur | onchange | onclick | oncontextmenu | ondblclick | ondrag | ondragend | ondragenter | ondragleave | ondragover | ondragstart | ondrop | onfocus | onkeydown | onkeypress | onkeyup | onmousedown | onmousemove | onmouseout | onmouseover | onmouseup | onmousewheel | onscroll


    Standard-Style-Formateigenschaften

    pre {
       display: block;
       font-family: monospace;
       white-space: pre;
       margin: 1em 0;
    }


    Beispiel
    <pre>
    <code>
    var zahl = 1; // Startwert
    var zeit = 1000; // Zeit in ms 1000 = 1sec
    var max = 60; // bis zu diesem Wert zählen
    function count(){
    zahl++;
    document.getElementById('progressBar').value = zahl;
    if(zahl<max){
    setTimeout('count()',zeit);} else{
    window.close();}
    }
    </code>
    </pre>

    Erläuterung

    Das <pre>InformationBedeutung: <pre>preformatted; vorformatiert Element definiert einen Bereich für einen vorformatierten Inhalt. Entgegen der üblichen Darstellung im Browser, bei der Leerraum (Whitespace) im Quelltext zu einem einzigen Leerzeichen zusammengefasst wird, erfolgt die Darstellung im Elementinhalt zwischen <pre>[...]</pre> wie im Quelltext notiert und inklusive des Leerraums.

    Im Elementinhalt zwischen <pre>[...]</pre> können Text sowie andere HTML-Elemente notieren werden. Gemäß der HTML5-Spezifikation sollten die Inhalte durch geeignete Text-Level-SemanticsText-Level-Semantics Elemente genauer strukturiert werden.


    W3C Logo & WHATWG Logo Spezifikation

    Tastaturkürzel