Wann sollte das Sub-Tag verwendet werden? Tags zur physischen Formatierung von HTML-Text. Unterschied zwischen HTML und XHTML

💖 Gefällt es dir? Teilen Sie den Link mit Ihren Freunden

Text als tiefgestellt und hochgestellt:

Dieser Text enthält Index Text.

Dieser Text enthält hochgestellt Text.

Beschreibung und Verwendung

Etikett Definiert Text als tiefgestellten Text. Ein Index sieht aus wie ein Zeichen unter einer Zeile. Ähnlicher Text kann in chemischen Formeln verwendet werden: H 2 O.

Etikett Definiert Text als hochgestellt. Ein hochgestelltes Zeichen sieht aus wie ein Zeichen über der Zeile. Für Fußnoten kann ein hochgestelltes Zeichen verwendet werden: WWW.

Unterschied zwischen HTML und XHTML

Standardattribute

Ereignisattribute

Attribut Bedeutung Beschreibung
onclick Skript Beim Anklicken wird das Skript ausgeführt
ondblclick Skript Das Skript wird ausgeführt, wenn Sie doppelklicken
im Fokus Skript Das Skript wird ausgeführt, wenn der Fokus empfangen wird
onmousedown Skript Das Skript wird ausgeführt, wenn die Maustaste gedrückt wird
onmousemove Skript Das Skript wird ausgeführt, wenn sich der Mauszeiger bewegt
onmouseout Skript Das Skript wird ausgeführt, wenn der Mauszeiger das Element verlässt
onmouseover Skript Das Skript wird ausgeführt, wenn sich der Mauszeiger über dem Element befindet
onmouseup Skript Das Skript wird ausgeführt, sobald die Maustaste losgelassen wird
onkeydown Skript Das Skript wird ausgeführt, wenn eine Taste gedrückt wird
auf Tastendruck Skript Das Skript wird ausgeführt, wenn eine Taste gedrückt und dann losgelassen wird
onkeyup Skript Das Skript wird ausgeführt, wenn die Taste losgelassen wird

Beschreibung

Zeigt die Schriftart als Index an. Der Text wird unterhalb der Grundlinie der verbleibenden Zeichen in der Zeile positioniert und verkleinert.

Syntax

Text

Schluss-Tag

Erforderlich.

Attribute

Ähnlich wie CSS

Beispiel. Verwenden eines Tags

Markieren Sie SUB

Unter dem Einfluss von Hydroxylamin werden Aldehyde in Oxime umgewandelt: CH 3 CHO + NH 2 OH=CH 3 C(=NOH)H + H 2Ö



Spezifikation ?

Spezifikation

Jede Spezifikation durchläuft mehrere Genehmigungsstufen.

  • Empfehlung – Die Spezifikation wurde vom W3C genehmigt und wird als Standard empfohlen.
  • Kandidatenempfehlung ( Mögliche Empfehlung) – Die für den Standard verantwortliche Gruppe ist davon überzeugt, dass sie ihre Ziele erreicht, benötigt jedoch Hilfe von der Entwicklungsgemeinschaft, um den Standard umzusetzen.
  • Vorgeschlagene Empfehlung Vorgeschlagene Empfehlung) – zu diesem Zeitpunkt wird das Dokument dem W3C-Beirat zur endgültigen Genehmigung vorgelegt.
  • Arbeitsentwurf – Eine ausgereiftere Version eines Entwurfs, der zur Überprüfung durch die Community diskutiert und geändert wurde.
  • Entwurf des Herausgebers ( Redaktioneller Entwurf) – eine Entwurfsversion des Standards, nachdem von den Projektredakteuren Änderungen vorgenommen wurden.
  • Entwurf ( Entwurf einer Spezifikation) – die erste Entwurfsversion des Standards.

Alive hebt sich ab HTML-Standard(Living) – es folgt nicht der traditionellen Versionsnummerierung, da es ständig weiterentwickelt und regelmäßig aktualisiert wird.

Browser: Desktop-Mobile ?

Internet Explorer ChromOperSafariFeuerfuchs
2 1 3.5 1 1
AndroidFirefox MobileOpera MobileSafari-Mobile
1 1 6 1

