Membuat element baru pada HTML 5

11.17 Cecep101 0 Comments

Membuat element baru pada HTML 5

Assalamu'alaikum. buat agan-agan pembaca setia, walau blog ini sekarang masih di reconstruksi u r da real MVP :'(

ok, Back to topic. agan-agan pasti pernah suatu hari berfikir untuk Membuat element baru pada HTML 5 yups, pemikikiran yang Briliant sekarang bukan hal yang mustahil untuk membuat tag baru. berikut saya kasih contohnya.

kita akan mencoba membuat tagbaru bernama <wtd> kerenkan gan tagnya

<!DOCTYPE html>
<html>

<head>
  <title>Membuat Element Baru</title>
  <script>document.createElement("wtd")</script>
  <style>
  wtd{
    display: block;
    background-color: #ddd;
    padding: 50px;
    font-size: 30px;
  }
  </style>
</head>

<body>

<h1>
My First Heading</h1>
My first paragraph.
<wtd>My First Hero</wtd>

</body>
</html> 

Nah, gampangkan gan? Eits tapi jangan seneng dulu. seorang designer/ UI developer yang baik selalu melihat sesuatu yang baru dari sudut pandang yang berdeda dan akan memunculkan pertanyaan seperti "Apakah tag baru ini akan work di semua browser?" dan kalau ente bukan orang yang suka menjelajah dunia maya. maka ide agan Membuat element baru pada HTML 5 hanya akan jadi Isapan jempol belaka.

ingat gan
Setiap Penyakit pasti ada obatnya
itu bagi seorang dokter dan pasien tapi bagi seorang programmer
Setiap Bug pasti ada jalan keluarnya

dan inilah saatnya kalian diperkenalkan kepada HTML5shiv. Apa itu HTML5shiv ? jawabannya ada di tulisan selanjutnya.. :p

Terimakasih kepada agan yang telah berkunjung. tunggu pembahasan menarik berikutnya.
Wassalam WR WB

0 komentar: