ARSIP BLOG

Home HTML6 APIs

HTML6 APIs



Tag HTML6 akan memiliki html namespace seperti <html:html> atau<html:head> dan sebagainya. Mari kita lihat masing-masing atribut tag yang digunakan di contoh script HTML6 yang sudah kita tulis diatas tadi.

1. <html:html>

<!DOCTYPE html>
<html:html>//Tag ini sama dengan <html> yang ada pada html sebelumnya
  <!-- contoh dokumen html -->
</html:html>

2. <html:head>

Tag ini setara dengan tag <head>. Ini bertujuan untuk menempatkan data dan script js atau css yang akan digunakan dalam tag <html:body>.
<!DOCTYPE html>
<html:html>
  <html:head>
    <!-- Konten utama akan ada disini seperti tag <html:title> -->
  </html:head>
</html:html>

3. <html:title>

Seperti namanya, ini akan mengubah judul dokumen HTML, dan mirip dengan tag <title> yang digunakan di versi HTML sebelumnya. Tag ini digunakan untuk mengubah judul bar di bagian atas browser anda.
<!DOCTYPE html>
<html:html>
  <html:head>
    <html:title>A Look Into HTML6</html:title>
  </html:head>
</html:html>

4. <html: meta>

Tag ini agak berbeda dari tag <meta> yang digunakan dalam versi HTML terbaru. Menggunakan tag HTML6 ini maka anda dapat menggunakan meta data apapun secara singkat. Dan tidak seperti HTML5 anda tidak perlu menggunakan jenis meta standar di HTML6. Ini membantu untuk mengumpulkan informasi seperti deskripsi halaman web.
<!DOCTYPE html>
<html:html>
  <html:head>
    <html:title>A Look Into HTML6</html:title>
    <html:meta type="description" value="HTML example with namespaces">
  </html:head>
</html:html>

5. <html:link>

Tag ini akan membantu anda membuat link ke dokumen eksternal dan script seperti CSS, JS, dan lain nya ke dokumen HTML. Ini mirip dengan tag <link> yang digunakan dalam HTML5. Tag ini meliputi atribut sebagai berikut:
  • Charset: “UTF-8″ karakter Encoding
  • href: Ini berisi link ke file sumber
  • Media: ini mendefinisikan jenis perangkat yang akan dijalankan, misalnya “Smartphone” atau “Tablet”.
  • type: Jenis MIME dari dokumen
<!DOCTYPE html>
<html:html>
  <html:head>
    <html:title>A Look Into HTML6</html:title>
 <html:link src="js/mainfile.js" title="Script" type="text/javascript">
  </html:head>
</html:html>

6. <html:body>

Ini seperti tag <body> yang telah anda gunakan dalam versi HTML saat ini. Di sinilah semua isi website anda seperti teks, media dan lain nya ditempatkan.
<!DOCTYPE html>
<html:html>
  <html:head>
    <html:title>A Look Into HTML6</html:title>
  </html:head>
  <html:body>
    <!-- Konten website anda akan berada disini -->
  </html:body>
</html:html>

7. <html:a>

Tag ini mirip dengan tag <a>, dan digunakan untuk mewakili link ke halaman web lainnya. Namun, tidak seperti tag <a>, <html:a> hanya membutuhkan atribut “href” tunggal, yang mengarahkan link ke halaman yang ingin anda kunjungi.
<!DOCTYPE html>
<html:html>
  <html:head>
    <html:title>A Look Into HTML6</html:title>
  </html:head>
  <html:body>
    <html:a href="http://siteurl">Go to siteurl.com!</html:a>
  </html:body>
</html:html>

8. <html:button>

Tag ini setara dengan tag <button> atau <input type="button"> yang digunakan saat ini dan versi html terdahulu. Tag ini memungkinkan anda untuk membuat tombol untuk membantu pengguna melakukan beberapa interaksi pada halaman website anda. Ini memiliki satu atribut yang dinonaktifkan.
<!DOCTYPE html>
<html:html>
  <html:head>
    <html:title>A Look Into HTML6</html:title>
  </html:head>
  <html:body>
    <html:button>Click Here</html:button>
  </html:body>
</html:html>

9. <html:media>

Tag ini membungkus semua tag <media> seperti <img>, <video>,<embed>, dll dengan menggunakan tag <html:media>, Anda tidak lagi harus menentukan tag untuk masing-masing jenis file. Tag <html:media> yang anda gunakan akan dieksekusi oleh browser berdasarkan jenis atribut (bila ada), atau hanya akan menggunakan ekstensi dasar, atau dengan “tipe MIME”.
<!DOCTYPE html>
<html:html>
  <html:head>
    <html:title>A Look Into HTML6</html:title>
  </html:head>
  <html:body>
    <!-- Image akan ada disini -->
    <html:media src="img1/logo.jpg" type="image">
    <!--Video tidak perlu mendeklarasikan tipenya -->
    <html:media src="videos/slide.mov">
  </html:body>
</html:html>

Gambaran Umum Jenis Tag

Serupa dengan yang ada saat ini dan versi html sebelum nya, HTML6 juga akan memiliki dua jenis tag seperti tag tunggal dan tag ganda. Tag tunggal tidak akan memiliki konten teks, dan sepertinya hanya akan memiliki atribut. Sebagai contoh:
<html:meta type="author" content="tutweb">
<html:meta type="author" content="tutweb" />
Dibandingkan dengan tag ganda, Anda tidak perlu menutup tag tunggal anda. Tag ganda memiliki tag pembuka dan penutup, karena mereka memiliki beberapa konten. Namun, dalam kasus tag ganda tidak memiliki konten berbasis teks, Anda dapat mengurangi menjadi penutup tunggal dari satu variasi. Sebagai contoh:
<html:link href="./a.html">Teks berbasis konten</html:link>
<!-- Ini adalah cara singkatnya... -->
<foo class="xyz" />
<!-- ...aslinya seperti dibawah ini: -->
<foo class="xyz"></foo>
Kesimpulan
HTML6 saat ini masih blum datang. Tapi ide tentang apa yang akan ditawarkan telah disediakan oleh Oscar Godson melalui HTML6Spec. Posting ini hanya membantu Anda memberikan gambaran tentang beberapa konsep dasar HTML6 versi Oscar Goodson.

1 comment:

  1. abirafahmySaturday 5 March 2022 at 23:59:00 GMT+7

    The Titanium Muffler - Titsanium Recipes
    Titsanium titanium pipe Muffler Recipes — This recipe combines whole babyliss nano titanium wheat flour, sea salt, titanium 3d printing red pepper, and is titanium a conductor tangerine pepper for babylisspro nano titanium hair dryer a great glaze and a cool

    ReplyDelete

Subscribe to: Post Comments (Atom)

Eris DSR Designed by Templateism | Blogger Templates Copyright © 2014

Theme images by richcano. Powered by Blogger.