[ad_1]
ADVERTISEMENT
SCROLL TO RESUME CONTENT
Gaya (
Memeriksa tag HTML situs internet Anda sangat penting untuk memastikan struktur, semantik, juga aksesibilitas yang tepat. Berikut beberapa metode untuk melakukannya:
- Melihat Sumber Halaman: Klik kanan pada halaman internet juga pilih “Melihat Sumber Halaman” atau “Melihat Sumber” dari menu browser. Ini akan menampilkan kode HTML halaman internet di tab atau jendela baru. Pindai kode melihatnya tag HTML yang digunakan.
- Alat Pengembang: Sebagian besar browser internet fashionable mempunyai alat pengembang bawaan yang memungkinkan Anda memeriksa elemen HTML. Anda bisa mengakses alat ini dengan menekan F12 atau mengklik kanan halaman internet juga untuk memilih “Check out” atau “Check out Component”. Alat pengembang memberikan pandangan komprehensif tentang struktur HTML, termasuk hierarki elemen juga gaya juga atribut keterkaitan.
- Validator On-line: Tersedia berbagai alat juga validator on-line yang bisa menganalisis kode HTML situs internet Anda untuk mengetahui kesalahan, peringatan, juga kepatuhan praktik yang terbaik. Validator ini bisa mengidentifikasi tag yang hilang, susunan yang salah, elemen yang sepertinya tidak digunakan lagi, juga masalah lain yang memengaruhi kinerja juga search engine marketing situs internet Anda.
- Pemeriksa Aksesibilitas: Pemeriksa aksesibilitas membantu memastikan bahwa tag HTML Anda benar secara semantik juga mengikuti standar aksesibilitas seperti WCAG (Pedoman Aksesibilitas Konten Internet). Alat-alat ini bisa menandai potensi masalah aksesibilitas keterkaitan struktur HTML, label formulir, teks alternatif untuk gambar, juga banyak sekali lagi.
Dengan memeriksa tag HTML situs internet Anda secara tertata, Anda bisa mempertahankan situs internet yang terstruktur dengan baik, mudah diakses, juga ramah mesin pencari.
Bagaimana Halaman Internet Membaca Tag HTML?
Browser internet merender juga menampilkan halaman internet berdasarkan tag HTML dalam kodenya. Berikut cara halaman internet membaca tag HTML:
- Parsing: Saat browser internet memuat halaman internet, browser berawal dengan mengurai kode HTML. Parsing menganalisis dokumen HTML juga membuat representasi terstruktur dari isinya, yang dikenal sebagai Report Object Style (DOM).
- Pohon DOM: Pohon DOM mewakili struktur hierarki elemen HTML, di mana setiap elemen direpresentasikan sebagai node dengan properti juga atribut. Browser membuat pohon DOM dengan menafsirkan tag HTML juga hubungannya, seperti elemen induk-anak juga saudara kandung.
- Rendering: Setelah pohon DOM dibuat, browser menggunakannya untuk merender halaman internet di layar. Rendering melibatkan penerapan gaya CSS, penghitungan tata letak, juga pengecatan piksel berdasarkan konten juga properti elemen HTML.
- Penanganan {Peristiwa}: Browser internet dan menangani interaksi pengguna juga pembaruan konten dinamis berdasarkan kode JavaScript yang keterkaitan dengan elemen HTML. Pemroses peristiwa yang dilampirkan pada tag HTML merespons tindakan pengguna seperti klik, gerakan mouse, juga enter keyboard.
Singkatnya, laman internet membaca tag HTML dengan menguraikannya ke dalam pohon DOM terstruktur, yang kemudian digunakan untuk merender representasi visible laman internet juga menangani interaksi pengguna.
Tag juga atribut HTML adalah faktor penting dari elemen HTML, tetapi mempunyai tujuan yang dengan cara yang berbeda:
- Tag HTML: Tag HTML digunakan untuk memutuskan struktur juga konten dokumen HTML. Mereka menyertakan konten juga memutuskan jenis elemen yang diwakili. Andaikan,
tag memperlihatkan elemen paragraf,
tag mendefinisikan divisi atau wadah, juga tag membuat link.- Atribut HTML: Atribut HTML memberikan informasi atau properti tambahan pada elemen HTML. Mereka mengubah perilaku atau tampilan elemen juga ditentukan dalam tag pembuka suatu elemen. Atribut bisa memutuskan karakteristik seperti sumber gambar (src), URL link (href), gaya elemen (taste), atau teks alternatif untuk gambar (alt).
Meski demikian tag HTML memutuskan jenis juga struktur elemen, atribut memberikan element juga konfigurasi spesifik untuk menyesuaikan perilaku atau tampilannya. Tag juga atribut bekerja sama untuk menciptakan konten internet yang bermakna juga interaktif.
Berikut tabel perbandingan yang menyoroti perbedaan antara tag juga atribut HTML:
Fitur
Tag HTML
Atribut HTML
Definisi
Tentukan struktur juga konten elemen HTML.
Memberikan informasi atau properti tambahan pada elemen.
Sintaksis
Diapit jalur kurung siku (<>) dengan nama tag.
Terlampir yaitu tag pembuka elemen dalam jalur kurung siku (<>).
Contoh
,
href, src, alt, gaya, kelas
Tujuan
Memperlihatkan jenis elemen juga semantiknya.
Memodifikasi perilaku, tampilan, atau properti elemen.
Penggunaan
Digunakan untuk menyertakan konten juga memutuskan tipe elemen.
Menyelesaikan element atau konfigurasi spesifik untuk elemen.
Bersarang
Bisa disarangkan di dalam elemen HTML lainnya.
Sepertinya tidak disarangkan secara langsung namun bisa dilampirkan ke elemen HTML apa pun.
Wajib/Opsional
Diperlukan untuk mendefinisikan struktur HTML.
Opsional juga digunakan untuk meningkatkan fungsionalitas elemen.
Render
Merender konten yang terlihat di halaman internet.
Memiliki pengaruh pada penampilan elemen, perilaku, atau fungsionalitas.
Aksesibilitas
Berkontribusi pada struktur dokumen juga semantik.
Memberi dukungan fitur aksesibilitas seperti teks alternatif untuk gambar.
Kemungkinan diperpanjang
Tag baru bisa ditentukan dalam spesifikasi HTML.
Atribut bisa didefinisikan juga digunakan dengan elemen HTML apa pun.
Mempengaruhi pada Gaya
Secara langsung mempunyai pengaruh pada rendering juga penataan elemen.
Bisa digunakan untuk menerapkan gaya sebaris atau mereferensikan lembar gaya eksternal
Berikut tabel yang mencantumkan beberapa tag HTML yang paling umum, beserta deskripsinya:
Menandai
Keterangan
Mendefinisikan akar dokumen HTML.
Berisi informasi meta tentang dokumen HTML, seperti judul, gaya, juga skrip.
Menetapkan judul dokumen HTML, yang ditampilkan di bilah judul atau tab browser.
Berisi konten dokumen HTML, termasuk teks, gambar, hyperlink, juga elemen lainnya.
Mendefinisikan judul dengan ukuran dengan cara yang berbeda, dengan
Mendefinisikan paragraf teks.
Membuat link, menghubungkan ke halaman internet, report, atau lokasi lain dalam halaman yang sama.
Menyisipkan gambar ke dalam dokumen HTML.
Mendefinisikan divisi atau wadah untuk mengelompokkan elemen HTML juga menerapkan gaya CSS.
Mendefinisikan wadah sebaris untuk menata gaya bagian teks atau konten tertentu.
Membuat daftar sepertinya tidak berurutan atau berurutan, masing-masing, berisi merchandise daftar (
- ).
Mendefinisikan merchandise daftar dalam daftar sepertinya tidak berurutan atau berurutan.
Membuat tabel untuk mengendalikan knowledge ke dalam baris juga kolom.
Mendefinisikan baris tabel dalam a
elemen.
Mendefinisikan sel tabel dalam a
elemen. Mendefinisikan sel header dalam a
elemen dalam sebuah tabel. Membuat formulir HTML untuk mengumpulkan enter pengguna.
Mendefinisikan elemen kontrol enter dalam formulir, seperti bidang teks, kotak centang, atau tombol.
Mengaitkan label dengan elemen masukan, meningkatkan aksesibilitas juga kegunaan.
Mendefinisikan tombol yang bisa diklik dalam formulir atau halaman internet.
Membuat kontrol enter teks multiline dalam formulir.
Sematkan halaman HTML lain atau konten eksternal dalam dokumen sementara itu.
Menyematkan atau menautkan ke skrip sisi klien, seperti JavaScript.
Berisi aturan CSS untuk menata elemen HTML dalam dokumen.
Tag ini yaitu elemen dasar untuk membuat halaman internet yang terstruktur juga interaktif.
Langkah selanjutnya
Artikel tentang tag HTML ini menawarkan wawasan singkat tentang berbagai jenis tag HTML juga fungsinya. Untuk mempelajari lebih lanjut tentang pengembangan internet secara keseluruhan, sertifikasi sangat disarankan untuk memulai karir coding Anda. Selanjutnya, Pengembang Java Complete Stack Simplilearn akan membantu Anda menguasai pengembangan internet. Kursus ini meliputi beragam topik yang relevan, termasuk teknologi pengembang internet Java front-end, middleware, juga back-end. Anda akan belajar membangun aplikasi end-to-end, menguji juga menerapkan kode, mendatanya knowledge memakai MongoDB, juga banyak sekali lagi.
Jika Anda mempunyai pertanyaan atau masukan mengenai artikel tag HTML, beri tahu kami di bagian komentar. Pakar kami akan menghubungi Anda sesegera mungkin saja.
Durasi juga Biaya Kursus Pengembangan Perangkat Lunak Kami
Kursus Pengembangan Perangkat Lunak biasanya berkisar dari beberapa minggu mencapai beberapa bulan, dengan biaya bervariasi berdasarkan program juga institusi.
Mendapatkan Sertifikasi Afiliasi dengan program Kelas Langsung
Pengembang Java Tumpukan Penuh
- Mulailah karir Pengembang Java Complete Stack dengan kurikulum yang selaras dengan industri oleh para mahir
- Latihan langsung dengan menggunakan 20+ proyek, penilaian, juga tes
Program Magister Pengujian Otomasi
- Program pembelajaran campuran yang komprehensif
- 200 jam Pembelajaran Terapan
- Penafian
- PMP, PMI, PMBOK, CAPM, PgMP, PfMP, ACP, PBA, RMP, SP, juga OPM3 yaitu merek terdaftar dari Challenge Control Institute, Inc.
[ad_2]
Sumber: simplilearn-com








