HTML/Elemente/samp
Aus SELFHTML-Wiki
Das samp-Element (engl. sample output) zeichnet einen Teil eines Fließtextes als beispielhafte Ausgabe eines Programms aus
- Syntax
- Start-Tag: notwendig
- End-Tag: notwendig
- WAI‑ARIA‑Rolle
-
- keine
- Elternelemente
- Darf vorkommen in:
- Elementen mit flow content
- Elementen mit phrasing content
- erlaubte Inhalte
-
- Text
- beliebig viel phrasing content
Beispiel
<p>Die Fehlermeldung
<samp>Dieses Video ist in deinem Land nicht verfügbar</samp>
ist oft ärgerlich.
</p>
| Name | Inhalt | Standardwert | Bedeutung |
|---|---|---|---|
| Universalattribute | |||
| id | ID | identifiziert ein einziges Element innerhalb eines Dokuments | |
| class | Token | ordnet ein Element einer oder mehreren Klassen zu. | |
| accesskey | Text (string) | Tastaturkürzel | |
| contenteditable | Boolean | editierbarer Inhalt | |
| dir | ltr, rtl | definiert die Schreibrichtung innerhalb des Dokuments | |
| draggable | Boolean | kann mit Drag & Drop gezogen werden | |
| hidden | Boolean | versteckter Inhalt | |
| lang | Sprachkürzel | legt eine den IANA-Sprachdefinitionen folgende Sprache des Elementinhalts fest [RFC1766] | |
| spellcheck | Boolean | Rechtschreibprüfung Sollte auch für input type="password" deaktiviert werden.
| |
| style | String (Text) | notiert direkt in einem Element- style sheet data | |
| tabindex | NUMBER | zeigt an, ob dieses Element fokusiert werden kann, ob es mithilfe der Tastaturnavigation angesteuert werden kann und in welcher Reihenfolge navigiert wird. | |
| title | String (Text) | betitelt oder beschreibt ein Element. | |
Attribut: Pflichtattribut
Attribut: optionales Attribut
Siehe auch
Weblinks
- Spezifikation (W3C): The samp-Element
Anwendungsbeispiel
Beispiel
ansehen …
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Beispiel zum samp-Element</title>
<style>
body { margin:40px; }
.hinweis { font-style:italic; border-bottom:1px solid #ccc; }
</style>
</head>
<body>
<h1>Beispiel zum samp-Element</h1>
<p class="hinweis">Das Beispiel zeigt typische semantische Anwendungen des samp-Elements.</p>
<p>Bitte definieren Sie Ihr neues Passwort.
Gute Passwörter mischen Buchstaben und Zahlen wie in
<samp>4Tff78qz0R</samp>.<br>
<label>Neues Passwort: <input type="password"></label>
</p>
<p>Die Fehlermeldung <samp>Dieses Video ist in deinem Land nicht verfügbar</samp> ist oft ärgerlich.</p>
</body>
</html>
Inline-Elemente für Auszeichnungen im Text müssen - zumindest in der HTML-Variante "Strict" - innerhalb anderer Block-Elemente vorkommen. Im Beispiel ist ein Textabsatz notiert und innerhalb davon eine Textauszeichnung. Am Anfang des Textbereichs, der als beispielhafte Programmausgabe ausgezeichnet werden soll, wird ein einleitendes <samp>-Tag eingefügt. Am Ende des gewünschten Textbereichs wird ein entsprechendes Abschluss-Tag (</samp>) eingefügt.
