Erstellung von Hypertext-Links – lernen Web-Entwicklung Preis mdn von 1 Bitcoin

Die Wurzel dieser Verzeichnisstruktur heißt create-hyperlinks. Wenn Sie lokal mit einer Website arbeiten, haben Sie ein Verzeichnis, in das die gesamte Site hineingeht. Innerhalb der Wurzel haben wir eine index.html Datei und eine contacts.html. Auf einer echten Website wäre index.html unsere Startseite oder Zielseite (eine Webseite, die als Einstiegspunkt für eine bestimmte Website oder einen bestimmten Abschnitt einer Website dient).

Es gibt auch zwei Verzeichnisse in unserem root – pdfs und projekte. Diese haben jeweils eine einzelne Datei – eine PDF-Datei (project-brief.pdf) bzw. eine index.html-Datei. Beachten Sie, wie Sie zwei index.html-Dateien in einem Projekt haben können, solange sie sich an verschiedenen Stellen im Dateisystem befinden.


Viele Websites tun es. Die zweite index.html könnte die wichtigste Zielseite für projektbezogene Informationen sein.

Verzeichnis: Wenn Sie einen Hyperlink in index.html enthalten sein sollen (die höchste Stufe index.html) zeigt contacts.html, würden Sie nur den Dateinamen angeben, müssen Sie, wie im gleichen Verzeichnis verknüpfen möchten die aktuelle Datei. Die URL, die Sie verwenden möchten, lautet contacts.html: Möchten Sie einen bestimmten Mitarbeiter kontaktieren?

Steigen Sie hinab in Unterverzeichnisse: Wenn Sie einen Hyperlink in index.html enthalten sein sollen (die höchste Stufe index.html), der auf Projekte / index.html, sollten Sie in das Projektverzeichnis absteigen, bevor die Datei angibt, mit dem du verlinken willst. Dazu geben Sie den Verzeichnisnamen, dann einen Schrägstrich und dann den Dateinamen an. Die URL, die Sie verwenden würden, lautet projects / index.html: Besuchen Sie die Homepage meines Projekts.

Bis zu übergeordneten Verzeichnissen: Wenn Sie einen Hyperlink in Projekte einbezogen werden sollen / index.html pdfs / Projekt-brief.pdf zeigt, sind Sie in der Verzeichnisebene zurück, dann wieder nach unten im pdf-Verzeichnis. "Mounten Sie ein Verzeichnis" ist zwei Punkte gezeigt mit – .. – so würden Sie die URL verwenden, ist ../pdfs/project-brief.pdf: Ein Link zu meinem Projekt.

Es ist möglich, auf einen bestimmten Teil eines HTML-Dokuments (Dokumentfragment genannt) und nicht auf den Anfang des Dokuments zu verweisen. Dazu müssen Sie dem Element, das Sie verknüpfen möchten, zuerst ein ID-Attribut zuweisen. In der Regel ist es sinnvoll, einen bestimmten Titel zu verknüpfen, der wie folgt aussehen würde: Mailing Address

Absolute URL: Zeigt auf einen Standort, der durch seine absolute Position im Web definiert ist, einschließlich Protokoll und Domänenname. Wenn zum Beispiel eine index.html Seite in einem Verzeichnis heruntergeladen Projekte genannt, die an der Wurzel eines Web-Servers sind und die Domäne der Website ist http://www.example.com, die Seite wird im http-Format verfügbar sein. : //www.example.com/projects/index.html (oder auch nur http://www.example.com/projects/, weil die meisten Web-Server einfach für ein Ziel wie index.html Seite suchen zu laden, wenn ist in der URL nicht angegeben.)

Relative URL: zeigt auf einen Speicherort relativ zu der Datei, von der Sie verlinken, näher an dem, was wir im vorherigen Abschnitt gesehen haben. Zum Beispiel, wenn wir einen Link von unserer Beispieldatei an http://www.example.com/projects/index.html in eine PDF-Datei im selben Verzeichnis, die URL würde einfach erstellen wollten sein Dateiname zum Beispiel. Projekt-Brief.pdf – keine zusätzlichen Informationen benötigt. Wenn die PDF wurde in einem Projekt Unterverzeichnis namens pdfs zur Verfügung, die relative Link würde pdfs / projekt brief.pdf (entspricht absolute URL würde http://www.example.com/projects/pdfs/project-brief ). pdf).

