HTML Head ~ KODELOVER

Elemen HTML <head>

Elemen <head> adalah wadah untuk metadata (data tentang data).

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

Metadata biasanya mendefinisikan judul dokumen, gaya, tautan, skrip, dan informasi meta lainnya.

Tag berikut menjelaskan metadata: <title>, <style>, <meta>, <link>, <script>, dan <base>.

Menghilangkan <html> dan <body>?

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

Kode berikut akan memvalidasi sebagai HTML5:
Contoh
<! DOCTYPE html>
<title> Judul Halaman </title>

<h1> Ini adalah judul </h1>
<p> Ini adalah paragraf. </p>
Catatan websites tidak merekomendasikan untuk menghapus tag <html> dan <body>.

Elemen <html> adalah akar dokumen. Ini adalah tempat yang disarankan untuk menentukan bahasa halaman:
<! DOCTYPE html>
<html lang = "en-US">

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

Menghilangkan <html> dan <body> dapat merusak perangkat lunak DOM / XML yang ditulis dengan buruk.

Akhirnya, menghilangkan <body> dapat menghasilkan kesalahan pada browser lawas (IE9).
Menghilangkan <head>

Dalam standar HTML5, tag <head> juga dapat diabaikan.

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

Anda dapat mengurangi kompleksitas HTML, dengan menghilangkan tag <head>:
Contoh
<! DOCTYPE html>
<html>
<title> Judul Halaman </title>
<body>

<h1> Ini adalah judul </h1>
<p> Ini adalah paragraf. </p>

</body>
</html>
Catatan Menghilangkan tag tidak asing bagi pengembang web. Perlu waktu untuk ditetapkan sebagai pedoman.
Elemen <HTML> HTML

Elemen <title> mendefinisikan judul dokumen.

Elemen <title> diperlukan di semua dokumen HTML / XHTML.

Elemen <title>:

    Mendefinisikan judul di tab browser
    Memberikan judul untuk halaman saat ditambahkan ke favorit
    Menampilkan judul untuk halaman di hasil search engine

Dokumen HTML yang disederhanakan:
Contoh
<! DOCTYPE html>
<html>
<title> Judul Halaman </title>

<body>
Isi dokumen ......
</body>

</html>

Elemen <HTML> HTML

Elemen <style> digunakan untuk menentukan informasi gaya untuk dokumen HTML.

Di dalam elemen <style> Anda menentukan bagaimana elemen HTML harus ditampilkan di browser:
Contoh
<style>
body {background-color: yellow;}
p {color: blue;}
</style>
Elemen HTML <link>

Elemen <link> mendefinisikan hubungan halaman dengan sumber eksternal.

Elemen <link> paling sering digunakan untuk menautkan ke style sheet:
Contoh
<Link rel = "stylesheet" href = "mystyle.css">

Elemen HTML <meta>

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

Metadata digunakan oleh browser (cara menampilkan konten), oleh search engine (kata kunci), dan layanan web lainnya.

Tentukan kata kunci untuk mesin telusur:
<meta name = "keywords" content = "HTML, CSS, XML, XHTML, JavaScript">

Tentukan deskripsi halaman web Anda:
<meta name = "description" content = "Tutorial Web gratis di HTML dan CSS">

Tentukan set karakter yang digunakan:
<meta charset = "UTF-8">

Tentukan penulis halaman:
<meta name = "author" content = "Hege Refsnes">

Segarkan dokumen setiap 30 detik:
<meta http-equiv = "refresh" content = "30">

Contoh tag <meta>:
Contoh
<meta name = "description" content = "Tutorial Web Gratis">
<meta name = "keywords" content = "HTML, CSS, XML, JavaScript">
<meta name = "author" content = "Hege Refsnes">
<meta charset = "UTF-8">

Elemen HTML <script>

Elemen <script> digunakan untuk menentukan JavaScripts sisi klien.

Script di bawah ini menulis Hello JavaScript! Menjadi elemen HTML dengan id = "demo":
Contoh
<script>
Fungsi myFunction {
    document.getElementById ("demo"). InnerHTML = "Halo JavaScript!";
}
</script>

Elemen HTML <base>

Elemen <base> menentukan basis URL dan target dasar untuk semua URL relatif di halaman:
Contoh
<base href = "http://www.websites.com/images/" target = "_ blank">

Elemen Head HTML

<head> Mendefinisikan informasi tentang dokumen
<title> Mendefinisikan judul sebuah dokumen
<base> Mendefinisikan alamat default atau target default untuk semua link di halaman
<Link> Mendefinisikan hubungan antara dokumen dan sumber eksternal
<meta> Mendefinisikan metadata tentang dokumen HTML
<script> Mendefinisikan skrip sisi klien
<style> Mendefinisikan informasi gaya untuk sebuah dokumen

KODELOVER

HTML Head

Related Post