Heim >Web-Frontend >HTML-Tutorial >Über den Unterschied zwischen dem
Über den Unterschied zwischen dem -Tag und dem
- 黄舟Original
- 2017-06-19 16:20:264016Durchsuche
Artikel-Tag , es fühlt sich nach der Verwendung ähnlich wie P (Absatz) an, es ist ein semantisches 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
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:
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: