Pogledajte tablicu sadržaja HTML elemenata na web lokaciji u Chromeu

Sofisticirani programi za web razvoj pomažu u pisanju koda lakše nego ako to želite učiniti bez njih. Ne samo da ubrzavaju rad i pomažu u izbjegavanju uobičajenih problema sa sintaksom, već su i odličan alat za početnike koji će se možda osjećati preplavljenim količinom truda potrebnim za pisanje jednostavne HTML stranice. Ako ništa drugo, oni vam mogu pomoći u učenju koda. Jedini nedostatak koji biste mogli doživjeti s programom za web-razvoj, posebno kada ga koristite za učenje kodiranja, je kako oni nisu opremljene za analizu web stranica u vašem pregledniku. Ako je vaše područje interesa HTML, onda HTML5 Outliner je sjajno proširenje za Chrome koje će vam pomoći analizirati različite HTML elemente na web stranici. Proširenje dodaje kvadratnu ikonu u URL traku koja kad se klikne otvara prikaz sadržaja svih naslova i odjeljaka HTML 5. Proširenje također radi za HTML 4 elemente.

Stavke u prikazanom sadržaju mogu se kliknuti, a proširenje će se pomicati do i označiti bilo koji element koji odaberete. Vrhunac ne radi uvijek, ali navigacija je u potpunosti funkcionalna.

Proširenje ima svoja ograničenja; otkrit će sve HTML elemente na gotovo svakoj stranici, ali sam sadržaj je priča drugačija. Tablica se oslanja na zapisan kôd prema pravilnim HTML 5 specifikacijama ili zvučnom strukturiranju HTML-a. Ako kôd nije u skladu s tim, proširenje možda neće uspjeti učitati prihvatljivu tablicu sadržaja.

Na primjer; ako ste upotrebljavali tablice za definiranje izgleda vaše stranice, vjerojatno uopće nećete vidjeti nijednu tablicu sadržaja. Razlog za to nije ništa drugo do loše napisan kod, budući da su izgledi najbolje definirani CSS-om, a ne tablicama. Za sada nećete moći upotrebljavati proširenje na lokalno spremljenim HTML datotekama zbog malog ograničenja s proširenjem i nečega što se tiče dozvola za Chrome.

HTML5 Outliner očito nije za uobičajenog korisnika; namijenjeno je web programerima, kako početnicima tako i iskusnim. Za početnike bi to trebalo biti prikladno tijekom pregleda izgleda izgleda web mjesta u razvoju. Za iskusne programere brz je način kretanja između elemenata na web stranici i provjera koda koji se nalazi iza svakog.

Instalirajte HTML5 Outliner iz Chrome web trgovine