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
Eine vollständige Anleitung zur Docker-Befehlszeile (18 Dinge, die Sie wissen müssen)
Vorwort Ein Docker-Image besteht aus einer Docker...
Implementierung von nacos1.3.0, erstellt mit Docker
1. Fortsetzen nacos-Datenbank Datenbankname nacos...
Vier Möglichkeiten zum Erstellen von Objekten in JS
Inhaltsverzeichnis 1. Objekte durch Literalwert e...
Einige Tipps zum Website-Design
Tatsächlich haben wir in letzter Zeit viel über W...
Verständnis und Lösungen für 1px-Linien in der mobilen Entwicklung
Gründe, warum die 1px-Linie dicker wird Wenn wir ...
html-Seite!--[if IE]...![endif]--Detaillierte Einführung in die Verwendung
Code kopieren Der Code lautet wie folgt: <!--[...
CentOS 6 Kompilieren und installieren Sie ZLMediaKit-Analyse
Installieren Sie ZLMediaKit auf centos6 Der Autor...
Analyse von MySQL-Latenzproblemen und Datenlöschungsstrategieprozess
Inhaltsverzeichnis 1. MySQL-Replikationsprozess 2...
Anweisungen zum Erlernen von Vue
Inhaltsverzeichnis 1. v-Text (v-Befehlsname = „Va...
React-native-Beispielcode zur Implementierung des Schiebelöscheffekts des Einkaufswagens
Grundsätzlich verfügen alle E-Commerce-Projekte ü...
Lösung für das Problem des Springens der Textposition, wenn das Suchtextfeld den Fokus verlässt
Beim Setzen des Textes im Suchtextfeld springt di...
Detaillierte Erklärung des unbekannten Fehlers 10061 bei der Verwendung von Navicat zur Verbindung mit einer Remote-Linux-MySQL-Datenbank
Bei der Verwendung von Navicat zum Herstellen ein...
JavaScript imitiert die Spezialeffekte der Jingdong-Lupe
In diesem Artikel wird der spezifische Code von J...
Lösung für das Problem der ungültigen Zeilenhöheneinstellung in CSS
Über die ungültige Zeilenhöheneinstellung in CSS ...
Lösen Sie das domänenübergreifende Problem von Vue + SpringBoot + Shiro
Inhaltsverzeichnis 1. Konfigurieren Sie das Vue-F...