So verwenden Sie das Zeit -Tag in HTML

Mit dem <time> -Tag wird verwendet, um Daten und Zeiten in einem maschinenlesbaren Format darzustellen, während der menschliche lesbare Text angezeigt wird. 2. Es unterstützt verschiedene DateTime -Formate, einschließlich nur Datum, nur Uhrzeit, Datum und Uhrzeit mit TimeZone und Teildaten über das DateTime -Attribut nach ISO 8601 -Standards. 3. Die Best Practices umfassen die Verwendung für Veranstaltungen, Veröffentlichungsdaten und Verbesserung der Zugänglichkeit und SEO, obwohl es das visuelle Erscheinungsbild ohne CSS nicht verändert. 4. Vermeiden Sie es, es für relative Zeitausdrücke ohne gültige DateTime, nicht-zeitliche Zahlen oder nicht datiertes Text zu verwenden, um sicherzustellen, dass nur tatsächliche zeitliche Daten gekennzeichnet sind.

Das <time></time> -Tag in HTML wird verwendet, um Daten und Zeiten in einem maschinellen lesbaren Format darzustellen, sodass Suchmaschinen und assistive Technologien die zeitlichen Informationen auf einer Webseite erleichtert. Es ändert das visuelle Erscheinungsbild des Inhalts standardmäßig nicht, fügt jedoch semantische Bedeutung hinzu.

Hier erfahren Sie, wie Sie das <time></time> -Tag effektiv verwenden:

1. Grundlegende Syntax und Verwendung

Das Element <time></time> ist ein Datums- oder Uhrwert. Sie können ein humanlesbares Format anzeigen und gleichzeitig eine standardisierte Version über das Attribut " datetime bereitstellen.

 <p> Das Ereignis beginnt auf <Time DateTime = "2024-10-15"> 15. Oktober </time>. </p>

In diesem Beispiel:

• Der Text, der den Benutzern gezeigt wird, lautet "15. Oktober".
• Das datetime Attribut bietet das vollständige Datum im YYYY-MM-DD Format für Maschinen

2. Verwenden Sie DateTime für verschiedene Zeitformate

Das datetime -Attribut unterstützt verschiedene Formate:

• Nur Datum:

   <Time DateTime = "2024-12-25"> Weihnachtstag </time>

• Nur Zeit (24-Stunden-Format):

   <Time DateTime = "14:30"> 14:30 Uhr </time>

• Datum und Uhrzeit:

   <Time DateTime = "2024-10-15t09: 00"> 15. Oktober um 9 Uhr </Zeit>

  Hinweis: Verwenden Sie T , um Datum und Uhrzeit zu trennen (ISO 8601 Standard).

• Datum und Uhrzeit mit TimeZone:

   <Time DateTime = "2024-10-15T09: 00: 00 02:00"> 15. Oktober um 9 Uhr (CEST) </Time>

• Nur ein Jahr oder Monat:

   <Time DateTime = "2024"> Das Jahr 2024 </time>
  <Time DateTime = "2024-06"> Juni 2024 </time>

3.. Anwendungsfälle und Best Practices

• Veranstaltungen und Zeitpläne:
  Ideal zum Markieren von Veranstaltungsdaten, Fristen oder Öffnungszeiten.

   <p> Unser Meeting ist auf <Time DateTime = "2024-10-20T10: 00"> Sonntag um 10 Uhr </time>. </p>

• Veröffentlichungsdaten:
  Hilft Suchmaschinenindex, wenn Inhalte veröffentlicht oder aktualisiert wurden.

   <p> veröffentlicht auf <Time DateTime = "2024-09-05"> 5. September </time> </p>

• Barrierefreiheit und SEO:
  Bildschirmleser können die Zeit klarer bekannt geben, und Suchmaschinen können sie für reichhaltige Ausschnitte verwenden.

• Keine visuelle Änderung:
  Denken Sie daran, das <time> -Tag fügt kein Styling hinzu. Verwenden Sie CSS, wenn Sie Daten hervorheben möchten.

4., wenn das nicht die Verwendung der Verwendung<time> Etikett

Vermeiden Sie die Verwendung von <time> für:

• Relative Zeitausdrücke wie "morgen" oder "nächste Woche", es sei datetime
• Nicht-zeitliche Zahlen (z. B. Versionsnummern wie v1.5)
• Text, der überhaupt kein Datum/keine Uhrzeit ist

Wenn Sie "morgen" sagen, geben Sie stattdessen ein echtes Datum in datetime an:

 <Time DateTime = "2024-10-16"> morgen </time>

Grundsätzlich ist das <time></time> Tag ein kleiner, aber nützlicher Weg, um Ihre Inhalte für Maschinen aussagekräftiger zu machen und gleichzeitig für Benutzer lesbar zu halten. Kombinieren Sie einfach den Text mit einem korrekten datetime -Wert klaren, und Sie können loslegen.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das Zeit -Tag in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!