Html De Tarih Ekleme

HTML’de Tarih Ekleme: Kapsamlı Bir Kılavuz

Bir web sayfasına tarih eklemek, kullanıcılar için önemli bilgiler sağlamak ve sayfanın güncelliğini göstermek için hayati önem taşır. HTML’de tarih eklemek, birkaç basit adımla kolayca yapılabilir. Bu kapsamlı kılavuz, HTML’de tarih eklemenin çeşitli yollarını açıklayacak ve konuyla ilgili faydalı kaynaklara bağlantılar sağlayacaktır.

Tarih Ekleme Yöntemleri

HTML’de tarih eklemenin iki ana yöntemi vardır:

  1. <time> Etiketi: <time> etiketi, tarih ve saat bilgilerini belirtmek için özel olarak tasarlanmıştır.
  2. <input type="date"> Elemanı: <input type="date"> elemanı, kullanıcıların bir tarih seçmesine olanak tanıyan bir form giriş alanıdır.

<time> Etiketi Kullanma

<time> etiketi, tarih ve saat bilgilerini belirtmek için aşağıdaki öznitelikleri kullanır:

  • datetime: Tarih ve saati ISO 8601 formatında belirtir. Örneğin: 2023-03-08T14:30:00Z
  • pubdate: Sayfanın yayınlanma tarihini belirtir.
  • updated: Sayfanın son güncellenme tarihini belirtir.

<time> etiketini kullanmak için aşağıdaki adımları izleyin:

  1. <time> etiketini açın ve datetime özniteliğini ekleyin.
  2. Tarih ve saati ISO 8601 formatında belirtin.
  3. Etiketin içine tarihle ilgili metni ekleyin.
  4. <time> etiketini kapatın.

Örnek:

html
<time datetime="2023-03-08T14:30:00Z">Bugün 8 Mart 2023</time>

<input type="date"> Elemanı Kullanma

<input type="date"> elemanı, kullanıcıların bir tarih seçmesine olanak tanıyan bir form giriş alanıdır. Bu eleman, aşağıdaki öznitelikleri destekler:

  • value: Seçili tarihi belirtir.
  • min: Kullanıcıların seçebileceği en erken tarihi belirtir.
  • max: Kullanıcıların seçebileceği en geç tarihi belirtir.

<input type="date"> elemanını kullanmak için aşağıdaki adımları izleyin:

  1. <input> etiketini açın ve type özniteliğini “date” olarak ayarlayın.
  2. value özniteliğini kullanarak varsayılan tarihi belirtin.
  3. min ve max özniteliklerini kullanarak tarih aralığını sınırlayın.
  4. Etiketin içine tarihle ilgili metni ekleyin.
  5. <input> etiketini kapatın.

Örnek:

html
<label for="tarih">Doğum Tarihiniz:</label>
<input type="date" id="tarih" value="2000-01-01" min="1900-01-01" max="2023-12-31">

Faydalı Kaynaklar

Sonuç

HTML’de tarih eklemek, kullanıcılar için önemli bilgiler sağlamak ve sayfanın güncelliğini göstermek için basit ama etkili bir yoldur. <time> etiketi ve <input type="date"> elemanı, tarih ve saat bilgilerini web sayfalarına eklemek için iki ana yöntem sunar. Bu kılavuzda açıklanan adımları izleyerek, web sayfalarınıza kolayca tarih ekleyebilir ve kullanıcı deneyimini geliştirebilirsiniz.

Yayımlandı

kategorisi