For faster navigation, this Iframe is preloading the Wikiwand page for Verkkosivu.

Verkkosivu

Wikipediasta

Kuvakaappaus Wikipedian verkkosivusta.

Verkkosivu eli web-sivu, www-sivu tai arkikielessä nettisivu on World Wide Webin kautta jaettava hypertekstidokumentti. Verkkosivut toimitetaan käyttäjille WWW-palvelimelta ja näytetään verkkoselaimen avulla. Verkkosivusto on joukko verkkosivuja saman verkkotunnuksen alla. Sana "verkkosivu" on metafora ja tarkoittaa kirjan sivuja.

Verkkosivudokumentin rakenne

[muokkaa | muokkaa wikitekstiä]

Standardisoitu tapa esittää verkkosivuja on HTML-merkintäkielellä, jolla merkitään sivuston sisältö (mukaan lukien hyperlinkit). Verkkosivuston ulkonäköä on mahdollista muuttaa sisällyttämällä tyylimääritytyksiä erillisen CSS-tiedoston avulla tai suoraan HTML-koodissa.

Lisäksi sivulle voidaan lisätä asiakasohjelmassa (verkkoselaimessa) suoritettavia dynaamisia toimintoja esimerkiksi JavaScriptin tai WebAssemblyn avulla. Dynaamisia toimintoja sisältävät sivut voivat toimia omina sovellusohjelminaan, jolloin niitä voidaan kutsua verkkopalveluksi.

Verkkosivujen välitys

[muokkaa | muokkaa wikitekstiä]

Verkkoselain pyytää halutun verkkosivun palvelimelta käyttäen HTTP tai HTTPS-protokollaa. Palvelin vastaa pyyntöön lähettämällä selaimelle HTML-dokumentin, jonka selain muuntaa käyttäjälle näytettävään muotoon.

Verkkosivut sisältävät yleensä hyperlinkkejä eli viittauksia toisiin verkkosivuihin tai tiedostoihin. Käyttäjä voi halutessaan valita hyperlinkin selaimessaan, jolloin selain siirtyy linkin osoittamalle verkkosivulle.

Verkkosivu voi olla staattinen tai dynaaminen.

Staattinen sivu on perinteisesti tiedosto palvelinkoneella.[1] Se näkyy selaimella aina samanlaisena ja muuttuu vain, jos tiedostoa muokataan palvelimella.[1] Merkittävä etu staattisella sivulla on suorituskyky: staattinen sivu on jo valmiina lähetettäväksi ennen kuin käyttäjä pyytää tiedostoa.[1] Staattisten sivujen luonti käsin tekstieditorilla tai HTML-editorilla oli varsinkin WWW:n alkuvaiheen yleisin toteutustekniikka. Myöhemmin ovat yleistyneet dynaamiset sivut, joissa on päivämäärän tai käyttäjän toimien mukaan muuttuvaa sisältöä.

Staattinen sivu voidaan myös luoda jotain merkintäkieltä käyttävän sisältömallineen mukaan siihen tarkoitetun ohjelman avulla, joita on lukuisia.[1][2] Staattisten sivujen luonti liitetään nykyään JAMstack-kehitykseen (JavaScript, APIs, Markup). Tässä tekniikassa luodaan kevyt staattinen webbisivu, joka lataantuu nopeasti. JavaScriptin avulla kutsutaan rajapintoja (API), joista dynaaminen sisältö ladataan. Tarvittavan ohjelmoinnin määrä on vähäinen.[1][3]

Dynaaminen sivu luodaan vasta, kun asiakasohjelma sitä pyytää. Lopputuloksena oleva sivu voi riippua useista tekijöistä kuten käyttäjän sijainnista, kellonajasta ja siitä onko käyttäjä kirjautunut[1]

Selaimen hakupyyntö käynnistää palvelinkoneella toimintoja, joiden tuloksena luodaan uusi verkkosivu. Tällaisella järjestelyllä on kaksi etua. Ensinnäkin verkkosivun sisältö voi riippua hakuajankohdasta, mikä mahdollistaa esimerkiksi kellonajan näyttämisen sivulla tai sisällön hakemisen tietokannasta käyttäjän antamien parametrien pohjalta. Toiseksi HTML-muotoisen tiedon muodostumismekanismi voidaan piilottaa palvelimelle sen sijaan että ne olisi haettu ja muodostettu esimerkiksi JavaScriptin avulla. Tällöin loppukäyttäjä ei saa selville, miten dynaaminen tieto on muodostunut.

Verkkosivujen luomiseen käytetään muun muassa HTML-kuvauskieltä.
  1. a b c d e f What is a static site generator? cloudflare.com. Viitattu 22.3.2022. (englanniksi)
  2. Site Generators jamstack.org. Viitattu 22.3.2022. (englanniksi)
  3. https://www.cloudflare.com/learning/performance/what-is-jamstack/

Aiheesta muualla

[muokkaa | muokkaa wikitekstiä]
{{bottomLinkPreText}} {{bottomLinkText}}
Verkkosivu
Listen to this article

This browser is not supported by Wikiwand :(
Wikiwand requires a browser with modern capabilities in order to provide you with the best reading experience.
Please download and use one of the following browsers:

This article was just edited, click to reload
This article has been deleted on Wikipedia (Why?)

Back to homepage

Please click Add in the dialog above
Please click Allow in the top-left corner,
then click Install Now in the dialog
Please click Open in the download dialog,
then click Install
Please click the "Downloads" icon in the Safari toolbar, open the first download in the list,
then click Install
{{::$root.activation.text}}

Install Wikiwand

Install on Chrome Install on Firefox
Don't forget to rate us

Tell your friends about Wikiwand!

Gmail Facebook Twitter Link

Enjoying Wikiwand?

Tell your friends and spread the love:
Share on Gmail Share on Facebook Share on Twitter Share on Buffer

Our magic isn't perfect

You can help our automatic cover photo selection by reporting an unsuitable photo.

This photo is visually disturbing This photo is not a good choice

Thank you for helping!


Your input will affect cover photo selection, along with input from other users.

X

Get ready for Wikiwand 2.0 🎉! the new version arrives on September 1st! Don't want to wait?