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

    <div>

    Bedeutung

    Allgemeiner Bereich


    Notation

    <div [Attribute]>[Elementinhalt]</div>

    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:
    Liste der HTML 5 Block-ElementeBlock-Elemente und Liste der HTML 5 Inline-ElementeInline-Elemente.


    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

    div {
       display: block;
    }


    Beispiel
    <style type="text/css" scoped="scoped">
    .div {
    border: 1px solid #AAA;
    padding: 20px;
    }
    #left {
    width: 200px;
    float: left;
    }
    #center {
    margin-left: 260px;
    margin-right: 260px;
    }
    #right {
    width: 200px;
    float: right;
    }
    </style>
    <div id="left" class="div" > <h1>Linker Bereich</h1>
    <p>textueller Inhalt</p>
    </div>
    <div id="right" class="div" >
    <h1>Rechter Bereich</h1>
    <p>textueller Inhalt</p>
    </div>
    <div id="center" class="div" >
    <h1>Mittlerer Bereich</h1>
    <p>textueller Inhalt</p>
    </div>
    
    Anzeigebeispiel

    Linker Bereich

    textueller Inhalt

    Mittlerer Bereich

    textueller Inhalt

    Erläuterung

    Das <div>InformationBedeutung: <div>division; Bereich) Element definiert einen allgemeinen Bereich und erzeugt eine neue Zeile im Fließtext. Im Elementinhalt zwischen <div>[...]</div> können neben Text auch Liste der HTML 5 Block-ElementeBlock-Elemente und Liste der HTML 5 Inline-ElementeInline-Elemente notiert werden.


    W3C Logo & WHATWG Logo Spezifikation

    Tastaturkürzel