HTML-Code voor een boom Menu



HTML-webpagina's kunnen gebruiken hiërarchische structuren, die bijzonder goed geschikt voor website menu's zijn. Hebt u een grote website met veel paragrafen en subparagrafen binnen het, biedt met behulp van een boom menu uw gebruikers met een intuïtieve manier om te navigeren door uw inhoud. De HTML-opmaak voor een boom menu impliceert normaal lijsten, met elk item met een HTML-ankerelement koppelen aan een bepaald gebied van de pagina of site. Veel sites gebruiken ook Cascading Style Sheet en JavaScript-code om het uiterlijk en de functionaliteit van boom menu's.

Inhoud

  • Bij het ontwerpen van een boom menu, moeten ontwikkelaars categoriseren de verschillende inhoud delen binnen een site. Bijvoorbeeld, kon een site de verkoop van producten hebben afdelingen voor elke productsoort, met verdere onderafdelingen binnen deze de producten in de categorieën verdelen. Webontwikkelaars gebruiken soms submappen te organiseren van de website-content, in welk geval elke map kan corresponderen met een op het hoogste niveau item binnen de boom menu. Elk item in het menu zullen uiteindelijk een HTML-koppeling, zoals in het volgende voorbeeldcode:
    Kleding

    Deze code bevat koppelingen naar een map met de naam "kleding" die in de hoofdmap van de website. Aangezien geen pagina wordt vermeld, wordt de koppeling de indexpagina in die map geopend. In de sectie van de kleding van de boom menu, kon items link naar bepaalde pagina's, als volgt:
    Broek

Lijsten

  • HTML-boom menu's betrekken normaal lijsten. De volgende steekproef opmaak ziet u een menu met behulp van niet-genummerde lijsten:

    Dit menu bevat twee op het hoogste niveau secties voor kleding en geschenken. Binnen elk van deze zijn verder lijstitems. Elk item kan bevatten een andere lijst, dus voor complexe websites, een boom menu betrekking op verschillende niveaus van diepgang hebben kan. Door te klikken een item op het hoogste niveau brengt de gebruiker naar de startpagina voor die sectie van de site, terwijl het klikken van een bepaald item hen naar een specifieke pagina binnen een sectie nemen zal.

Stijl

  • De meeste sites gebruik Cascading Style Sheets om de stijl van hun menu's. Binnen de CSS-code voor een site, ontwikkelaars kunnen het dicteren van verschillende aspecten van het uiterlijk van het menu, met inbegrip van de lay-out evenals de zichtbare kenmerken van elk lijstitem. Webbrowsers weergegeven vaak bullet punten op lijstitems standaard, die veel ontwikkelaars niet wilt weergeven. De volgende voorbeeldcode voor CSS geeft aan dit:
    UL {list-style-type: none;}

    Om te kiezen van een bepaald opsommingsteken, geldt de volgende code:
    UL {list-style-type: vierkant;}

    Ontwikkelaars kunnen optioneel klasse kenmerken toevoegen aan de lijsten op verschillende niveaus binnen een boom menu, afstemming van de CSS aan elk van deze.

Scripting

  • Veel websites gebruiken JavaScript-functies ter verbetering van de interactiviteit met boom menu's. Met behulp van deze, kunnen ontwikkelaars opgeven dat bepaalde items niet zichtbaar voor de gebruiker in eerste instantie worden moeten. Bijvoorbeeld, te klikken op een item op het hoogste niveau staat, kan de subsecties worden dynamisch weergegeven. JavaScript-functies kunt weergeven of de zichtbaarheid eigenschap van een element dicteren of de browser moet weergeven of verbergen. De volgende code toont een lijstitem moet worden verborgen instellen:
    element.style.visibility="hidden";

    Het volgende alternatief gebruikt de eigenschap display:
    element.style.display="none";

Gerelateerde Artikelen

HTML-Code voor een Hover onderstreping

HTML-Code voor een Hover onderstreping

Bij het programmeren van een webpagina, wil een ontwerper vaak opnemen van een beetje van interactiviteit. Een eenvoudige interactieve functie die u kunt toevoegen is het creëren van een weblink die wordt benadrukt wanneer de muis overheen zweeft. Om
Hoe zien de HTML-Code voor een Website

Hoe zien de HTML-Code voor een Website

De onderliggende HTML-code gebruikt om een website te bouwen is niet verborgen maar toegankelijk voor iedereen met de juiste hulpmiddelen. Bijvoorbeeld, Web browsers zoals Firefox, Chrome, Safari, Opera en Internet Explorer hebben meerdere manieren k
HTML & CSS-Code voor een navigatiebalk met een afgeronde hoek