Eine relative URL zeigt auf verschiedene Orte, je nachdem wo sich die Datei befindet, in der sie sich befindet. Zum Beispiel, wenn wir die Datei index.html aus dem Projektverzeichnis in den Stamm der Website verschoben haben (die oberste Ebene nicht In allen Verzeichnissen verweist die relative URL pdfs / project-brief.pdf inside jetzt auf eine Datei unter http://www.example.com/pdfs/project-brief.pdf, keine Datei unter http://www.example.com/projects/pdfs/project-brief.pdf.

Natürlich ist der Ort der Projektdatei brief.pdf und pdfs Rekord nicht plötzlich, weil Sie die Datei index.html bewegen ändern – es Ihren Link an der falschen Stelle zeigen würde, so würde es nicht funktionieren, wenn Sie geklickt auf. Du musst vorsichtig sein! Best Practices verknüpfen

• Sag nicht "Link" oder "Links zu" im Linktext – es ist nur Rauschen. Screenreader sagen den Leuten, dass es einen Link gibt. Visuelle Benutzer wissen auch, dass es eine Verbindung ist, weil die Links im Allgemeinen unterschiedliche Art und unterstrichen (diese Vereinbarung soll in der Regel nicht gebrochen werden, weil die Benutzer daran gewöhnt sind).

• Fälle minimieren, in denen mehrere Kopien desselben Texts an verschiedenen Stellen verknüpft sind. Dies kann zu Problemen bei Benutzern von Bildschirmleseprogrammen führen, die häufig eine Liste von nicht im Zusammenhang stehenden Links anzeigen – mehrere Links, die alle mit einem Label versehen sind "klick hier". "klick hier". "klick hier" wäre verwirrend.

Aus der obigen Beschreibung könnte man meinen, dass es eine gute Idee ist, immer die absoluten Links zu benutzen. Schließlich brechen sie nicht, wenn eine Seite als relative Links verschoben wird. Sie sollten jedoch nach Möglichkeit relative Links verwenden, wenn Sie eine Verbindung zu anderen Websites auf derselben Website herstellen (wenn Sie eine Verknüpfung zu einer anderen Website herstellen, müssen Sie einen absoluten Link verwenden):

• Zweitens ist es effizienter, wenn möglich relative URLs zu verwenden. Wenn Sie eine absolute URL verwenden, sucht der Browser zuerst für den tatsächlichen Server-Standort auf dem Domain Name System (DNS finden Sie im Internet nach Informationen der Fall ist), und dann geht es auf diesem Server und finden Sie die Datei in Bearbeitung angefordert. Auf der anderen Seite sucht der Browser mit einer relativen URL einfach nach der angeforderten Datei auf demselben Server. Also, wenn Sie absolute URLs verwenden, in denen relative URLs würden, werden Sie ständig Ihren Browser arbeiten, was bedeutet, dass es weniger effizient arbeiten.

Wenn Sie eine Verknüpfung zu einer Ressource erstellen, die heruntergeladen wird (z. B. ein PDF- oder Word-Dokument) oder senden (z. B. ein Video oder Audio) oder einen anderen möglicherweise unerwarteten Effekt hat (ein Popup-Fenster öffnet oder einen Flash-Film lädt) muss hinzufügen, um jede Verwirrung zu reduzieren. Das kann zum Beispiel ziemlich nervig sein:

Wenn Sie eine Ressource zum Herunterladen verknüpfen und nicht im Browser öffnen, können Sie mithilfe des Download-Attributs einen Standarddateinamen angeben. Hier ist ein Beispiel mit einem Download-Link zur neuesten Version von Windows Firefox:

Für diese Übung möchten wir, dass Sie einige Seiten mit einem Navigationsmenü verknüpfen, um eine mehrseitige Website zu erstellen. Dies ist eine gängige Methode zum Erstellen einer Website – auf jeder Seite wird dieselbe Seitenstruktur verwendet, einschließlich des gleichen Navigationsmenüs. Wenn Sie also auf einen Link klicken, fühlen Sie sich an einem Ort. hoch sein.