Seltene HTML-Attribute, die Sie kennen sollten

HTML steckt voller versteckter Schätze, an denen viele Entwickler oft vorbeischauen. Diese seltenen HTML-Attribute können Ihren Webentwicklungsprozess verbessern, die Leistung steigern und die Interaktivität Ihrer Projekte einzigartig machen.

Attribute in HTML stellen zusätzliche Informationen zu den Elementen von HTML bereit.

1. Versteckt

Das versteckte Attribut wird verwendet, um das Element auf der Webseite auszublenden, ohne es aus dem DOM zu entfernen. Sie können dieses Attribut mit allen HTML-Elementen verwenden.

<p hidden>This text is hidden.</p>

2. Inhaltlich editierbar

Das contenteditable-Attribut wird verwendet, um anzugeben, ob der Inhalt des Elements bearbeitet werden kann oder nicht. Es ermöglicht Benutzern, den Inhalt innerhalb des Elements zu ändern.

 <div contenteditable="true">You can edit this text!</div>

3. Rechtschreibprüfung

Sie können das Rechtschreibprüfungsattribut auf Elemente (außer Passwörter), inhaltsbearbeitbare Elemente und Elemente anwenden, um die Rechtschreibprüfung durch den Browser zu aktivieren oder zu deaktivieren.

<textarea spellcheck="false">No spell check here!</textarea>

4. Titel

Das Titelattribut wird verwendet, um zusätzliche Informationen zu einem Element bereitzustellen. Wenn der Benutzer mit der Maus über das Element fährt, werden die Informationen wie ein Tooltip angezeigt.

<a href="document.pdf" title="Click to download">DownloadFile</a>

5. Akzeptieren

Sie können das Attribut „accept“ mit dem Element nur für den Dateityp verwenden, um anzugeben, welche Dateitypen ein Server akzeptiert.

<input type="file" accept=".jpg, .jpeg, .png">

6. Automatische Vervollständigung

Sie können die Autovervollständigungsfunktion eines Browsers steuern, indem Sie das Autovervollständigungsattribut mit Elementen wie Formular, Eingabe und Textbereich verwenden.

<input type="text" name="name" autocomplete="on">

7. Eingabemodus

Das Inputmode-Attribut gibt einen Hinweis auf die Art der Daten, die in eine Texteingabe eingegeben werden.

<input type="text" inputmode="numeric" placeholder="Phone numbers">

8. Herunterladen

Mit dem Download-Attribut in HTML können Sie angeben, dass eine Datei heruntergeladen werden soll, wenn ein Benutzer auf einen Link klickt.
Das Download-Attribut wird in einem (Anker-)Tag verwendet. Sie können den Namen für die heruntergeladene Datei angeben und dem Browser mitteilen, dass die Zielressource heruntergeladen werden soll, anstatt dorthin zu navigieren.

<a href="document.pdf" download="document.pdf">Download PDF</a>

9. Plakat

Das Poster-Attribut wird im Videoelement verwendet, um ein Bild anzuzeigen, bis der Benutzer das Video abspielt.

<video controls poster="image.png" width="500">
    <source src="video.mp4" type="video/mp4"></source>
</video>

10. Quellensatz

Das srcset-Attribut in HTML ist ein leistungsstarkes Tool, das mit dem verwendet wird

Das ist alles für heute.

Danke fürs Lesen.

Das obige ist der detaillierte Inhalt vonSeltene HTML-Attribute, die Sie kennen sollten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!