Etikett

Etikett Wird verwendet, um die Schriftart in Kleinbuchstaben (tiefgestellt) anzugeben. Bei Kleinbuchstaben handelt es sich um verkleinerte Zeichen, die im Verhältnis zu den übrigen Zeichen in der Zeile nach unten versetzt erscheinen. Im Allgemeinen sollten Kleinbuchstaben gemäß der allgemein anerkannten Definition unterhalb der Grundlinie der aktuellen Zeile, in allen Browsern jedoch unterhalb des Inhalts des Containers platziert werden Nur Opera zeigt diese Art an – der Rest zeigt die Zeichen etwas höher an.

Die Grundlinie ist eine imaginäre Linie, die am unteren Rand der Zeichen verläuft. Einige Buchstaben (шч, ц, у, д, р, ф) ragen teilweise über die Grundlinie hinaus.

Attribute

Persönliche Eigenschaften: Nein.

  • accesskey – Legt die Tastenkombination zum Fokussieren auf ein HTML-Element fest.
  • Klasse – gibt den Namen der Tag-Klasse oder -Klassen an, die in CSS (Cascading Style Sheets) verwendet werden.
  • dir – gibt die Richtung des Textes innerhalb des Elements an.
  • – Gibt den Namen einer HTML-Tag-ID an, die als „Anker“ oder in Stylesheets verwendet werden kann.
  • lang – gibt die Sprache an, in der der Text im HTML-Element geschrieben ist.
  • Stil – erforderlich, um die integrierte Funktion zu verwenden CSS-Stile zu markieren.
  • tabindex – legt die Tab-Reihenfolge zwischen Elementen fest (Tab-Taste).
  • Titel – zeigt einen Tooltip an, wenn Sie mit der Maus über ein HTML-Element fahren.

Tag-Typ

Zweck: Text (Strings).

Tag-Modell: Inline (integriert, Leitungsebene).

Kann enthalten: Inline-Tags, Klartext und HTML-Sonderzeichen(Mnemonik).

Eröffnungs-Tag: notwendig. Schluss-Tag: notwendig.

Syntax

Inhalt

HTML-Beispiel: Verwendung des SUB-Tags

seodon.ru – Verwendung des SUB-Tags

T N= n!



Hier finden Sie eine Beschreibung der physischen Formatierungs-Tags. Einige von ihnen werden aus den oben genannten Gründen nicht für die Verwendung durch die HTML 4.0-Spezifikation empfohlen. Einige Tags wurden durch die HTML 4.0-Spezifikation nicht mehr unterstützt, sie werden jedoch weiterhin von Browsern unterstützt.

Etikett

Etikett Zeigt Text in Fettschrift an. In den meisten Fällen wird es anstelle eines Tags empfohlen Verwenden Sie ein logisches Formatierungs-Tag . Zum Beispiel:

Das deutlich Schriftart.

Reis. 1.2. Beispiele für physische Textformatierung (Netscape-Browser)

Etikett

Etikett Zeigt den Text kursiv an. In den meisten Fällen wird empfohlen, anstelle dieses Tags Tags zu verwenden , , oder , da letztere den Zweck des ausgewählten Textes besser widerspiegeln. Zum Beispiel:

Auswahl Kursivschrift

Etikett

Etikett Zeigt Text in Monospace-Schriftart an. In den meisten Fällen ist es besser, Tags anstelle dieses Tags zu verwenden , oder . Beispiel:

Das Monoraum Schriftart.

Etikett

Etikett Zeigt Text unterstrichen an. Tag abgebrochen. Es wird empfohlen, stattdessen Tags zu verwenden oder . Zum Beispiel:

Beispiel Unterstriche Text.

Stichworte Und

Stichworte Und Zeigen Sie Text mit einer horizontalen Linie an. Tag abgebrochen. Stattdessen sollte das Tag verwendet werden . Zum Beispiel:

Beispiel durchgestrichen Text.

Derzeit markiert wird nicht von allen Browsern unterstützt, daher wird die Verwendung vorerst empfohlen in Kombination mit einem Tag . Nämlich innerhalb des Container-Tags Sie können ein paar Tags hinzufügen

