Bagaimana cara mengubah h1 di html?

Question

Elemen HTML <h1> hingga <h6> mewakili enam tingkat judul bagian. <h1> adalah level bagian tertinggi dan <h6> adalah level terendah

Table of Contents Show

Bagaimana cara mengubah judul h1 saya?
Bagaimana cara mengubah h1 saya di situs web saya?
Bagaimana cara mengubah ukuran h1 di CSS?
Bagaimana cara memformat header h1?

Kategori konten, konten tajuk, konten gamblang. Konten yang diizinkan. Penghilangan tagTidak ada, tag awal dan akhir adalah wajib. Orang tua yang diizinkan Elemen apa pun yang menerima. Kepala peran ARIA implisitPeran ARIA yang diizinkantab,

<h1>Heading elements</h1>
<h2>Summary</h2>
<p>Some text here…</p>

<h2>Examples</h2>
<h3>Example 1</h3>
<p>Some text here…</p>

<h3>Example 2</h3>
<p>Some text here…</p>

<h2>See also</h2>
<p>Some text here…</p>

0 atau

<h1>Heading elements</h1>
<h2>Summary</h2>
<p>Some text here…</p>

<h2>Examples</h2>
<h3>Example 1</h3>
<p>Some text here…</p>

<h3>Example 2</h3>
<p>Some text here…</p>

<h2>See also</h2>
<p>Some text here…</p>

1Antarmuka DOM

<h1>Heading elements</h1>
<h2>Summary</h2>
<p>Some text here…</p>

<h2>Examples</h2>
<h3>Example 1</h3>
<p>Some text here…</p>

<h3>Example 2</h3>
<p>Some text here…</p>

<h2>See also</h2>
<p>Some text here…</p>

2

Elemen-elemen ini hanya mencakup atribut global

Informasi judul dapat digunakan oleh agen pengguna untuk membuat daftar isi dokumen secara otomatis

Jangan gunakan elemen tajuk untuk mengubah ukuran teks. Sebagai gantinya, gunakan properti CSS

<h1>Heading elements</h1>
<h2>Summary</h2>
<p>Some text here…</p>

<h2>Examples</h2>
<h3>Example 1</h3>
<p>Some text here…</p>

<h3>Example 2</h3>
<p>Some text here…</p>

<h2>See also</h2>
<p>Some text here…</p>

3

Jangan melewatkan level judul. selalu mulai dari <h1>, diikuti oleh

<h1>Heading elements</h1>
<h2>Summary</h2>
<p>Some text here…</p>

<h2>Examples</h2>
<h3>Example 1</h3>
<p>Some text here…</p>

<h3>Example 2</h3>
<p>Some text here…</p>

<h2>See also</h2>
<p>Some text here…</p>

5 dan seterusnya

Saat menggunakan beberapa elemen <h1> pada satu halaman diizinkan oleh standar HTML (selama tidak ), ini tidak dianggap sebagai praktik terbaik. Halaman umumnya harus memiliki satu elemen <h1> yang menjelaskan konten halaman (mirip dengan

<h1>Heading elements</h1>
<h2>Summary</h2>
<p>Some text here…</p>

<h2>Examples</h2>
<h3>Example 1</h3>
<p>Some text here…</p>

<h3>Example 2</h3>
<p>Some text here…</p>

<h2>See also</h2>
<p>Some text here…</p>

9 dokumen)

Catatan. Bersarang beberapa elemen <h1> di bersarang diizinkan di versi standar HTML yang lebih lama. Namun, ini tidak pernah dianggap sebagai praktik terbaik dan sekarang tidak sesuai. Baca selengkapnya di Tidak Ada Algoritma Outline Dokumen

Lebih suka menggunakan hanya satu <h1> per halaman dan tanpa melewati level

Kode berikut menunjukkan semua tingkat tajuk, sedang digunakan

<h1>Heading level 1</h1>
<h2>Heading level 2</h2>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>
<h5>Heading level 5</h5>
<h6>Heading level 6</h6>

_

Inilah hasil dari kode ini

Kode berikut menampilkan beberapa judul dengan beberapa konten di bawahnya

<h1>Heading elements</h1>
<h2>Summary</h2>
<p>Some text here…</p>

<h2>Examples</h2>
<h3>Example 1</h3>
<p>Some text here…</p>

<h3>Example 2</h3>
<p>Some text here…</p>

<h2>See also</h2>
<p>Some text here…</p>

Inilah hasil dari kode ini

Teknik navigasi yang umum bagi pengguna perangkat lunak pembaca layar adalah melompat dari heading untuk menentukan konten halaman dengan cepat. Karena itu, penting untuk tidak melewatkan satu atau lebih level heading. Melakukannya dapat menimbulkan kebingungan, karena orang yang menavigasi dengan cara ini mungkin bertanya-tanya di mana judul yang hilang

Jangan

<h1>Heading level 1</h1>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>

_

Mengerjakan

<h1>Heading level 1</h1>
<h2>Heading level 2</h2>
<h3>Heading level 3</h3>

_

Bersarang

Judul dapat disarangkan sebagai subbagian untuk mencerminkan pengaturan konten halaman. Sebagian besar pembaca layar juga dapat membuat daftar terurut dari semua judul di halaman, yang dapat membantu seseorang menentukan hierarki konten dengan cepat

<h1>Heading level 1</h1>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>

_2 Kumbang

