tutorial pengembangan web terbaru

HTML Head


HTML <head> Elemen

The <head> elemen merupakan wadah untuk metadata (data tentang data).

metadata HTML adalah data tentang dokumen HTML. Metadata tidak ditampilkan.

Metadata biasanya menentukan judul dokumen, gaya, link, script, dan informasi meta lainnya.

Tag berikut menggambarkan metadata: <title>, <style>, <meta>, <link>, <script>, and <base> .


Menghilangkan <html> dan <body> ?

Dalam standar HTML5, <html> tag, yang <body> tag, dan <head> tag dapat dihilangkan.

Kode berikut akan memvalidasi sebagai HTML5:

Contoh

<!DOCTYPE html>
<title>Page Title</title>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>
Cobalah sendiri "

w3ii tidak merekomendasikan menghilangkan <html> dan <body> tag.

The <html> elemen root dokumen. Ini adalah tempat yang direkomendasikan untuk menentukan bahasa halaman:

<!DOCTYPE html>
<html lang="en-US">

Mendeklarasikan bahasa adalah penting untuk aplikasi aksesibilitas (pembaca layar) dan mesin pencari.

Menghilangkan <html> dan <body> dapat crash buruk-ditulis DOM/XML software.

Akhirnya, menghilangkan <body> dapat menghasilkan kesalahan dalam browser lama (IE9) .


Menghilangkan <head>

Dalam standar HTML5, <head> tag juga bisa dihilangkan.

Secara default, browser akan menambahkan semua elemen sebelum <body> , untuk default <head> elemen.

Anda dapat mengurangi kompleksitas HTML, dengan menghilangkan <head> tag:

Contoh

<!DOCTYPE html>
<html>
<title>Page Title</title>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
Cobalah sendiri "

Menghilangkan tag adalah asing bagi pengembang web. Ini butuh waktu untuk ditetapkan sebagai pedoman.


HTML <title> Elemen

The <title> elemen mendefinisikan judul dokumen.

The <title> elemen diperlukan dalam semua dokumen HTML / XHTML.

The <title> elemen:

  • mendefinisikan judul di tab browser
  • menyediakan judul untuk halaman ketika ditambahkan ke favorit
  • menampilkan judul untuk halaman dalam hasil mesin pencari

Sebuah dokumen HTML sederhana:

Contoh

<!DOCTYPE html>
<html>
<title>Page Title</title>

<body>
The content of the document......
</body>

</html>
Cobalah sendiri "

HTML <style> Elemen

The <style> elemen digunakan untuk mendefinisikan informasi style untuk dokumen HTML.

Di dalam <style> elemen Anda menentukan bagaimana elemen HTML harus membuat dalam browser:

Contoh

<style>
body {background-color:yellow;}
p {color:blue;}
</style>
Cobalah sendiri "

HTML <link> Elemen

The <link> elemen mendefinisikan hubungan halaman untuk sumber daya eksternal.

The <link> elemen yang paling sering digunakan untuk link ke style sheet:

Contoh

<link rel="stylesheet" href="mystyle.css">
Cobalah sendiri "

HTML <meta> Elemen

The <meta> elemen digunakan untuk menentukan deskripsi halaman, kata kunci, penulis, dan metadata lainnya.

Metadata digunakan oleh browser (how to display content) , oleh mesin pencari (keywords) , dan layanan web lainnya.

Menentukan kata kunci untuk mesin pencari:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

Mendefinisikan deskripsi dari halaman web Anda:

<meta name="description" content="Free Web tutorials on HTML and CSS">

Mendefinisikan set karakter yang digunakan:

<meta charset="UTF-8">

Tentukan penulis halaman:

<meta name="author" content="Hege Refsnes">

Refresh dokumen setiap 30 detik:

<meta http-equiv="refresh" content="30">

Contoh <meta> tag:

Contoh

<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Hege Refsnes">
<meta charset="UTF-8">
Cobalah sendiri "

HTML <script> Elemen

The <script> elemen digunakan untuk mendefinisikan JavaScripts sisi klien.

script di bawah ini menulis Hello JavaScript! ke elemen HTML dengan id="demo" :

Contoh

<script>
function myFunction {
    document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script>
Cobalah sendiri "

Untuk mempelajari semua tentang JavaScript, kunjungi Tutorial JavaScript !


HTML <base> Elemen

The <base> elemen menentukan URL dasar dan sasaran dasar untuk semua URL relatif dalam halaman:

Contoh

<base href="http://www.w3ii.com/images/" target="_blank">
Cobalah sendiri "

Elemen kepala HTML

Menandai Deskripsi
<head> Mendefinisikan informasi tentang dokumen
<title> Mendefinisikan judul dokumen
<base> Mendefinisikan sebuah alamat default atau target default untuk semua link pada halaman
<link> Mendefinisikan hubungan antara dokumen dan sumber daya eksternal
<meta> Mendefinisikan metadata tentang dokumen HTML
<script> Mendefinisikan sebuah script sisi klien
<style> Mendefinisikan informasi style untuk dokumen