....

Etikett

Etikett Zeigt Text in einer Schriftart an, die größer ist (als der unbeschriftete Teil des Textes). Anstelle dieses Elements ist es besser, es zu verwenden oder Title-Tags, z.B.

Schriftart mehr Größe.

Etikett

Etikett Zeigt Text in einer kleineren Schriftgröße an. Da es in HTML kein Tag gibt, ist das das Gegenteil des Tags , dann können Sie für diese Zwecke das Tag verwenden . Die meisten Browser unterstützen verschachtelte Tags Dieser Ansatz wird jedoch nicht empfohlen. Zum Beispiel:

Schriftart weniger Größe.

Etikett

Etikett Verschiebt Text unter die Zeilenebene und zeigt ihn (falls möglich) in einer kleineren Schriftgröße an. Praktisch für mathematische Indizes. Zum Beispiel:

Beispielschriftart für untere Index.

Etikett

Etikett Verschiebt Text über die Zeilenebene und zeigt ihn (falls möglich) in einer kleineren Schriftgröße an. Praktisch für die Zuordnung von Zahlenpotenzen in der Mathematik. Zum Beispiel:

Beispielschriftart für Oberer, höher Index.

Etikett

Etikett zeigt blinkenden Text an. Dieses Tag ist nicht Teil der HTML-Spezifikation und wird nur vom Netscape-Browser unterstützt. Erfahrene Entwickler greifen selten auf die Verwendung dieses Tags zurück, da das Vorhandensein blinkender Zeichen auf der Seite viele Benutzer stört.

Etikett

Tag-Container ist analog zu einem Tag auf Blockebene

. Kann verwendet werden, wenn Sie einen Textabschnitt markieren müssen, um seine Eigenschaften festzulegen, und kein anderes strukturelles Formatierungs-Tag verwenden kann.

Der Microsoft Internet Explorer-Browser ermöglicht zusätzlich die Verwendung der folgenden Tag-Parameter: DIR, DATAFLD, DATAFORMATAS, DATASRC. Eine Beschreibung der Parameter finden Sie im zweiten Teil des Buches.

Reis. 1.3. Verwendung verschachtelter Textformatierungs-Tags

Formatierungs-Tags können ineinander verschachtelt werden. In diesem Fall müssen Sie sorgfältig darauf achten, dass sich ein Container vollständig in einem anderen Container befindet. In Abb. Abbildung 1.3 zeigt ein Beispiel für die Verschachtelung eines kursiven Elements in einem fett gedruckten Element. Das folgende HTML-Codefragment wird verwendet:

Das deutlich Schriftart.

Das Kursivschrift.

Und hier ist der Text fett und kursiv

Etikett

Etikett Gibt Schriftartoptionen an. Es bezieht sich auf physische Formatierungs-Tags auf Textebene.

Die Zuweisung von Schriftartparametern direkt im Dokumenttext verstößt gegen den Grundgedanken, den Inhalt des Dokuments zu trennen und die Darstellungsform des Dokuments zu beschreiben. Daher ist in der HTML 4.0-Spezifikation dieses Tag, ebenso wie das Tag als storniert eingestuft. Ihre weitere Verwendung wird nicht empfohlen.

Trotz dieser eindringlichen Warnungen scheint es, dass die physische Formatierung für die einfachsten Dokumente als akzeptabel angesehen werden kann. Darüber hinaus können Sie die Grundlagen der Formatierung am einfachsten mit den Regeln für die direkte Angabe von Elementformaten erlernen. Ein unerfahrener Entwickler muss sich noch mit Stildesign auskennen.

Etikett bezieht sich auf sequentielle Elemente und kann daher keine Elemente auf Blockebene enthalten, z. B.

Oder

.

Für einen Tag können folgende Parameter eingestellt werden: GESICHT, GRÖSSE und FARBE. Beachten Sie, dass der Netscape-Browser auch die Verwendung von zwei zusätzlichen Parametern zulässt: POINT-SIZE und WEIGHT, deren Beschreibung weggelassen wird.

    Der FACE-Parameter wird verwendet, um die Art der Schriftart anzugeben, in der der Viewer des Benutzers Text anzeigt (sofern eine solche Schriftart auf dem Computer verfügbar ist). Der Wert dieses Parameters ist der Name der Schriftart, der genau mit dem Namen der Schriftart übereinstimmen muss, über die der Benutzer verfügt. Wenn keine solche Schriftart gefunden wird, wird diese Anweisung ignoriert und die Standardschriftart verwendet.

    Sie können einen oder mehrere Schriftartnamen angeben und diese durch Kommas trennen. Dies ist eine sehr nützliche Eigenschaft, da verschiedene Systeme nahezu identische Schriftarten mit unterschiedlichen Namen haben können. Eine weitere wichtige Eigenschaft besteht darin, Präferenzen für die Verwendung von Schriftarten festzulegen. Die Schriftartenliste wird von links nach rechts durchsucht. Wenn der Computer des Benutzers nicht über die erste Schriftart in der Liste verfügt, wird versucht, die nächste Schriftart zu finden usw.

    Hier ist ein Beispiel für die Verwendung des FACE-Parameters:

    Zweck von Schriftarten

    Ein Beispiel für die Angabe eines Schriftartnamens.

    In Abb. Abbildung 1.4 zeigt, wie der Netscape-Browser ein Beispiel anzeigt. Im Beispiel ist die Schriftart Verdana als bevorzugte Schriftart angegeben, fehlt diese, wird die Schriftart Arial verwendet usw.

Reis. 1.4. Beispielanzeige für einen Netscape-Browser

    Dieser Parameter wird verwendet, um Schriftgrößen in willkürlichen Einheiten von 1 bis 7 anzugeben. Die spezifische Schriftgröße hängt vom verwendeten Viewer ab. Es ist allgemein anerkannt, dass eine „normale“ Schriftgröße einem Wert von 3 entspricht.

Die Standardeinstellungen für die Schriftgröße sowie das Ausmaß der absoluten Schriftgrößenänderung variieren je nach Browser. In Abb. Abbildung 1.5 zeigt das Einstellungsfenster des Netscape-Browsers, in dem die Standardschriftarten festgelegt werden.

Die Schriftgröße wird sowohl als absoluter Wert (SIZE=2) als auch als relativer Wert (SIZE=+1) angegeben. Die letztere Methode wird häufig in Kombination mit der Festlegung der Basisschriftgröße mithilfe eines Tags verwendet .

Notiz

Bei der Angabe von Schriftgrößen führen Eingaben wie „2“ und „+2“ (im Gegensatz zu den meisten Programmiersprachen, in denen das unäre „+“-Zeichen weggelassen werden kann) zu grundlegend unterschiedlichen Ergebnissen.

Lassen Sie uns ein Beispiel geben, in dem wir verwenden verschiedene Wege Schriftgrößen zuweisen. Eine Beispielanzeige ist in Abb. dargestellt. 1.6.

Reis. 1.5. Fenster mit den Schriftarteneinstellungen des Netscape-Browsers

Reis. 1.6. Schriftgrößen zuweisen

Schriftgrößen zuweisen

Schriftgröße 1

Schriftgröße 2

Schriftgröße 3

Schriftgröße 4

Schriftgröße 5

Schriftgröße 6

Schriftgröße 7

    Diese Option legt die Schriftfarbe fest, die über Standardnamen oder im #RRGGBB-Format angegeben werden kann. Hier ist ein Beispiel für ein Dokument mit mehrfarbigem Text.

    Auswahl einer Schriftfarbe

    Grüner Text

    Roter Text

Etikett

Etikett Wird verwendet, um die Standardschriftgröße, -art und -farbe anzugeben, die in einem Dokument verwendet werden. Diese Werte sind für das gesamte Dokument erforderlich, können aber mithilfe des Tags an notwendigen Stellen überschrieben werden . Nach dem schließenden Tag Tag-Aktion wird wiederhergestellt. Standard-Schriftarteinstellungen können in einem Dokument, d. h. im Tag, mehrfach neu definiert werden kann in einem Dokument beliebig oft vorkommen.

