Wie Listen von Links für HTML5 und CSS3 Programmierung zu machen

Viele Webseiten entpuppen Linklisten in HTML5 und CSS3 Programmierung zu sein. Da Listen und Links gehen so gut zusammen, ist es gut, ein Beispiel zu betrachten. Beachten Sie diese Liste von Links zu Bücher von einem bestimmten Autor geschrieben.

Dieses Beispiel hat keinen neuen Code, um herauszufinden, aber die Seite zeigt einige interessante Komponenten:

  • Die Liste: Eine gewöhnliche ungeordnete Liste.

  • Links: Jeder Listeneintrag enthält einen Link. Die Verbindung hat einen Verweis (die Sie nicht sofort sehen können) und verknüpfbaren Text (der wie ein gewöhnlicher Link markiert ist).

  • Beschreibender Text: Nach jeder Link ist etwas gewöhnlicher Text, der den Link beschreibt. Schreiben Sie einen Text der tatsächlichen Link zu begleiten ist sehr verbreitet.

    bild0.jpg

Dieser Code zeigt die Art und Weise der Seite organisiert ist:

listLinks.html

Einige nette Programmierung Bücher

Die Vertiefung ist hier interessant. Jedes Listenelement enthält einen Anker und einen beschreibenden Text. Um den Code zu halten organisiert, Web-Entwickler neigen dazu, den Anker in der Listenposition zu platzieren. Die Adresse geht manchmal auf einer neuen Zeile, wenn es lang ist, mit dem Anchor-Text auf einer neuen Zeile und der Beschreibung auf nachfolgenden Zeilen.

Normalerweise geht der Tag am Ende der letzten Zeile, so dass die Anfangs Tags wie die Kugeln aus einer ungeordneten Liste suchen. Dies macht es einfacher, um Ihren Platz zu finden, wenn später eine Liste bearbeiten.

Menü