Zusammenfassung der XHTML-Anwendung im Webdesign-Studium
|
<br />Im Allgemeinen ist die Dateiorganisation von „Standard-Webseiten“ XHTML CSS. XHTML wird hauptsächlich verwendet, um die Struktur von Webseiten darzustellen und Inhalte anzuzeigen, während CSS verwendet wird, um das strukturelle Layout zu definieren und den Inhaltsstil zu ändern. Für das Layout häufig verwendetes XHTML umfasst im Allgemeinen: DIV: Wird hauptsächlich für die logische Aufteilung des Seiteninhalts verwendet. Beispielsweise enthält eine Webseite im Allgemeinen Kopfzeile, Navigation, Seitenleiste, Inhalt, Copyright und andere Verantwortungsbereiche. Derzeit können Sie das DIV-Tag zum Teilen verwenden. Dabei empfiehlt sich für jeden Block folgende Benennung: Nachfolgend der zitierte Inhalt: Kopf: <div id="masthead"></div> Navigation: <div id="globalnav"></div> Seitenleiste: <div id="navbar"></div> Inhalt: <div id="content"></div> Urheberrecht: <div id="copyright"></div> Hinweis: Die ID ist eindeutig, d. h., sie kann nicht mehr als zweimal auf derselben Seite erscheinen. Andernfalls verwenden Sie Klasse. ul: Ursprünglich handelte es sich um eine ungeordnete Liste, die häufig in XHTML-CSS-Anwendungen zur Darstellung nicht struktureller äquivalenter Elemente verwendet wird. Muss mit dem untergeordneten Element LI von UL verwendet werden. Nachfolgend der zitierte Inhalt: <div> <ul> <li><a href="#">Link1</a></li> <li><a href="#">Link2</a></li> <li><a href="#">Link3</a></li> </ul> </div> span: Wenn Sie dieses Element mit DIV vergleichen, ist span eine Tasche und div eine Box (aus Xiaoyi: Grundlegende Anwendung von XHTML-Code). Tatsächlich ist div ein Blockelement und span ein Inline-Element (siehe Inline-Elemente und Blockelemente). Span kann verwendet werden, um ein Elementfragment in einem Abschnitt oder einer Elementzeile separat zu definieren. Zum Beispiel: Nachfolgend der zitierte Inhalt: <ul> <li><span>(13.11.2006)</span>Zusammenfassung der XHTML-Anwendung im XHML-CSS-Layout</li> </ul> Durch die Definition von span als links/rechts schwebend in CSS können Datum und Titel auf beiden Seiten angezeigt werden. Dies ist relativ verwendet Nachfolgend der zitierte Inhalt: <ul> <li>2007-11-5jb51.net</li> <li>XHML CSS-Layout-Zusammenfassung</li> </ul> Viel einfacher. ======================================= Nachdem wir über die allgemeinen XHTML-Tags gesprochen haben, die für das Layout verwendet werden, gibt es auch XHTML-Tags, die zum Anzeigen von Webseiteninhalten verwendet werden. Zum Beispiel: Nachfolgend der zitierte Inhalt: <img src="" alt="" title="" /> stellt ein Bild dar <a href="" title=""></a> kennzeichnet einen Hyperlink <hn></hn>(n=1,2,...,6) gibt den Titel des Seiteninhalts an. h1-h6 werden in absteigender Reihenfolge der Wichtigkeit empfohlen, wobei h1 der wichtigste Titel ist (siehe greengnn: div css naming reference) Die ursprünglichen Tags <b></b> und <i></i> für Fett und Kursiv werden durch <strong></strong> und <em></em> ersetzt. |
<<: Docker-Image-Analysetool - Analyse des Tauchprinzips
>>: Ursachen und Lösungen für domänenübergreifende Probleme bei Ajax-Anfragen
Artikel empfehlen
Installieren Sie Kafka unter Linux
Inhaltsverzeichnis 1.1 Java-Umgebung als Vorausse...
Beispiel für eine HTTPS-Konfigurationsmethode für den Nginx-Server
Linux: Linux-Version 3.10.0-123.9.3.el7.x86_64 Ng...
Detaillierte Erklärung der Linux-Befehle und der Dateisuche
1. Führen Sie eine Dateinamensuche durch which (S...
Detaillierte Erläuterung mehrerer Beispiele für Insert- und Batch-Anweisungen in MySQL
Inhaltsverzeichnis Vorwort 1.ignorieren einfügen ...
So verhindern Sie doppelte Übermittlungen in einem JQuery-Projekt
In neuen Projekten kann Axios doppelte Übermittlu...
Prinzip der Docker-Containerüberwachung und Anweisungen zur Installation und Verwendung von cAdvisor
Es ist sehr wichtig, den Betriebsstatus von Conta...
Senden Sie das Image über den Container DockerCommit und pushen Sie das Image DockerPush
Nachdem Sie einen Container lokal erstellt haben,...
CSS3 + HTML5 + JS realisiert den Schrumpf- und Expansionsanimationseffekt eines Blocks
Als ich kürzlich an einem Projekt arbeitete, stel...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.17 winx64
Ich habe die vorherigen Hinweise zur Installation...
Dockerfile echo gibt die Methode zum Implementieren mehrerer Textzeilen in der angegebenen Datei an
Fügen Sie der angegebenen Datei im Dockerfile meh...
So aktualisieren Sie den Kernel in Deepin Linux manuell
deepin und Ubuntu sind beides auf debian basieren...
Mit vsftp einen FTP-Server unter Linux aufbauen (mit Parameterbeschreibung)
einführen In diesem Kapitel wird hauptsächlich de...
Analyse der Gründe, warum MySQL-Felddefinitionen nicht null verwenden sollten
Warum wird NULL so oft verwendet? (1) Javas Null ...
Eine kurze Analyse der startReactApplication-Methode von React Native
In diesem Artikel haben wir den Startvorgang von ...
Tutorial zur Installation von VMware WorkStation 14 Pro unter Ubuntu 17.04
In diesem Artikel wird die spezifische Methode zu...