Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

FYI! doctype html

  • 0
The doctype at the start of the HTML file tells the browser which version of HTML you are using. The doctype is not an HTML element, so it doesn't have a closing tag. The doctype ensures that your web page displays consistently when its visited from different browsers.

Metadata pada HTML

  • 0
Metadata adalah sekumpulan data informasi tentang data halaman suatu web.

Untuk tag <meta> pada html tidak akan di tampilkan di halaman suatu web, tetapi itu di gunakan oleh mesin pencari.

Fungsi dari metadata sendiri

  1. Memuat informasi tentang halaman web
  2. Sebagai Keywords untuk mesin pencari

Meta diletakan didalam tag <head>, meta pada HTML berbeda dengan XHTML, pada HTML tag meta tidak memerlukan penutup tetapi pada XHTML tag meta memerlukan penutup.

ketika kita menggunakan DOCTYPE maka meta tag yang harus ada adalah
HTML 4.01:

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

HTML5:

<meta charset="UTF-8">


beberapa contoh metadata yang umum digunakan:

Mendefinisikan keywords untuk mesin pencari:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

Mendefinisikan deskripsi suatu halaman web:
<meta name="description" content="Free Web tutorials on HTML and CSS">

Mendefinisikan pemilik halaman web:
<meta name="author" content="Hege Refsnes">

Merefresh halaman web setiap 30 detik:
<meta http-equiv="refresh" content="30">

More info : w3school


Note:

DO NOT CACHE !!!

Beberapa waktu lalu saya bermasalah dengan cache. Semestinya halaman web memuat image baru, tetapi kenyataanya tidak berubah dan malah menampilkan image lama,ini kemungkinan karena cache image lama tersimpan di browser.

Ada beberapa cara untuk mengatasi ini, yang pertama, hapus cache di browser dengan menekan tombol Ctrl+Shift+Del , atau yang kedua, dengan menggunakan tag meta html:

<meta Http-Equiv="Cache-Control" Content="no-cache">
<meta Http-Equiv="Pragma" Content="no-cache">
<meta Http-Equiv="Expires" Content="0">
<meta Http-Equiv="Pragma-directive: no-cache">
<meta Http-Equiv="Cache-directive: no-cache">

Kegunaan dan Macam Macam DOCTYPE Pada HTML

  • 3
DOCTYPE adalah suatu deklerasi yang digunakan untuk mengidentifikasi jenis dokumen HTML yang digunakan sehingga browser dapat menentukan bagaimana memperlakukan kode tersebut.

DOCTYPE sendiri berguna untuk memberitahu programer, HTML versi berapa yang digunakan dan juga membantu programer untuk dapat menggunakan tag-tag HTML dengan benar.

JENIS - JENIS DOCTYPE :

HTML 5

<!DOCTYPE html>


HTML 4.01 Strict

DTD ini berisi semua elemen HTML dan atributnya, tapi TIDAK TERMASUK presentasional (seperti font). Framesets tidak diperbolehkan.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">


HTML 4.01 Transitional

DTD ini berisi semua elemen HTML dan atributnya, TERMASUK presentasional dan elemen lama (seperti font). Framesets tidak diperbolehkan.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


HTML 4.01 Frameset

DTD ini sama dengan HTML 4.01 Transitional, tapi memungkinkan penggunaan Frameset.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">


XHTML 1.0 Strict

DTD ini berisi semua elemen HTML dan atributnya, tapi TIDAK TERMASUK presentasional (seperti font). Framesets tidak diperbolehkan. Markup juga harus ditulis sebagai well-formed XML.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


XHTML 1.0 Transitional

DTD ini berisi semua elemen HTML dan atributnya, TERMASUK presentasional dan elemen lama (seperti font). Framesets tidak diperbolehkan. Markup juga harus ditulis sebagai well-formed XML.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


XHTML 1.0 Frameset

DTD ini sama dengan XHTML 1.0 Transitional, namun memungkinkan penggunaan Frameset.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">


XHTML 1.1

DTD ini sama dengan XHTML 1.0 Strict, tetapi memungkinkan Kamu untuk menambahkan modul (misalnya untuk memberikan dukungan ruby untuk bahasa Asia Timur).

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">