Heim Web-Frontend H5-Tutorial HTML5-Platzierung von Elementen auf Blockebene innerhalb eines Tag-Beispielcodes_html5-Tutorial-Tipps

HTML5-Platzierung von Elementen auf Blockebene innerhalb eines Tag-Beispielcodes_html5-Tutorial-Tipps

May 16, 2016 pm 03:48 PM
a标签 html5 块级元素

Im Vergleich zu XHTML regt HTML5 durch einfachere Elemente eine Reihe von Gedanken an. Ehrlich gesagt ist dies eine dringend notwendige Vereinfachung. Eine dieser Vereinfachungen ist die Möglichkeit, Elemente auf Blockebene wie divs, h-Tags (h1...h6) und Absatz-Tags P durch das -Tag zu wickeln. Sie haben richtig gelesen: Verwenden Sie ein A-Tag, um ein Element auf Blockebene zu umschließen (Anmerkung des Übersetzers: Vor HTML5 war das Tag a ein Inline-Element, während div, h1, p usw. Elemente auf Blockebene waren. Wenn Sie es umschließen gewaltsam, es kann gewaltsam abgeschnitten werden. Natürlich dreht sich alles um den Browser.



CodeDer Code lautet wie folgt:
Über David Walsh Wisconsin Auch der Gründer und Chefingenieur von Wynq Web Lab: „Ich entwerfe keine Websites, ich sorge dafür, dass sie funktionieren.“



as div, p, h1 Es ist zu beachten, dass Sie kein A-Tag verwenden können. Enthält ein anderes A-Tag, da sonst die Funktionsweise in allen Browsern inkonsistent sein kann.


Was denkst du?

Ich bin mir nicht sicher, ob ich A-Tags verwenden soll, um Elemente auf Blockebene zu enthalten. Auf den ersten Blick sieht es wie ein Haufen Junk-Code aus. Um diesen Ansatz zu vermeiden, haben wir andererseits JavaScript verwendet, um damit umzugehen. Der Zweck anklickbarer Elemente besteht darin, Aufgaben und Funktionen abzuschließen. Die Verwendung von nativem HTML zum Ausführen dieser Funktion ist natürlicher als JS und manchmal definitiv praktisch. Was ich fragen möchte ist: Was halten Sie von dieser Praxis? Können Sie es sofort verwenden? Bitte teilen Sie Ihre Ansichten!
(Anmerkung des Übersetzers: Im Projekt des Übersetzers hat ein Teammitglied diese Funktion verwendet. Es ist sehr traurig, sie in MyEclipse zu sehen, weil es viele gelbe Warnungen gibt. Aber objektiv gesehen sind einige Codes manchmal tatsächlich sehr effektiv, so etwas wie )
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

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Java-Tutorial
1653
14
PHP-Tutorial
1251
29
C#-Tutorial
1224
24
Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

See all articles