Über den Unterschied zwischen dem -Tag und dem -Tag in HTML

Artikel-Tag , es fühlt sich nach der Verwendung ähnlich wie P (Absatz) an, es ist ein semantisches Tag.

Tag definiert andere Inhalte als den Artikel (kann als semantische Tags verwendet werden).

Es gibt mehrere Kategorien von HTML-Tags, darunter Webseiten-Layout-Tags, z. B. das am häufigsten verwendete div.

Lassen Sie uns das bisherige traditionelle Webseitenlayout (Tabellenlayout) beiseite legen und über das aktuelle Webseitenlayout sprechen – div+css.

Wenn Sie beispielsweise die einfachste Webseite mit einer Zeile und zwei Spalten erstellen möchten, ist die äußere Ebene ein Div-Container und darin befinden sich zwei Divs. Die linke ist das Navigationsmenü und die rechte ist die Um das Webseitenlayout zu realisieren, müssen Sie eine CSS-Positionierung verwenden. Um die Positionierung zu erleichtern, müssen Sie eine ID oder Klasse für das Div festlegen.

Äußeres Container-Div: id="wrap", inneres linkes Div: id="aside", inneres rechtes Div: id="article".

Warum sollte die linke Navigations-ID anstelle von div1 und div2 beiseite gelegt werden?

Weil aside div eine Bedeutung gibt, bringt es den aktuellen Entwicklern und späteren Betreuern Komfort. Sobald ich

sehe, weiß ich, welche Rolle es spielt ="div1"> Wer weiß, was das ist, genau wie das div-Tag selbst, es ist bedeutungslos.

Und Article und Aside sind genau wie Divs, sie sind nur Layout-Tags, die anderen funktionalen Bedeutungen sind grundsätzlich gleich. Die Schriftarten, Hintergründe, Rahmen usw. sind in Article und Aside identisch Es gibt keine speziellen Stile, nachdem Sie mit der Maus auf das nebenstehende Tag geklickt haben, da es sich lediglich um einfache Tags handelt. Da die Funktion genau die gleiche ist wie die von div, warum geht HTML5 unnötig weit und erzeugt mehrere redundante „divs“?

Es gibt ein Sprichwort: Was existiert, ist vernünftig.

Da viele Websites auf der ganzen Welt eine Navigation auf der linken Seite und Textinhalte auf der rechten Seite haben, stellen Sie die ID auf div ein, um das CSS-Layout zu verwenden -freundlich. Es wurden mehrere Tags hinzugefügt, um die Entwicklung für Entwickler zu vereinfachen:

HTML-Perspektive: Ersteres erfordert weniger Codezeilen als letzteres, was die Dateigröße der Webseite bis zu einem gewissen Grad vereinfacht.

CSS-Winkel

: Ersteres kann das Tag direkt mit „aside“ abrufen, während letzteres die ID übergeben muss.

js-Winkel

: Wie oben. Ich habe diese Nachricht schon einmal gehört und gesagt, dass einige mobile Geräte (z. B. das iPad) beim Parsen von HTML5-Tags möglicherweise eine personalisierte Anzeige haben, wenn sie auf das Aside-Tag stoßen, und der Effekt möglicherweise schöner ist.

Zusammenfassung:

wird als

betrachtet,

aside"> ist nur eine künstliche Wortänderung für div. Es ist immer noch div.

Das obige ist der detaillierte Inhalt vonÜber den Unterschied zwischen dem -Tag und dem -Tag in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Mehr anzeigen

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)

1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O. Beste grafische Einstellungen

1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Assassin's Creed Shadows: Seashell Riddle -Lösung

2 Wochen vor By DDD

Was ist neu in Windows 11 KB5054979 und wie Sie Update -Probleme beheben

2 Wochen vor By DDD

Will R.E.P.O. Crossplay haben?

1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Mehr anzeigen

Heiße Werkzeuge

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Mehr anzeigen

Heiße Themen

Wo ist der Login-Zugang für Gmail-E-Mail?

7546

15

CakePHP-Tutorial

1381

52

Wie lautet das Format des Kontonamens von Steam?

83

11

Win11 -Aktivierungsschlüssel dauerhaft

57

19

NYT -Verbindungen Hinweise und Antworten

21

89

Mehr anzeigen