Geavanceerde webontwikkelingsprogramma's helpen schrijvencode eenvoudiger dan wanneer u het zonder hen zou doen. Ze werken niet alleen sneller en helpen veel voorkomende syntaxisproblemen te voorkomen, ze zijn ook een geweldig hulpmiddel voor beginners die zich overweldigd voelen door de hoeveelheid moeite die nodig is om een eenvoudige HTML-pagina te schrijven. Anders kunnen ze u helpen code te leren. De enige tekortkoming die u kunt tegenkomen met een webontwikkelingsprogramma, met name wanneer u het gebruikt om te leren coderen, is hoe ze niet zijn uitgerust om websites in uw browser te analyseren. Als uw specifieke interessegebied HTML is, dan HTML5 Outliner is een geweldige Chrome-extensie die je zal helpenverschillende HTML-elementen op een webpagina analyseren. De extensie voegt een vierkant pictogram toe aan de URL-balk die, wanneer erop wordt geklikt, een inhoudsopgave met alle HTML 5-koppen en secties opent. De extensie werkt ook voor HTML 4-elementen.
Items in de inhoudsopgave die worden weergegevenzijn aanklikbaar en de extensie scrolt naar en markeert welk element u selecteert. Het hoogtepunt werkt niet altijd, maar de navigatie is volledig functioneel.
De extensie heeft zijn beperkingen; het zal detecterenalle HTML-elementen op zowat elke pagina, maar de inhoudsopgave zelf is een ander verhaal. De tabel is afhankelijk van de code die wordt geschreven volgens de juiste HTML 5-specificaties of correcte HTML-structurering. Als de code hieraan niet voldoet, kan de extensie mogelijk geen acceptabele inhoudsopgave laden.
Bijvoorbeeld; als je tabellen hebt gebruikt om te definiërende indeling van uw pagina, ziet u waarschijnlijk helemaal geen inhoudsopgave. De reden hiervoor is niets meer dan slecht geschreven code, omdat lay-outs het best worden gedefinieerd met CSS en niet met tabellen. Voorlopig kunt u de extensie niet gebruiken op lokaal opgeslagen HTML-bestanden vanwege een kleine beperking met de extensie en iets dat te maken heeft met Chrome-machtigingen.
HTML5 Outliner is duidelijk niet voor het gewonegebruiker; het is bedoeld voor webontwikkelaars, zowel beginners als gevorderden. Voor beginners moet dit handig zijn bij het bekijken van de lay-out van een site die wordt ontwikkeld. Voor ervaren ontwikkelaars is dit een snelle manier om tussen de elementen op een webpagina te navigeren en de code achter elk element te controleren.
Installeer HTML5 Outliner vanuit Chrome Web Store
Comments