Mitkä ovat erilaiset HTML -valikot?

HyperText Markup Language (HTML) -valikoita on useita, vaikka useimpien niiden toteuttaminen edellyttää CSS -tyylisivujen, komentosarjakielen tai joidenkin ulkoisten moduulien käyttöä. Perustyyppi on luettelo staattisista linkeistä. Vaakasuora tai pystysuora vaihtoehdot voidaan tehdä näyttämään paljon työpöytäsovelluksen valikkoriviltä. Monitasoiset valikot mahdollistavat jokaisen valikkovaihtoehdon sisältävän toisen valikon, ja niitä voidaan käyttää monimutkaiseen navigointiin suuren verkkosivuston kautta. Erikoistehosteet, kuten kelluvat HTML -valikot tai valikot, jotka animoidaan myös avattaessa, ovat mahdollisia verkkosivustolla.

Yksinkertaisin HTML -valikoiden tyyppi on luettelo staattisista linkeistä. Tämä on myös yksi ainoista tavoista toteuttaa valikko puhtaalla, yksinkertaisella HTML -koodilla. Tässä tapauksessa valikko on pohjimmiltaan vain luettelo linkeistä, joista jokainen on hypertekstilinkki kohteeseen. Vaikka tämä valikko on hyvin yksinkertainen, se näytetään kaikilla laitteilla eikä se vaadi mitään erityisiä selaimen ominaisuuksia.

Avattavat HTML-valikot muistuttavat tavallisen työpöytäsovelluksen valikkoriviä. Kun tämän tyyppisessä valikossa olevaa sanaa tai kuvaketta napsautetaan, napsautettavan sanan tai kuvakkeen alle avautuu valittavia vaihtoehtoja sisältävä ruutu. Avattava valikko on tuttu useimmille tietokoneen käyttäjille, mutta se voi vaikeuttaa navigointia verkkosivustolla, jos käytetään liikaa vaihtoehtoja tai otsikoita.

Monitasoiset HTML -valikot ovat tapa toteuttaa sisäkkäinen valikkopuu. Tämä voi näkyä pudotusvalikkona tai enemmän ominaisuuspuuna, ja jokaisella vaihtoehdolla on mahdollisuus laajentaa puun alivaihtoehtoja. Dynaamisen HTML: n (DHTML) tai komentosarjakielen avulla monitasoinen valikko voidaan luoda dynaamisesti useista verkkosivuista ja päivittää navigoinnin aikana. Mahdollinen komplikaatio on se, että jos vaihtoehtojen puun syvyys on hyvin syvä, se voi vaikuttaa verkkosivun muotoiluun.

Kelluvat HTML -valikot käyttävät vähemmän standardoituja tekniikoita kuin muut HTML -valikot, mutta voivat luoda sivulle kätevän navigointielementin. Käyttämällä CSS: ää ja komentosarjoja yksittäinen kehys voidaan sijoittaa staattiseen paikkaan sivulla niin, että valikko näkyy vierittämisestä huolimatta aina samassa paikassa. Jotkin selaimet eivät kuitenkaan välttämättä tue kelluvaa valikkoa varten tarvittavaa paikannuskoodia. Ilman huolellista sivusuunnittelua valikko saattaa todella sisältää tärkeitä tietoja sivulla.