HTML & CSS-Code voor een navigatiebalk met een afgeronde hoek

HTML vormt de structuur voor de gegevens in webpagina's. Na deze opdrachtgever maken de meeste webontwikkelaars navigatiebalken beginnen met ongeordende lijsten. Een ongeordende lijst maakt een lijst met opsommingstekens standaard in alle webbrowsers
De Code van de HTML-Header voor een 301-omleiding

De Code van de HTML-Header voor een 301-omleiding

Veel mensen krijgen verward tussen HTML en HTTP. Proberen te doen een 301-omleiding in HTML-code is een voorbeeld van dit. HTML is de opmaaktaal waarin webpagina's worden geschreven. Een HTML-document heeft een koptekstsectie, die wordt gekenmerkt do
Hoe maak je een boom Menu met PHP & MySQL

Hoe maak je een boom Menu met PHP & MySQL

Een boom menu is een visuele weergave van een lijst met items, zodat bepaalde artikelen of categorieën, met de namen van de bovenliggende knooppunten, kunnen worden uitgebreid en Toon subitems, genaamd onderliggende knooppunten georganiseerd. Met beh
Hoe vindt u de HTML-code van een webpagina

Hoe vindt u de HTML-code van een webpagina

Hypertext markup language, of HTML-code, is de universele taal van het Internet. Het is de codering waarmee browsers zoals Internet Explorer om een webpagina weer te geven. In feite, wat wij noemen "webpagina's" zijn eigenlijk alleen tekstbestan
Het gebruik van HTML-Code voor Freewebs

Het gebruik van HTML-Code voor Freewebs

Freewebs is een populaire gratis website hosting bedrijf die meerdere sjablonen voor websiteontwerp biedt. Echter als u wilt een website te maken werkelijk uniek op Freewebs die overeenkomt met uw persoonlijke of zakelijke stijl, HTML-code gebruiken
Hoe vindt u de EPP Code voor een domein

Hoe vindt u de EPP Code voor een domein

Een uitbreidbare programmeercode protocol wordt toegewezen aan elke domeinnaam toen het voor het eerst is geregistreerd. EVP codes zijn nodig wanneer u wilt een domein overdragen aan een andere persoon, of wanneer u wilt de naam van één domeinnaam re
HTML-codering voor een waarschuwingsvenster

HTML-codering voor een waarschuwingsvenster

Met HTML- en JavaScript-code, kunnen ontwikkelaars alert vakken opduiken wanneer gebruikers met elementen op webpagina's werken maken. De HTML-elementen in een pagina kunnen opnemen evenement luisteraar kenmerken opsporen van gebruikersinteractie. Al
Hoe de zorg voor een boom Cottonwood

Hoe de zorg voor een boom Cottonwood

Als u een cottonwood boom (Populus spp.) hebt of wilt een plant, kan dan u al weet dat een cottonwood slapend in de winter wordt en tweehuizig is, wat betekent dat elke boom is mannelijke of vrouwelijke. Cottonwood is ook groot, snelgroeiend en verkr
Hoe krijg ik een Product Key Code voor een spel

Hoe krijg ik een Product Key Code voor een spel

Computer software-uitgevers gebruiken product toetscodes games en andere software te beschermen tegen illegaal kopiëren. Wanneer u een spel op uw computer installeert, zal u niet zitten kundig voor spelen tenzij de software detecteert geldig product
Grote manieren om te adverteren voor een boom-Service

Grote manieren om te adverteren voor een boom-Service

Reclame voor een boom-service kunnen eenvoudig bent u klaar om te doen wat werk. Het woord uitstappen via vele locaties zal bijdragen tot het bereiken van een breed scala aan klanten die uw diensten nodig. Begin door te erkennen waar potentiële klant
Hoe vindt u uw Code voor een Home Security System

Hoe vindt u uw Code voor een Home Security System

Wanneer u een huis beveiligingssysteem koopt, krijgt u een toegangscode waarmee u te activeren en deactiveren. Het nummer zal meestal worden opgeschreven op een kaart nadat uw technicus het alarm installeert. Als u de kaart verliezen, controleert u d
Het gebruik van een Master-Code voor een satellietontvanger

Het gebruik van een Master-Code voor een satellietontvanger

De master code is de programmering code die wordt gebruikt voor het programmeren van een satellietontvanger of soortgelijk apparaat naar een universele afstandsbediening. Of het draaien van een systeem in- of uitschakelen, of navigeren enkele noodzak