- - Visa innehållsförteckning för HTML-element på en webbplats i Chrome

Visa innehållsförteckning för HTML-element på en webbplats i Chrome

Sofistikerade webbutvecklingsprogram hjälper till att skrivakod lätt än om du skulle göra det utan dem. Inte bara snabbar de upp och hjälper till att undvika vanliga syntaxproblem, de är också ett bra verktyg för nybörjare som kanske känner sig överväldigade av hur mycket ansträngning som krävs för att skriva en enkel HTML-sida. Om inget annat kan de hjälpa dig att lära dig kod. Den enda brist som du kan uppleva med ett webbutvecklingsprogram, särskilt när du använder det för att lära dig att koda, är hur de inte är utrustade för att analysera webbplatser i din webbläsare. Om ditt specifika intresseområde är HTML, då HTML5 Outliner är ett bra Chrome-tillägg som hjälper diganalysera olika HTML-element på en webbsida. Tillägget lägger till en fyrkantig ikon till URL-fältet som, när man klickar på, öppnar en innehållsförteckning över alla HTML 5-rubriker och -avsnitt. Tillägget fungerar också för HTML 4-element.

Objekt i innehållsförteckningen som visasär klickbara och tillägget kommer att bläddra till och markera vilket element du väljer. Höjdpunkten fungerar inte alltid men navigeringen är fullt funktionell.

HTML5 Outliner

Förlängningen har sina begränsningar; det kommer att upptäckaalla HTML-element på nästan vilken sida som helst, men innehållsförteckningen i sig är en annan historia. Tabellen förlitar sig på att koden skrivs enligt korrekt HTML 5-specifikationer eller sund HTML-strukturering. Om koden inte överensstämmer med dessa kan tillägget inte läsa in en acceptabel innehållsförteckning.

Till exempel; om du har använt tabeller för att definieralayouten på din sida är det troligt att du inte ser någon innehållsförteckning alls. Anledningen till detta är inget annat än dåligt skriven kod, eftersom layouter bäst definieras med CSS och inte tabeller. För närvarande kommer du inte att kunna använda tillägget på lokalt sparade HTML-filer på grund av en liten begränsning med tillägget och något att göra med Chrome-behörigheter.

HTML5 Outliner är uppenbarligen inte det vanligaanvändare; det är avsett för webbutvecklare, både nybörjare och skickliga. För nybörjare bör det visa sig vara praktiskt när du förhandsgranskar layouten på en webbplats under utveckling. För duktiga utvecklare är det ett snabbt sätt att navigera mellan elementen på en webbsida och kontrollera koden bakom varje.

Installera HTML5 Outliner från Chrome Web Store

kommentarer