~ We are changing the world with technology. ~

Matt Mullenweg

[Tips] 5 HTML Tag Yang Harus Dipertimbangkan Untuk Digunakan

[Tips] 5 HTML Tag Yang Harus Dipertimbangkan Untuk Digunakan

2199 Dilihat

Menuliskan code HTML tidak pernah lekang pada aplikasi yang berbasis website, karena HTML menjadi perantara untuk berkomunikasi dengan browser. Karena sudah cukup populer dikalangan developer, maka tag-nya sudah terbayang di luar kepala ketika menyebutkan tentangnya.

Kebanyakan kita sebagai developer, menggunakan tag yang sudah familiar adalah sebuah kewajaran dan tidak ada masalah dari segi manapun. Tapi, untuk memberikan kesan markup anda lebih berarti & informatif maka berikut beberapa tag yang saya rekomendasikan & patut dicoba sesuai fungsinya masing-masing.

Baca Juga: Belajar Pemrograman, Pemula, Mulai Dari Mana?

  1. Tag del

    Untuk menandai konten yang sudah dihapus dari dokumen, maka kita bisa menggunakan tag <del>, dimana elemen ini telah menggunakan strike-through sebagai style default-nya.

    <p>Informasi <del>Pengiriman></p>
    

  2. Tag address

    Konten yang berisi informasi alamat ataupun kontak perusahaan bisa menggunakan tag <address> seperti contoh berikut

    <address>
      Jalan Sultan Alauddin,<br>
      Mangasa, Kecamatan Tamalate<br>
      Kota Makassar
    </address>
    

    Tag ini berguna untuk mengapit seluruh informasi yang dibutuhkan, seperti alamat lengkap, URL, alamat email, nomor telepon, sosial media, kordinat geografi dan sebagainya. MDN

  3. Tag ins

    Penulisan tag ini biasanya disandingkan dengan tag del, dimana jika tag del untuk menghapus dengan memberikan coretan pada sebuah teks, maka tag ins digunakan untuk memberikan penekanan sebuah teks baru yang ditandai dengan garis tepat dibawah teks yang diapitnya.

    <p>
      Harga <ins>Rp 10.000</ins> <del>Rp 20.000</del>
    </p>
    

  4. Tag small

    Berdasarkan namanya, tag ini digunakan untuk membuat teks yang diapitnya menjadi lebih kecil dari teks lainnya karena menggunakan ukuran font yang paling kecil pada sebuah dokumen HTML. Tag ini banyak digunakan untuk membuat komentar atau informasi pada sebuah objek yang ada didekatnya.

    <p>Informasi <small>Pengiriman</small></p>
    

  5. Tag time

    Adapun tag ini biasanya digunakan untuk menampilkan waktu dan tanggal secara spesifik. Biasanya tag time dituliskan beserta attribute datetime. Tag ini banyak digunakan untuk menampilkan kapan sebuah postingan di-publish.

    <p>Diterbitkan Tanggal <time datetime="2019-11-27T00:30">November 27, 2019</time></p>
    

Materi ini merupakan percobaan untuk tips tips ringan, dimana jika banyak peminatnya maka kedepannya kami akan secara rutin membuat artikel ringan dan sederhana yang berisi tips dan trik seputar dunia pemrograman.

FullStack Developer, Mobile Developer & Freelancer. Senang dengan teknologi baru. Laravel addict yang tidak fanatik. Merekam jejak dengan menulis

Virgo, Tempat Kumpulin Uang Kembalian Hingga Bayar Listrik News

Virgo, Tempat Kumpulin Uang Kembalian Hi...

Semakin berkembangnya zaman membuat masyarakat terbiasa menggunakan fasilitas yang cepat dan praktis. Salah satunya dengan menggunakan e-money.

Tips Mengelola Timestamps di Laravel Laravel News

Tips Mengelola Timestamps di Laravel

Secara default, Eloquent yang ada di Laravel berasumsi bahwa setiap table yang mereka tuju memiliki timestamps field, dalam hal ini adalah created_at dan updated_at. Berikut adalah tips mengelola tang...

7 Tips Cara Cepat Belajar Bahasa Pemrograman News

7 Tips Cara Cepat Belajar Bahasa Pemrogr...

Belajar bahasa pemrograman menjadi primadona di era digital saat ini, selain mengasyikkan juga penuh tantangan disetiap levelnya. Tapi untuk menjalani prosesnya tidak semudah dalam bayangan kita, maka...

Komentar