Der Begriff Nachfolger bezieht sich darauf, dass sich ein Element irgendwo innerhalb eines anderen befindet. Der gegenteilige Begriff ist „Ancestor“, was bedeutet, dass ein Element von Ancestors enthalten ist. Für den nächsten nach oben oder unten angegebenen Container können diese die spezifischeren Begriffe über-/untergeordnet verwenden. Stellen Sie sich beispielsweise ein Dokument mit einem Absatz vor, der einen Link enthält. Das übergeordnete Element des Links ist ein Absatz, hat aber auch das Dokument als übergeordnetes Element. Umgekehrt kann das Dokument viele untergeordnete Absätze haben, die jeweils über Links verfügen. Die Links sind alle Nachfolger des übergeordneten Dokuments.
Erstellen Sie ein Formular, über das die Nutzer ihre Lieblingsfarbe einreichen können.
Die Daten sollten als POST
-Anfrage gesendet werden und die URL, unter der die Daten verarbeitet werden, sollte /color
lauten.
Eine mögliche Lösung ist die Verwendung dieses Formulars:
<form method="post" action="/color"> <label for="color">What is your favorite color?</label> <input type="text" name="color" id="color"> <button>Save</button> </form>
Angenommen, Sie möchten ein Skript, das unter https://web.dev
ausgeführt wird, um die Formulardaten zu verarbeiten. Wie würden Sie das tun?
Jetzt ausprobieren
Sie können die Position des Skripts mithilfe des Attributs action
auswählen.
<form action="https://example.com/animals"> ... </form>
„mkcert: cheatsheet“ verwenden
So führen Sie Ihre lokale Entwicklungswebsite mit HTTPS aus:
-
Richten Sie mkcert ein.
Falls noch nicht geschehen, installieren Sie mkcert, z. B. unter macOS:
brew install mkcert
Lesen Sie die Anleitung zur Installation von mkcert für Windows und Linux.
Erstellen Sie dann eine lokale Zertifizierungsstelle:
mkcert -install
-
Erstellen Sie ein vertrauenswürdiges Zertifikat.
mkcert {YOUR HOSTNAME e.g. localhost or mysite.example}
Dadurch wird ein gültiges Zertifikat erstellt, das automatisch von
mkcert
signiert wird. -
Konfigurieren Sie Ihren Entwicklungsserver für die Verwendung von HTTPS und das in Schritt 2 erstellte Zertifikat.
-
✨ Fertig! Sie können jetzt in Ihrem Browser ohne Warnungen auf
https://{YOUR HOSTNAME}
zugreifen