HTML5 – Neuer Tag

Posted in Allgemeines, HTML5 on 12/26/2009 11:31 by Hoegerl_Karl

Die neuen Tags von HTML5 bieten mehr Interaktivität. Die Unterstützung für Menüs mit HTML wurde erweitert. Der neue Tag <command> wird zum Einbinden Formular Elementen innerhalb des Tags <menu> genutzt. Formular Elemente sind Button, Radio, Checkbox und Command.

Es gibt sechs Attribute:

  • type = Hier wird festgelegt, welcher Typ von Formular Element angezeigt wird. Es gibt die Werte “radio“, “checkbox” und “command“.
  • radiogroup = Wenn der Formulartyp “radio” ausgewählt ist, dann können die Radio Elemente mit Hilfe einer Bezeichnung gruppiert werden. Hier wird der Name als Wert eingetragen.
  • checked = Mit dem Wert “checked” wird ein Radio-Button oder eine Checkbox aktiviert.
  • disabled = Ist der Wert “disabled” angegeben, dann ist der command Tag deaktiviert.
  • icon = Wird bei dem Attribut icon eine URL mit dem Verweis auf eine Grafik angegeben, so wird die Grafik als Icon angezeigt.
  • label = Hier wird der Name des command eingetragen. Der Name ist auf der Webseite sichtbar.

Zusätzlich können

  • die Universalattribute class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title
  • die Eventattribute onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

verwendet werden.

Quellcode Beispiel:

<!DOCTYPE HTML>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>Den Tag sound einsetzen</title>
  </head>
  <body>
    <h1>Meine Webseite</h1>
    <p>Das ist der Text in meiner Webseite. Ein Command wird in der Webseite benutzt.</p>

      <menu>


         <command type="command" label="Befehl">Der Befehl</command>


      </menu>

</body>
</html>

Der Tag wird nur verarbeitet, wenn der Browser des Nutzers dies unterstützt!

Zuletzt aktualisiert von .

 

Leave a Reply

Comments are closed.

« | »