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
Zusammenfassung der Bereitstellung des Tomcat-Clusters und des Nginx-Lastausgleichs basierend auf Docker
Inhaltsverzeichnis Vorne geschrieben 1. Ngixn-Bil...
Flex-Anordnung in CSS darstellen (Layouttool)
In Bezug auf die Anzeige: flexibles Layout: Manch...
Vollständige Analyse des Vue-Diff-Algorithmus
Inhaltsverzeichnis Vorwort Vue-Aktualisierungsans...
Detaillierte Erläuterung des vollständigen Anwendungsbeispiels zur Entwicklung von Hyperf unter Docker
Offizielle Hyperf-Website Hyperf offizielle Dokum...
URL-Darstellung in HTML-Webseiten
In HTML werden gängige URLs auf verschiedene Arten...
Das Frontend erstellt und ändert CAD-Grafikdetails über JavaScript
Inhaltsverzeichnis 1. Aktuelle Situation 2. CAD-G...
So verwenden Sie CSS-Stile und -Selektoren
Drei Möglichkeiten, CSS in HTML zu verwenden: 1. ...
Docker trifft auf Intellij IDEA, Java-Entwicklung steigert die Produktivität um das Zehnfache
Inhaltsverzeichnis 1. Vorbereitung vor der Entwic...
So positionieren Sie die Kopfzeile mithilfe des CSS-Sticky-Layouts oben
Anwendungsszenarien: Eine der neuen Anforderungen...
So installieren Sie MySQL 8.0 in Docker
Umgebung: MacOS_Cetalina_10.15.1, Mysql8.0.18, Do...
5 grundlegende Fähigkeiten zum Design von Themenseiten (Alibaba UED Shanmu)
Bei diesem Thema handelt es sich um einen interne...
Anfänger lernen einige HTML-Tags (2)
Verwandter Artikel: Anfänger lernen einige HTML-Ta...
So installieren Sie eine PHP7 + Nginx-Umgebung unter CentOS6.6
Dieser Artikel beschreibt, wie man eine PHP7 + Ng...
Grundlegende Anwendungsbeispiele für benannte Slots in Vue
Vorwort Benannte Slots werden mithilfe des Attrib...
Eine vollständige Anleitung zur Docker-Befehlszeile (18 Dinge, die Sie wissen müssen)
Vorwort Ein Docker-Image besteht aus einer Docker...