Lihat Daftar Isi Untuk Elemen HTML Di Situs Web Di Chrome

click fraud protection

Program pengembangan web yang canggih membantu menulis kode dengan mudah daripada jika Anda melakukannya tanpa mereka. Mereka tidak hanya mempercepat kerja dan membantu menghindari masalah sintaksis umum, mereka juga merupakan alat yang hebat untuk pemula yang mungkin merasa kewalahan dengan jumlah upaya yang diperlukan untuk menulis halaman HTML sederhana. Jika tidak ada yang lain, mereka dapat membantu Anda mempelajari kode. Satu-satunya kekurangan yang mungkin Anda alami dengan program pengembangan web, terutama ketika Anda menggunakannya untuk belajar kode, adalah bagaimana mereka tidak dilengkapi untuk menganalisis situs web di browser Anda. Jika bidang minat khusus Anda adalah HTML, maka Outliner HTML5 adalah ekstensi Chrome yang hebat yang akan membantu Anda menganalisis berbagai elemen HTML pada halaman web. Ekstensi menambahkan ikon persegi ke bilah URL yang, ketika diklik, membuka daftar tampilan konten semua judul dan bagian HTML 5. Ekstensi ini juga berfungsi untuk elemen HTML 4.

instagram viewer

Item dalam daftar isi yang ditampilkan dapat diklik dan ekstensi akan menggulir ke dan menyorot elemen mana pun yang Anda pilih. Sorotan tidak selalu berfungsi tetapi navigasi berfungsi penuh.

Outliner HTML5

Ekstensi memiliki keterbatasan; itu akan mendeteksi semua elemen HTML di hampir semua halaman, tetapi daftar isi itu sendiri adalah cerita yang berbeda. Tabel ini bergantung pada kode yang ditulis sesuai spesifikasi HTML 5 yang tepat atau penataan HTML yang baik. Jika kode tidak mematuhi ini, ekstensi mungkin gagal memuat daftar isi yang dapat diterima.

Sebagai contoh; jika Anda telah menggunakan tabel untuk menentukan tata letak halaman Anda, kemungkinan Anda tidak akan melihat daftar isi sama sekali. Alasan untuk ini tidak lebih dari kode yang ditulis dengan buruk, karena tata letak paling baik didefinisikan dengan CSS dan bukan tabel. Untuk saat ini, Anda tidak akan dapat menggunakan ekstensi pada file HTML yang disimpan secara lokal karena keterbatasan kecil dengan ekstensi dan ada hubungannya dengan izin Chrome.

HTML5 Outliner jelas bukan untuk pengguna biasa; ini dimaksudkan untuk pengembang web, baik pemula maupun yang terampil. Untuk pemula, itu harus terbukti berguna saat melihat pratinjau tata letak situs yang sedang dikembangkan. Untuk pengembang yang terampil, ini adalah cara cepat menavigasi antara elemen pada halaman web dan memeriksa kode di belakang masing-masing.

Pasang HTML5 Outliner Dari Toko Web Chrome

watch instagram story