Im Allgemeinen ist die Dateiorganisation einer Standard -Webseite XHTML CSS. Unter ihnen wird XHTML hauptsächlich zur Darstellung von Webseitenstruktur und -inhalte verwendet, während CSS Strukturlayout definiert und den Inhaltsstil modifiziert.
Das für das Layout üblicherweise verwendete XHTML enthält im Allgemeinen:
DIV: Es wird hauptsächlich zum logischen Knacken von Seiteninhalten verwendet. Eine Webseite enthält beispielsweise im Allgemeinen verantwortungsbewusste Partitionen wie Header, Navigation, Seitenleiste, Inhalt und Urheberrecht. Sie können zu diesem Zeitpunkt die Div -Tag -Segmentierung verwenden.
Gleichzeitig wird für jeden Block die folgende Benennung empfohlen:
Das Folgende ist der zitierte Inhalt:
Header: <div id = masthead> </div>
Navigation: <div id = globalnav> </div>
Seitenleiste: <div id = navbar> </div>
Inhalt: <div id = content> </div>
Copyright: <div id = Copyright> </div>
Hinweis: Die ID ist eindeutig, dh die ID darf nicht mehr als zweimal auf derselben Seite angezeigt werden. Ansonsten Klasse verwenden.
UL: Es war ursprünglich eine ungeordnete Liste und wird häufig verwendet, um äquivalente Elemente von nicht strukturellen Klassen in XHTML-CSS-Anwendungen darzustellen. Es muss in Verbindung mit ULs Child Element Li verwendet werden.
Das Folgende ist 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 ist eine Box (als Xiaoyi bezeichnet: die grundlegende Anwendung des XHTML -Codes). Tatsächlich ist Div ein Element auf Blockebene, während Span ein Inline-Element ist (siehe Inline-Elemente und Elemente auf Blockebene). Durch Spannweite kann ein Fragmentelement in einem Segment oder ein Zeilenelement getrennt definiert werden.
Zum Beispiel:
Das Folgende ist der zitierte Inhalt:
<ul>
<li> <span> (2006-11-13) </span> xhml CSS-Layout-Zusammenfassung </li>
</ul>
Das Definieren der Spannweite als links/rechts in CSS kann die Anzeige von Datum und Titel auf beiden Seiten aktiviert werden. Dies wird relativ verwendet
Das Folgende ist der zitierte Inhalt:
<ul>
<li> 2007-11-5vevb.com </li>
<li> XHML CSS -Layout -Zusammenfassung </li>
</ul>
Es ist viel einfacher.
==========================================================
Nachdem Sie über die gemeinsamen XHTML -Tags für das Layout gesprochen haben, werden auch XHTML -Tags zum Anzeigen von Webseiteninhalten verwendet. Zum Beispiel:
Das Folgende ist der zitierte Inhalt:
<img src = Alt = title = /> bedeutet Bild
<a href = title => </a> bedeutet einen Hyperlink
<hn> </hn> (n = 1,2, ..., 6) zeigt den Titel des Seiteninhalts an
Es wird empfohlen, dass der H1-H6 nach seiner Bedeutung abnimmt, und H1 ist der wichtigste Titel (siehe Greengnn: Div CSS-Namensreferenz)
Ursprünglich wurden die Etiketten, die mutig und Kursivschrift repräsentieren, verwendet, und die Beschriftungen wurden ausgewählt, um stattdessen <strong> </strong> und <em> </em> zu verwenden.