Notiz

Etikett kann auch in dem Abschnitt erscheinen dokumentieren.

Beachten Sie das für das Tag Es gibt kein schließendes Tag.

Die Parameter können genau die gleichen sein wie für das Tag , nämlich: GESICHT, GRÖSSE und FARBE. Der Zweck und die Regeln zum Schreiben von Parametern sind ähnlich.

Notiz

Der Netscape-Browser erlaubt keinen FACE-Tag-Parameter .

Hier ist ein Beispiel für die Verwendung des Tags .

Schriftgrößen zuweisen

In der Standardschriftart geschriebener Text.

Schriftgröße 2.

Schriftgröße 4.

Text nach Tabelle

Das obige Beispiel überschreibt die Standardschriftgröße zweimal. Anfangs ist es 3 (Standard). Dann wird es auf 2 und dann auf 4 gesetzt. Achten Sie auf die Anzeige dieses Beispiels (Abb. 1.7). Es ist ersichtlich, dass der Zweck des Tags für Tabellen ist Es funktioniert nicht. Dies ist typisch für viele Browser, obwohl es formal gegen die Idee der Verwendung des Tags verstößt.

Reis. 1.7. Ein Beispiel mit einem Tag anzeigen (Netscape-Browser)



Freunden erzählen


Text in einer Tabellenzelle

HTML-Tags Und - Tiefgestellter und hochgestellter Text

Definition und Verwendung

Etikett definiert interlinearen Text. Sublinearer Text hat die halbe Höhe und erscheint unterhalb der Grundlinie. Beim Schreiben chemischer Formeln wie H 2 O kann interlinearer Text verwendet werden.

Etikett Definiert hochgestellten Text. Hochgestellter Text ist halb so hoch und erscheint über der Grundlinie. Beim Schreiben von Fußnoten kann hochgestellter Text verwendet werden, z. B. WWW.

Browserunterstützung

Stichworte Und wird von allen gängigen Browsern unterstützt.

Unterschiede zwischen HTML und XHTML

Standardattribute

Spalte DTD Gibt an, in welchem ​​Dokumenttyp das HTML 4.01/XHTML 1.0-DTD-Attribut zulässig ist. S=Streng, T=Übergang und F=Frameset.

Stichworte Und unterstützen die folgenden Standardattribute:

Attribut Bedeutung Beschreibung DTD
Klasse Klassenname Gibt den Klassennamen für das Element an STF
dir RTL
ltr
Gibt die Textrichtung für den Inhalt in einem Element an STF
Ausweis Identifikator Gibt einen eindeutigen Bezeichner für ein Element an STF
lang Sprachcode Gibt den Sprachcode für den Inhalt des Elements an STF
Stil style_definition Gibt einen Inline-Stil für ein Element an STF
Titel Text Zeigt an Weitere Informationenüber das Element STF
xml:lang Sprachcode Definiert den Sprachcode für Elementinhalte in XHTML-Dokumenten STF

Weitere Informationen zu Standardattributen.

Ereignisattribute

Stichworte Und unterstützen die folgenden Ereignisattribute:

Attribut Bedeutung Beschreibung DTD
onclick Skript Skript per Mausklick gestartet STF
ondblclick Skript Doppelklicken Sie auf das Skript STF
onmousedown Skript Skript, das ausgeführt wird, wenn die Maustaste gedrückt wird STF
onmousemove Skript Skript, das ausgeführt wird, wenn sich der Mauszeiger bewegt STF
onmouseout Skript Skript, das ausgeführt wird, wenn sich der Mauszeiger außerhalb eines Elements bewegt STF
onmouseover Skript Skriptausführung, wenn der Mauszeiger über ein Element bewegt wird STF
onmouseup Skript Skript, das ausgeführt wird, wenn die Maustaste losgelassen wird STF
onkeydown Skript Skript wird auf Tastendruck ausgeführt STF
auf Tastendruck Skript Das Skript wird ausgeführt, wenn eine Taste gedrückt und dann losgelassen wird STF
onkeyup Skript Skript, das ausgeführt wird, wenn die Taste losgelassen wird STF

Weitere Informationen zu