<h1>Heading level 1</h1>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>

_3 Etimologi

<h1>Heading level 1</h1>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>

3 Distribusi dan Keanekaragaman

<h1>Heading level 1</h1>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>

_3 Evolusi

<h1>Heading level 1</h1>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>

_6 Paleozoikum Akhir

<h1>Heading level 1</h1>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>

_6 Jurasik

<h1>Heading level 1</h1>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>

_6 Cretaceous

<h1>Heading level 1</h1>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>

_6 Kenozoikum

<h1>Heading level 1</h1>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>

_3 Morfologi Eksternal

<h1>Heading level 1</h1>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>

_6 Kepala

<h1>Heading level 1</h1>
<h2>Heading level 2</h2>
<h3>Heading level 3</h3>

_2 Alat mulut

<h1>Heading level 1</h1>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>

_6 Toraks

<h1>Heading level 1</h1>
<h2>Heading level 2</h2>
<h3>Heading level 3</h3>

_2 Protoraks

<h1>Heading level 1</h1>
<h2>Heading level 2</h2>
<h3>Heading level 3</h3>

_2 Pterothorax

<h1>Heading level 1</h1>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>

_6 Kaki

<h1>Heading level 1</h1>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>

_6 Sayap

<h1>Heading level 1</h1>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>

_6 Perut

Saat heading bersarang, level heading mungkin "dilewati" saat menutup subbagian

Judul • Struktur Halaman • Tutorial Aksesibilitas Web WAI
Memahami Kriteria Sukses 1. 3. 1. W3C Memahami WCAG 2. 0
Memahami Kriteria Sukses 2. 4. 1. W3C Memahami WCAG 2. 0
Memahami Kriteria Sukses 2. 4. 6. W3C Memahami WCAG 2. 0
Memahami Kriteria Sukses 2. 4. 10. W3C Memahami WCAG 2. 0

Teknik navigasi umum lainnya untuk pengguna perangkat lunak pembaca layar adalah membuat daftar dan menggunakannya untuk menentukan tata letak halaman

Konten pembagian dapat diberi label menggunakan kombinasi

<h1>Heading level 1</h1>
<h2>Heading level 2</h2>
<h3>Heading level 3</h3>

9 dan atribut, dengan label yang secara singkat menjelaskan tujuan bagian tersebut. Teknik ini berguna untuk situasi di mana terdapat lebih dari satu elemen pembagian pada halaman yang sama

Contoh

<header>
  <nav aria-labelledby="primary-navigation">
    <h2 id="primary-navigation">Primary navigation</h2>
    <!-- navigation items -->
  </nav>
</header>

<!-- page content -->

<footer>
  <nav aria-labelledby="footer-navigation">
    <h2 id="footer-navigation">Footer navigation</h2>
    <!-- navigation items -->
  </nav>
</footer>

Dalam contoh ini, teknologi pembacaan layar akan mengumumkan bahwa ada dua bagian

<header>
  <nav aria-labelledby="primary-navigation">
    <h2 id="primary-navigation">Primary navigation</h2>
    <!-- navigation items -->
  </nav>
</header>

<!-- page content -->

<footer>
  <nav aria-labelledby="footer-navigation">
    <h2 id="footer-navigation">Footer navigation</h2>
    <!-- navigation items -->
  </nav>
</footer>

1, satu disebut "Navigasi utama" dan satu disebut "Navigasi footer". Jika label tidak diberikan, orang yang menggunakan perangkat lunak pembaca layar mungkin harus menyelidiki setiap konten

<header>
  <nav aria-labelledby="primary-navigation">
    <h2 id="primary-navigation">Primary navigation</h2>
    <!-- navigation items -->
  </nav>
</header>

<!-- page content -->

<footer>
  <nav aria-labelledby="footer-navigation">
    <h2 id="footer-navigation">Footer navigation</h2>
    <!-- navigation items -->
  </nav>
</footer>

2 elemen untuk menentukan tujuannya

Bagaimana cara mengubah judul h1 saya?

Mengubah judul H1 di editor klasik di WordPress . Anda dapat mengubahnya ke level lain dengan membuka menu drop-down dan memilih level lain .

Bagaimana cara mengubah h1 saya di situs web saya?

Untuk melakukannya, ikuti langkah-langkah berikut. .

Buka browser Internet Anda dan buka URL halaman yang ingin Anda periksa

Klik 'lihat' lalu 'sumber. .

Klik 'edit' lalu 'temukan. .

Ketik

Ini sekarang akan menyoroti bagian situs Anda yang menggunakan tag h1

Ikuti langkah yang sama untuk h2, h3, h4, h5 dan h6

Bagaimana cara mengubah ukuran h1 di CSS?

Menyetel ukuran teks dengan piksel memberi Anda kendali penuh atas ukuran teks. .

h1 { ukuran font. 40px; . 30px; . 14px;.

h1 { ukuran font. 2. 5em; . 5em */ } h2 { ukuran font. 1. 875em; . 875em */ } p {.

tubuh { ukuran font. 100%; . 2. 5em;

Bagaimana cara memformat header h1?

Ada enam tag heading HTML yang berbeda, dari H1 hingga H6. Mereka beralih dari yang paling penting ke yang paling tidak penting, dengan ukuran teks umumnya menurun sesuai dengan tingkat kepentingannya. Tag H1 dibuat dengan menempatkan judul di antara format HTML seperti ini.