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
CSS, um horizontale Linien auf beiden Seiten des mittleren Textes zu erreichen
1. Die Eigenschaft „vertical-align“ erzielt folge...
Schritte zur Installation von MySQL 8.0.23 unter Centos7 (Anfängerstufe)
Lassen Sie mich zunächst kurz erklären, was MySQL...
Ubuntu 18.04 Touchpad per Befehl deaktivieren/aktivieren
Unter Ubuntu kommt es häufig vor, dass sich das T...
Installieren Sie Centos7 mithilfe einer virtuellen Hyper-V-Maschine
Inhaltsverzeichnis einführen Vorbereiten Systemab...
CSS erreicht hochadaptiven Vollbildmodus
Beim Schreiben meiner eigenen Demo möchte ich dis...
Zusammenfassung des Wissens zum Vue V-Modell
v-model ist eine Vue-Direktive, die eine bidirek...
JS + Canvas realisiert dynamischen Uhreffekt
Eine auf Canvas basierende Demo einer dynamischen...
Spezifische Verwendung der ES6-Array-Kopier- und Füllmethoden copyWithin() und fill()
Inhaltsverzeichnis Stapelkopie copyWithin() Array...
Details zum Prototypmodus des Javascript-Entwurfsmusters
Inhaltsverzeichnis 1. Prototyp-Modus Beispiel 1 B...
So implementieren Sie die Zuordnung zwischen Rahmenfenstern und die Verwendung des Zielattributs von Hyperlinks
Der Schlüssel zum Erreichen der Zuordnung des Rahm...
Persönliche Meinung: Sprechen Sie über Design
<br />Wählen Sie das praktischste Thema aus....
Zusammenfassung der Verwendung von Element-Formularelementen
Es gibt viele Formularelemente. Hier ist eine kur...
Fassen Sie den User-Agent beliebter Browser zusammen
1. Grundkenntnisse: HTTP-Header-Benutzeragent Use...
Referenzieren Sie SVG-Bilder in CSS, um den Implementierungscode für dynamische Farbumschaltung zu unterstützen
Wenn wir ein SVG-Bild zur Anzeige hinzufügen, erh...
Verwenden von CSS3 zum Implementieren eines Schriftfarbverlaufs
Beim Verwenden von Animation.css habe ich festges...