HTTP Web-Sniffer 1.0.36 by Lingo4you - Sprachen Online Lernen

View HTTP Request and Response Header

For more information on HTTP see RFC 2616

HTTP(S)-URL: (IDN allowed)

HTTP version:

• Request type:

HTTP Request Header

Connect to 130.242.128.19 on port 80 ... ok

GET /servertekniker/ssi/index.php HTTP/1.1[CRLF]
Host: internet.physto.se[CRLF]
Connection: close[CRLF]
Accept-Encoding: gzip[CRLF]
Accept-Charset: ISO-8859-1,UTF-8;q=0.7,*;q=0.7[CRLF]
Cache-Control: no[CRLF]
Accept-Language: de,en;q=0.7,en-us;q=0.3[CRLF]
Referer: http://web-sniffer.net/[CRLF]
[CRLF]

HTTP Response Header

NameValueDelim
Status: HTTP/1.1 200 OK
Date:Thu, 02 Sep 2010 14:48:08 GMT
Server:Apache/2.2.9 (Unix) mod_ssl/2.2.9 OpenSSL/0.9.8h mod_python/3.3.1 Python/2.4.4 DAV/2 PHP/5.2.6 mod_perl/2.0.4 Perl/v5.8.5
X-Powered-By:PHP/5.2.6
Set-Cookie:CSSpreferens=nnfhke79uti0f3dt9mu0ltlgd1; path=/
Connection:close
Transfer-Encoding:chunked
Content-Type:text/html

Content (34.23 KiB)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html lang="sv">

  <head>

    <!-- mime-typ och character set, html/xhtml -->
    <meta http-equiv='content-type' content='text/html; charset=utf-8'>

    <!-- dokumenttitel -->
    <title>Fysikums webb- och mediakurser - Server Side Includes (SSI)</title>

    <!-- kontroll av sökrobotar -->
    <meta name='robots' content='index,follow'>

    <!-- mime-typer för stilmallar och javascript -->
    <meta http-equiv='content-style-type' content='text/css'>
    <meta http-equiv='content-script-type' content='text/javascript'>

    <!-- chache-kontroll -->
    <meta http-equiv='pragma' content='no-cache'>
    <meta http-equiv='cache-control' content='no-cache, must-revalidate'>
    <meta http-equiv='expires' content='0'>

    <!-- kontaktinformation -->
    <meta name='author' content='Hans Mühlen, Fysikum, Stockholms universitet'>
    <meta name='contact_addr' content='hans pkt muhlen snabela physto pkt se'>
    <meta name='copyright' content='Copyright (c) 1995-2010 Hans Mühlen'>

    <!-- skapelse- och revisionsdatum -->
    <meta name='date-revision-yyyymmdd' content='20070216'>

    <!-- förhindra internet explorer att lägga nedladdningsikoner över bilder -->
    <meta http-equiv='imagetoolbar' content='no'>

    <!-- adressikon -->
    <link rel='shortcut icon' href='../../pic/favicon16x16.png'>

    <!-- sidreferenser -->
    <link rel='alternate' media='print' href='/servertekniker/ssi/index.php?p=1'>

    <!-- hjälp till sökrobotar -->
    <meta name='keywords' content='fysikum, stockholms universitet, albanova, nät, nätverk, digitala media, media, web, webb, webpublicering, webbpublicering, kurs, datorkurs, programmering, webbprogrammering, webprogrammering, webb- och databasprogrammering, databasprogrammering, informationsteknik, grafisk design, koda, handkoda, publicera, hemsida, webbsida, webbutveckling, databas, databaser, html, php, sql, css, stilmall, stilmallar, http, relationsdatabas, apache, php-tolk, mysql, dreamweaver, photoshop, flash, klient, server, tabell, länk, formulär, internet, filer, filhantering, grafik, '>
    <meta name='description' content='Fysikums webb- och mediakurser.'>

    <!-- stilmallar -->
    <!--[if !IE]>-->
    <link type='text/css' rel='stylesheet' media='screen' href='../../_css/css-stilval.css'>
    <!--<![endif]-->
    <link type='text/css' rel='stylesheet' media='screen' href='../../_css/css-fontfamily-trebuchet.css'>
    <!--[if !IE]>-->
    <link type='text/css' rel='stylesheet' media='screen' href='../../_css/css-selectstyle-plain.css' title='Stilmall &quot;plain&quot;'>
    <!--<![endif]-->
    <link type='text/css' rel='stylesheet' media='print' href='../../_css/inc-colors.css'>
    <link type='text/css' rel='stylesheet' media='print' href='../../_css/inc-gemensamt.css'>
    <link type='text/css' rel='stylesheet' media='print' href='../../_css/inc-fontsize-print.css'>
    <link type='text/css' rel='stylesheet' media='print' href='../../_css/css-fontfamily-verdana.css'>
    <link type='text/css' rel='stylesheet' media='print' href='../../_css/css-selectstyle-print.css'>
    <!--[if IE]><link type='text/css' rel='stylesheet' media='screen' href='../../_css/css-selectstyle-msie.css'><![endif]-->

    <!-- javascript -->
    <script type='text/javascript' src='../../_js/js-mmreloadpage.js'></script>
    <script type='text/javascript' src='../../_js/js-framekiller.js'></script>
    <script type='text/javascript' src='../../_js/js-jump.js'></script>
    <script type='text/javascript' src='../../_js/js-favelets.js'></script>
    <script type='text/javascript' src='../../_js/js-viewport.js'></script>

    <!-- google analytics -->
    <script type='text/javascript'>
      var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
      document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script type='text/javascript'>
      var pageTracker = _gat._getTracker("UA-3966006-1");
      pageTracker._initData();
      pageTracker._trackPageview();
    </script>

  </head>



  <body>

    <div id='block-container'>

    <div id='skiptocontent' class='flik'><p><a href='#pagecontent'>G&aring; direkt till inneh&aring;llet</a></p></div>

      <div id='block-banner' class='artikel wp'>
        <h1><a href='../../'>FYSIKUMS WEBB- OCH MEDIAKURSER</a></h1>
      </div> <!-- block-banner -->

      <div id='block-navigation'>

        <p class='hidden'>S&ouml;kv&auml;g f&ouml;r denna sida inom webbplatsen:</p>
        <ul id='crumb'>
          <li class='root'>
            <span><a href='../../index.php'>hem</a></span>
            <div>
              <p><a href='../../kursinfo/digitalamedia/index.php'><strong>WEBBDESIGN&nbsp;OCH&nbsp;DIGITALA&nbsp;MEDIA</strong></a></p>
              <p><a href='../../kursinfo/webbprogrammering/index.php'><strong>WEBB-&nbsp;OCH&nbsp;DATABASPROGRAMMERING</strong></a></p>
              <p><a href='../../serverprogram/index.php'><strong>Program&nbsp;p&aring;&nbsp;serversidan</strong></a></p>
              <p><a href='../../utvecklingsprogram/index.php'><strong>Program&nbsp;p&aring;&nbsp;utvecklingsdatorn</strong></a></p>
              <p><a href='../../media/index.php'><strong>Digitala&nbsp;media</strong></a></p>
              <p><a href='../../externa_enheter/index.php'><strong>Arbeta&nbsp;med&nbsp;externa&nbsp;enheter</strong></a></p>
              <p><a href='../../filhantering/index.php'><strong>Filhantering</strong></a></p>
              <p><a href='../../internet/index.php'><strong>Om&nbsp;internet</strong></a></p>
              <p><a href='../../webbplatser/index.php'><strong>Skapa&nbsp;webbplatser</strong></a></p>
              <p><a href='../../webbapplikationer/index.php'><strong>Webbapplikationer</strong></a></p>
              <p><a href='../../servertekniker/index.php'><strong>Tekniker&nbsp;p&aring;&nbsp;serversidan</strong></a></p>
              <p><a href='../../klienttekniker/index.php'><strong>Tekniker&nbsp;p&aring;&nbsp;klientsidan</strong></a></p>
              <p><a href='../../webbsidor/index.php'><strong>Komponenter&nbsp;i&nbsp;webbsidor</strong></a></p>
              <p><a href='../../oh/index.php'><strong>F&ouml;rel&auml;sningsanteckningar</strong></a></p>
              <p><a href='../../resurser/index.php'><strong>Resurser</strong></a></p>
              <p><a href='../../kursinfo/index.php'><strong>Kursinformation</strong></a></p>
            </div>
          </li>
          <li class='grupp'>
            <span><a href='../../servertekniker/index.php'>serversidestekniker</a></span>
            <div>
              <p><a href='../../servertekniker/cgi/index.php'><strong>cgi</strong></a></p>
              <p><a href='../../servertekniker/http/index.php'><strong>http</strong></a></p>
              <p><a href='../../servertekniker/perl/index.php'><strong>perl</strong></a></p>
              <p><a href='../../servertekniker/php/index.php'><strong>php</strong></a></p>
              <p><a href='../../servertekniker/sql/index.php'><strong>sql</strong></a></p>
              <p><a href='../../servertekniker/ssi/index.php'><strong>ssi</strong></a></p>
            </div>
          </li>
          <li class='artikel'>
            <span>ssi</span>
            <div>
              <p><a href='../../servertekniker/ssi/ovningar/index.php'><strong>&ouml;vningar</strong></a></p>
              <p><a href='../../servertekniker/ssi/aktivera/index.php'><strong>aktivera</strong></a></p>
              <p><a href='../../servertekniker/ssi/kod/index.php'><strong>kod</strong></a></p>
              <p><a href='../../servertekniker/ssi/lasmer/index.php'><strong>l&auml;s&nbsp;mer</strong></a></p>
              <p><a href='../../servertekniker/ssi/referens/index.php'><strong>referens</strong></a></p>
            </div>
          </li>
        </ul>

      </div> <!-- block-navigation -->

      <div id='block-main'>

        <hr class='hidden'>

        <div id='pagehead'>

          <div id='headline'>
            <h3 class='artikel'>SKRIPTSPR&Aring;KET SSI</h3>
            <p>URL:&nbsp;<a href='../..' class='underline'>internet.physto.se</a></p>
          </div> <!-- headline -->

          <div id='menu'>
            <p>I&nbsp;denna&nbsp;artikel:</p>
            <div class='menu-vansterspalt'>
              <p>1.&nbsp;<strong><a href='aktivera/index.php'>Aktivera&nbsp;SSI</a></strong></p>
              <p>2.&nbsp;<strong><a href='kod/index.php'>SSI-kod</a></strong></p>
              <p>3.&nbsp;<strong><a href='referens/index.php'>SSI&nbsp;-&nbsp;Referens</a></strong></p>
              <p>4.&nbsp;<strong><a href='lasmer/index.php'>L&auml;s&nbsp;mer&nbsp;om&nbsp;SSI</a></strong></p>
              <p>5.&nbsp;<strong><a href='ovningar/index.php'>&Ouml;vningar&nbsp;med&nbsp;SSI</a></strong></p>
            </div>
            <div class='menu-hogerspalt'>
              <p></p>
            </div>
            <div class='ruta-avsluta-spalter'></div>
          </div> <!-- menu -->

        </div> <!-- pagehead -->

        <hr class='hidden'>

        <div id='pagecontent'>

          <div class='artikel'>

<!-- = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = -->

<!-- - - - - - - - - - - -->

<div class='sektion'>

<h4>Moderna webbsidor &auml;r dynamiska webbsidor</h4>

<p>Du har kanske redan l&auml;rt dig <a href="../../webbplatser/skapa/index.php" >skapa en webbplats</a> med webbsidor kodade i <a href="../../klienttekniker/html/index.php" >sidstruktureringsspr&aring;ket HTML</a>. Det &auml;r ju f&ouml;rh&aring;llandevis enkelt att l&auml;ra sig HTML och att skapa egna hemsidor &auml;r ju i dag lite av en folksport.</p>

<p>Men de webbsidor du kan skapa med HTML har en bekymmersam egenskap: sidorna ser exakt likadana ut varje g&aring;ng n&aring;gon tittar p&aring; dem i en webbl&auml;sare. Det &auml;r ju helt OK om dina sidor inneh&aring;ller material som inte &auml;ndrar sig mer ofta &auml;n att du har tid att manuellt redigera dem, men f&ouml;r en s&aring; enkel sak som att automatiskt l&auml;gga in dagens datum duger inte vanlig HTML.</p>

<p>Inte heller r&auml;cker HTML om du vill ha n&aring;gon av de m&aring;nga dynamiska f&ouml;reteelser som vi har vant oss ska finnas i en webbplats, som t.ex s&ouml;kning, g&auml;stb&ouml;cker, chattar, biljettbokning o.s.v. S&aring;dana funktioner kr&auml;ver ofta st&ouml;d av n&aring;gon form av databas eller annan st&ouml;dprogramvara, och du har inga m&ouml;jligheter att anropa s&aring;dana program fr&aring;n en vanlig HTML-sida.</p>

<p>Man brukar kalla webbsidor som &auml;r enbart kodade i HTML f&ouml;r <i>statiska webbsidor</i>, medan sidor vars inneh&aring;ll beror p&aring; vad bes&ouml;karen g&ouml;r eller fyller i n&aring;got formul&auml;r s&auml;gs vara <i>dynamiska webbsidor</i>. I dag &auml;r i princip alla webbplatser med ambitioner dynamiska, s&aring; om du hittills bara l&auml;rt dig koda HTML &auml;r det h&ouml;g tid att g&aring; vidare.</p>

</div> <!-- sektion -->







<!-- - - - - - - - - - - -->

<div class='sektion'>

<h4>SSI - en enkel illustration av teknikerna f&ouml;r dynamiska sidor</h4>

<p>F&ouml;r att f&ouml;rst&aring; hur dynamiska webbsidor fungerar, b&aring;de inneh&aring;llsm&auml;ssigt och tekniskt, kan det vara bra f&ouml;r dig att b&ouml;rja med den kanske enklaste dynamiska tekniken av alla, den som kallas <b>SSI - Server Side Includes</b>. Du kan inte g&ouml;ra s&auml;rskilt mycket med SSI, s&aring; forts&auml;tt g&auml;rna senare med att l&auml;ra dig mer kompetenta tekniker (som PHP). Det du kan g&ouml;ra med SSI &auml;r bl.a:</p>

<ul>
      
  <li>Infoga inneh&aring;llet fr&aring;n en separat textfil in i en webbsida.</li>
        
  <li>Infoga dagens datum och aktuell tid i en webbsida.</li>
        
  <li>Ber&auml;kna storlek f&ouml;r en fil och datum n&auml;r filen senast &auml;ndrades.</li>
        
  <li>Ta reda p&aring; viss information om bes&ouml;karen, bl.a datoradress och typ av webbl&auml;sare.</li>
        
  <li>Anropa separata program (vanligtvis CGI-program) eller operativssystemkommandon.</li>
        
</ul>

<p>Det &auml;r antagligen den f&ouml;rsta av dessa funktioner hos SSI som gett tekniken sitt namn: m&ouml;jligheten att infoga text fr&aring;n en extern fil in i en webbsida. Detta kan l&aring;ta banalt, men t&auml;nk p&aring; hur praktiskt det vore att kunna ha en separat fil med t.ex HTML-koden f&ouml;r den sidfot (med kontaktadresser och navigeringsl&auml;nkar) som ska finnas nederst p&aring; <i>varje</i> sida i din webbplats. I st&auml;llet f&ouml;r att beh&ouml;va kopiera och klistra in denna kod i alla de hundratals sidor som kanske finns p&aring; din webbplats l&auml;gger du bara in en liten SSI-kodsnutt i varje sida, och placerar sidfotskoden i en separat fil som l&auml;nkas in av SSI-koden. P&aring; s&aring; s&auml;tt beh&ouml;ver du bara &auml;ndra p&aring; ett st&auml;lle n&auml;r du t.ex &auml;ndrar kontaktadress, i st&auml;llet f&ouml;r att beh&ouml;va g&aring; in och redigera samtliga sidor p&aring; webbplatsen. En enorm arbetsbesparing!</p>

</div> <!-- sektion -->







<!-- - - - - - - - - - - -->

<div class='sektion'>

<h4>SSI och XSSI</h4>

<p>SSI introducerades omkring 1995 med den d&aring; mest popul&auml;ra webbservern NCSA HTTPd. Tekniken har spritt sig, och alla moderna webbservrar kan i dag tolka SSI-kod. Din SSI-kod ska d&auml;rf&ouml;r i princip vara flyttbar fr&aring;n en webbservermilj&ouml; till en annan.</p>

<p>Efterf&ouml;ljaren till NCSA-servern heter Apache, och &auml;r den webbserver vi koncentrerar oss p&aring; i Fysikums kurser. Apache &auml;r ocks&aring; den server som har hand om de flesta av v&auml;rldens webbplatser. Med versionen 1.2 av Apache-servern fr&aring;n juni 1997 lanserades ett antal utvidgningar av SSI-tekniken under namnet <b>XSSI</b> (eng. <i>eXtended Server Side Includes</i>). Nyheter var bl.a egendefinierade variabler och en enkel villkorssats. Ytterligare utvidgningar har introducerats med senare versioner av Apache. Liksom vanlig SSI har kommandona i XSSI spritt sig till de flesta andra webbservrar, och man pratar v&auml;l i dag egentligen inte om "XSSI", utan s&auml;ger nog helt enkelt bara "SSI" om alla SSI-liknande kommandon.</p>

</div> <!-- sektion -->







<!-- - - - - - - - - - - -->

<div class='sektion'>

<h4>SSI &auml;r ett exempel p&aring; servertolkad inb&auml;ddad kod</h4>

<p>Tekniken SSI &auml;r ett av m&aring;nga exempel p&aring; s.k. <i>servertolkad kod</i> (eng. <i>server parsed code</i>) eller <i>inb&auml;ddad kod</i> (eng. <i>embedded code</i>).</p>

<p>Grundid&eacute;n &auml;r enkel men mycket kraftfull. <b>Serveradministrat&ouml;ren</b> b&ouml;rjar med att installera en extra komponent till webbservern, en s.k. <i>skripttolk</i>, i v&aring;rt fall en <i>SSI-tolk</i>, som kan tolka SSI-kod och &ouml;vers&auml;tta koden till HTML-kod. Tolken &auml;r vanligtvis en integrerad del av webbservern och laddas i minnet n&auml;r servern startas. I webbservern Apache, som vi anv&auml;nder oss av i Fysikums kurser, &auml;r SSI-tolken rent tekniskt ett s.k. <i>exportfilter</i> (eng. <i>output filter</i>).</p>

<p><b>Webbplatsutvecklaren</b> skapar sedan vanliga webbsidor med HTML-kod (och eventuellt stilmallar, javaskript eller andra klientsidestekniker). Infogad mellan vanlig HTML-kod kan sedan speciell SSI-kod placeras, t.ex med kommandon f&ouml;r att infoga dagens datum eller f&ouml;r att klistra in en extern fil.</p>

<p>N&auml;r sedan slutligen <b>en SSI-kompletterad webbsida efterfr&aring;gas</b> av en surfare p&aring; v&aring;r webbplats m&auml;rker servern av att webbsidefilen inneh&aring;ller SSI-kod. Filen skickas d&auml;rf&ouml;r f&ouml;rst vidare till skripttolken f&ouml;r bearbetning innan resultatet returneras till surfarens webbl&auml;sare, d&auml;r HTML-koden tolkas och &ouml;vers&auml;tts till en snygg webbsida i webbl&auml;sarf&ouml;nstret.</p>

<p>Allts&aring;: <b>webbsidans fil p&aring; serverdisken inneh&aring;ller en <i>blandning av HTML-kod och SSI-kod</i>. Den webbsida som slutligen skickas tillbaka till webbl&auml;saren inneh&aring;ller bara <i>ren HTML</i></b>, en del statiskt handkodad fr&aring;n filen, resten dynamiskt skapad genom tolkningen av SSI-koden.</p>










<p>S&aring; h&auml;r ser tolkningsproceduren ut, schematiskt:</p>

<p class='bild'><img src="bild/serversidesskript_schema.gif" width="419" height="221" alt='' /></p>

<ol>
      
  <li><i>En HTTP-f&ouml;rfr&aring;gan om en webbsida skickas till webbservern.</i></li>
        
  <li><i>Servern h&auml;mtar den efterfr&aring;gade filen fr&aring;n dokumentrotkatalogen p&aring; h&aring;rddisken.</i></li>
                
  <li><i>Servern uppt&auml;cker att filen inneh&aring;ller inb&auml;ddad SSI-kod, och skickar filen vidare f&ouml;r behandling till SSI-tolken.</i></li>
        
  <li><i>SSI-tolken bearbetar den inb&auml;ddade koden, som resultetar i ren HTML-kod som infogas bland den ursprungliga HTML-koden.</i></li>
                
  <li><i>SSI-tolken skickar resultatfilen med endast HTML-kod till servern.</i></li>
        
  <li><i>Filen skickas tillbaka till webbl&auml;saren som del av ett HTTP-svar</i>.</li>
                
</ol>

<p>Hur vet servern att en viss fil inneh&aring;ller SSI-kod som m&aring;ste bearbetas? Det finns flera metoder f&ouml;r detta, och en vanlig &auml;r att ge SSI-kodade filer en s&auml;rskild filnamns&auml;ndelse, t.ex <code>.shtml</code> i st&auml;llet f&ouml;r <code>.html</code> men det finns &auml;ven andra l&ouml;sningar.</p>

</div> <!-- sektion -->










<!-- - - - - - - - - - - -->

<div class='sektion'>

<h4>Ett litet SSI-kodexempel</h4>

<p>I den ursprungliga webbsidefilen kan det st&aring; s&aring; h&auml;r, med <b>en blandning av text, HTML-kod och SSI-kod</b>:</p>


<!-- - - - START kod i grå ruta - - - - - - - - - - - - - - - - - - - -->
<div class='kodfragment width-normal indragen padding-1em border-2-darkgray bgcolor-kodfragment lineheight-normal kod'>

&lt;!--#config&nbsp;timefmt="%Y-%m-%d"&nbsp;--&gt;
<br />&lt;p&gt;&lt;b&gt;Dagens datum&lt;/b&gt; &auml;r <br />&lt;!--#echo&nbsp;var="DATE_LOCAL"&nbsp;--&gt;.&lt;/p&gt;


</div>
<!-- - - - SLUT kod i grå ruta  - - - - - - - - - - - - - - - - - - - -->


<p>Du k&auml;nner igen SSI-koden p&aring; att den &auml;r innesluten i speciella klamrar <code>&lt;!--#</code> och <code>--&gt;</code> medan HTML-kod innesluts i de enklare klamrarna <span class='menyval'>&lt;</span> och <span class='menyval'>&gt;</span>. Det f&ouml;rsta SSI-kommandot "config timefmt" i exemplet definierar utskriftsformatet f&ouml;r datum, n&auml;mligen "&Aring;&Aring;&Aring;&Aring;-MM-DD", medan det andra kommandot "echo var" skriver ut dagens datum p&aring; det angivna formatet. Efter bearbetning av filen i SSI-tolken kan <b>den resulterande rena HTML-koden i filen</b> som skickas till webbl&auml;saren se ut s&aring; h&auml;r:</p>


<!-- - - - START kod i grå ruta - - - - - - - - - - - - - - - - - - - -->
<div class='kodfragment width-normal indragen padding-1em border-2-darkgray bgcolor-kodfragment lineheight-normal kod'>

&lt;p&gt;&lt;b&gt;Dagens datum&lt;/b&gt; &auml;r 2003-09-04.&lt;/p&gt;


</div>
<!-- - - - SLUT kod i grå ruta  - - - - - - - - - - - - - - - - - - - -->


<p>N&auml;r filen n&aring;r webbsurfarens webbl&auml;sare <b>tolkas slutligen &auml;ven HTML-koden</b>, och i webbl&auml;sarens f&ouml;nster syns bara f&ouml;ljande formaterade text:</p>


<!-- - - - START kod i grå ruta - - - - - - - - - - - - - - - - - - - -->
<div class='kodfragment width-normal indragen padding-1em border-2-darkgray bgcolor-kodfragment lineheight-normal kod'>

<b>Dagens datum</b> &auml;r 2003-09-04.


</div>
<!-- - - - SLUT kod i grå ruta  - - - - - - - - - - - - - - - - - - - -->


</div> <!-- sektion -->










<!-- - - - - - - - - - - -->

<div class='sektion'>

<h4>Tolkningen av SSI-kod &auml;r inte beroende av valet av webbl&auml;sare</h4>

<p>En intressant slutsats man kan dra av beskrivningen ovan &auml;r att tolkningen av SSI och annan servertolkad skriptkod &auml;r helt oberoende av vilken webbl&auml;sare webbplatsbes&ouml;karen anv&auml;nder: tolkningen sker ju av servern innan n&aring;got skickats till webbklienten.</p>

<p>Den HTML-kod som skapas vid tolkningen av skriptet &auml;r dock naturligtvis lika k&auml;nslig f&ouml;r egenheter i olika webbl&auml;sare som vanlig handkodad HTML. Ibland ser man det felaktiga p&aring;st&aring;endet att man kan undvika problemen med inkompatibla webbl&auml;sare genom att anv&auml;nda dynamiskt skapade webbsidor i st&auml;llet f&ouml;r statiskt kodade sidor, men l&aring;t dig allts&aring; inte luras. HTML tolkas av webbl&auml;sare och endast d&auml;r; alla program p&aring; serversidan bryr sig inte ett dugg om hur HTML-koden &auml;r formulerad.</p>

</div> <!-- sektion -->







<!-- - - - - - - - - - - -->

<div class='sektion'>

<h4>Alternativ till SSI</h4>

<p>Tekniken SSI &auml;r den kanske enklaste varianten av servertolkad kod, enkel b&aring;de d&auml;rf&ouml;r att det &auml;r l&auml;tt att l&auml;ra sig SSI-kodning, men ocks&aring; enkel i betydelsen primitiv. S&aring; fort du vill &aring;stakomma mer med dina dynamiska sidor &auml;n att infoga datum eller externa filer kan du beh&ouml;va &ouml;verg&aring; till mer fullfj&auml;drade och kompetenta serversidestekniker.</p>

<p>I Fysikums webbkurser anv&auml;nder vi oss av <b>skriptspr&aring;ket PHP</b>, som liksom SSI fungerar genom inb&auml;ddning av PHP-kod i HTML-filer, kod som sedan tolkas och konverteras till HTML av en PHP-tolk som serveradministrat&ouml;ren installerat p&aring; servern. Andra popul&auml;ra tekniker f&ouml;r inb&auml;ddad kod &auml;r <b>ASP</b>, <b>JSP</b> och <b>CFML</b>.</p>

<p>En &auml;ldre men fortfarande vida spridd teknik &auml;r att l&aring;ta webbservern anropa externa program som genererar den dynamiskt skapade HTML-koden. En av de &auml;ldsta teknikerna f&ouml;r att hantera kommunikationen mellan webbservern och s&aring;dana externa program &auml;r <b>CGI</b>.</p>

<p>Men i denna artikel h&aring;ller vi oss till SSI/XSSI. F&ouml;rst n&aring;gra ord om hur serveradministrat&ouml;ren <a href="../../servertekniker/ssi/aktivera/index.php" >aktiverar SSI-tolken p&aring; webbservern</a>, sedan <a href="../../servertekniker/ssi/kod/index.php" >exempel p&aring; hur du infogar SSI-kod</a> i dina webbsidor. Se g&auml;rna <a href="../../servertekniker/ssi/referens/index.php" >referensdelen</a> f&ouml;r en fullst&auml;ndig f&ouml;rteckning &ouml;ver SSI-kommandon, och <a href="../../servertekniker/ssi/lasmer/index.php" >l&auml;stipsen</a> f&ouml;r fler texter i &auml;mnet SSI.</p>

</div> <!-- sektion -->

<!-- = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = -->

          </div> <!-- artikel -->

        </div> <!-- pagecontent -->

        <p id='sequor'><a href='aktivera/index.php'>FORTS&Auml;TT</a></p>

        <hr class='hidden'>

      </div> <!-- block-main -->

      <div id='block-colophon'>

        <form method='post' action='#block-container' class='sitequicklinks'>
          <div>
            <h3 class='hidden'><label for='select'>SNABBNAVIGERING</label></h3>
            <select name='select' id='select' onchange='jump(this)'> 
              <option selected='selected'>G&aring; till...</option>
              <option class='sitequicklinks-rubrik' value='../../kursinfo/kursmaterial/index.php'>KURSMATERIAL ONLINE</option>
              <option value='../../serverprogram/index.php'>Program p&aring; serversidan</option>
              <option value='../../utvecklingsprogram/index.php'>Program p&aring; utvecklingsdatorn</option>
              <option value='../../media/index.php'>Digitala media</option>
              <option value='../../externa_enheter/index.php'>Arbeta med externa enheter</option>
              <option value='../../filhantering/index.php'>Filhantering</option>
              <option value='../../internet/index.php'>Om internet</option>
              <option value='../../webbplatser/index.php'>Skapa webbplatser</option>
              <option value='../../webbapplikationer/index.php'>Webbapplikationer</option>
              <option value='../../servertekniker/index.php'>Tekniker p&aring; serversidan</option>
              <option value='../../klienttekniker/index.php'>Tekniker p&aring; klientsidan</option>
              <option value='../../webbsidor/index.php'>Komponenter i webbsidor</option>
              <option class='sitequicklinks-rubrik' value='../../oh/index.php'>F&Ouml;REL&Auml;SNINGSANTECKNINGAR</option>
              <option class='sitequicklinks-rubrik' value='../../resurser/index.php'>RESURSER</option>
              <option class='sitequicklinks-rubrik' value='../../kursinfo/index.php'>KURSINFORMATION</option>
              <option value='../../kursinfo/digitalamedia/index.php'>Webbpublicering och digatala media</option>
              <option value='../../kursinfo/webbprogrammering/index.php'>Webb- och databasprogrammering</option>
              <option value='../../kursinfo/inforkursen/index.php'>Inf&ouml;r kursen</option>
              <option value='../../kursinfo/kursmaterial/index.php'>Kursmaterial online</option>
              <option value='../../kursinfo/studentkonton/index.php'>Studentkonton</option>
            </select>
          </div>
        </form> <!-- sitequicklinks -->

        <hr class='hidden'>
        <div id='favelets'>
          <h3 class='hidden'>FAVELETS</h3>
          <dl>
            <dt>kodvalidering:</dt>
            <dd><ul>
              <li><a href='http://validator.w3.org/check?uri=http%3A%2F%2Finternet.physto.se%2Fservertekniker%2Fssi%2Findex.php&amp;verbose=1'>x/html</a></li>
              <li><a href='http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Finternet.physto.se%2Fservertekniker%2Fssi%2Findex.php&amp;warning=0&amp;profile=css21&amp;usermedium=all'>css</a></li>
            </ul></dd>
          </dl>
          <dl>
            <dt>tester:</dt>
            <dd><ul>
              <li><a href='http://validator.w3.org/checklink?url=http%3A%2F%2Finternet.physto.se%2Fservertekniker%2Fssi%2Findex.php&amp;hide_type=all&amp;depth=&amp;check=Check'>l&auml;nkar</a></li>
              <li><a href='http://www.delorie.com/web/ses.cgi?url=http%3A%2F%2Finternet.physto.se%2Fservertekniker%2Fssi%2Findex.php'>s&ouml;krobot</a></li>
              <li><a href='http://juicystudio.com/services/readability.php?url=http%3A%2F%2Finternet.physto.se%2Fservertekniker%2Fssi%2Findex.php#readresults'>l&auml;sbarhet</a></li>
              <li><a href='javascript:cssCompatibilityMode()'>css-l&auml;ge</a></li>
            </ul></dd>
          </dl>
          <dl>
            <dt>HTTP-data:</dt>
            <dd><ul>
              <li><a href='javascript:displayCookie()'>cookies</a></li>
              <li><a href='http://web-sniffer.net?url=http%3A%2F%2Finternet.physto.se%2Fservertekniker%2Fssi%2Findex.php&amp;submit=Submit&amp;http=1.1&amp;gzip=yes&amp;type=GET&amp;ua='>get-huvud</a></li>
              <li><a href='http://web-sniffer.net?url=http%3A%2F%2Finternet.physto.se%2Fservertekniker%2Fssi%2Findex.php&amp;submit=Submit&amp;http=1.1&amp;gzip=yes&amp;type=POST&amp;ua='>post-huvud</a></li>
            </ul></dd>
          </dl>
          <dl>
            <dt>sidstruktur:</dt>
            <dd><ul>
              <li><a href='javascript:showDivs()'>div</a></li>
              <li><a href='javascript:showSpans()'>span</a></li>
              <li><a href='javascript:elementsInspector()'>element</a></li>
              <li><a href='/servertekniker/ssi/index.php'>&lt;&aring;ter&gt;</a></li>
            </ul></dd>
          </dl>
          <dl>
            <dt>resurser:</dt>
            <dd><ul>
              <li><a href='../../resurser/latin1/index.php'>latin1</a></li>
              <li><a href='http://www.utf8-chartable.de/unicode-utf8-table.pl?unicodeinhtml=dec&amp;htmlent=1'>utf-8</a></li>
              <li><a href='../../resurser/216rgb/index.php'>#rgb</a></li>
              <li><a href='http://www.nada.kth.se/dataterm/'>dataterm</a></li>
              <li><a href='http://acronyms.thefreedictionary.com/'>f&ouml;rk.</a></li>
              <li><a href='http://www.quirksmode.org/css/contents.html'>css-kompat.</a></li>
            </ul></dd>
          </dl>
          <ul>
            <li><script type='text/javascript'>void document.write(innerWindowDimensions());</script></li>
          </ul>
          <ul>
            <li><script type='text/javascript'>void document.write(heightOfPage());</script></li>
          </ul>
        </div> <!-- favelets -->

        <hr class='hidden'>
        <div id='copyright'>
          <p>&#169;&nbsp;1995-2010 <a href='http://www.physto.se/~hvzm/'>Hans&nbsp;M&uuml;hlen</a></p>
          <p>Kontaktadress:&nbsp;hvzm<span class='snabela'>&nbsp;</span>physto.se</p>
          <p>Kurserna ges&nbsp;av <a href='http://www.physto.se/'>Fysikum</a> vid&nbsp;<a href='http://www.su.se/'>Stockholms universitet</a>.</p>
          <p><a href='../../cookies/index.php'>Vi&nbsp;anv&auml;nder&nbsp;cookies</a>.</p>
        </div>

        <div id='select-style' class='flik'>
          <dl>
            <dt class='stilval-rubrik'>v&auml;lj&nbsp;stilmall:</dt>
            <dd><ul>
              <li class='stilval-item'><abbr title='enkel'>U</abbr></li>
              <li class='stilval-item'><a href="/servertekniker/ssi/index.php?stilval=meny" title='v&auml;lj stil: v&auml;nsterspalt'>M</a></li>
              <li class='stilval-item'><a href="/servertekniker/ssi/index.php?stilval=boxed" title='v&auml;lj stil: blurb-in-box'>B</a></li>
              <li class='stilval-item'><a href="/servertekniker/ssi/index.php?stilval=print" title='v&auml;lj stil: utskrivbar version'>P</a></li>
              <li class='stilval-item'><a href="/servertekniker/ssi/index.php?stilval=text" title='v&auml;lj stil: ren text'>X</a></li>
              <li class='stilval-item'><a href="/servertekniker/ssi/index.php?stilval=nocss" title='v&auml;lj stil: utan stilmall, webbl&auml;sarens defaultstil'>&#172;</a></li>
            </ul></dd>
          </dl>
        </div> <!-- select-style -->

        <div id='select-font' class='flik'>
          <dl>
            <dt class='stilval-rubrik'>v&auml;lj&nbsp;typsnitt:</dt>
            <dd><ul>
              <li class='stilval-item'><abbr title='trebuchet (sansserif)'>r</abbr></li>
              <li class='stilval-item'><a href="/servertekniker/ssi/index.php?fontval=verdana" title='v&auml;lj typsnitt: verdana (sansserif)'><em>v</em></a></li>
              <li class='stilval-item'><a href="/servertekniker/ssi/index.php?fontval=tahoma" title='v&auml;lj typsnitt: tahoma (sansserif)'><em>a</em></a></li>
              <li class='stilval-item'><a href="/servertekniker/ssi/index.php?fontval=impact" title='v&auml;lj typsnitt: impact (sansserif)'><em>i</em></a></li>
              <li class='stilval-item'><a href="/servertekniker/ssi/index.php?fontval=georgia" title='v&auml;lj typsnitt: georgia (serif)'><em>g</em></a></li>
              <li class='stilval-item'><a href="/servertekniker/ssi/index.php?fontval=times" title='v&auml;lj typsnitt: times (serif)'><em>t</em></a></li>
              <li class='stilval-item'><a href="/servertekniker/ssi/index.php?fontval=courier" title='v&auml;lj typsnitt: courier (monospace)'><em>c</em></a></li>
            </ul></dd>
          </dl>
        </div> <!-- select-font -->

        <p id='updated'>Senast&nbsp;uppdaterad&nbsp;16&nbsp;februari&nbsp;2007</p>

        <hr class='hidden'>
          <div class='hidden'>
<div class='vcard'>
  <span class='fn'>Hans M&uuml;hlen</span>
  <div class='org'>
    <span class='organization-name'>Stockholms universitet</span>
    <span class='organization-unit'>Fysikum</span>
  </div>
  <div class='adr'>
    <span class='type'>postal</span>
    <span class='type'>work</span>
    <span class='street-address'>Roslagstullsbacken 21</span>
    <br><span class='postal-code'>106 91</span>
    <span class='locality'>Stockholm</span>,
    <span class='country-name'>Sverige</span>
  </div>
  <div class='tel'>Tel: 
    <span class='type'>work</span>    <span class='value'>+46 8 5537 8423</span>
   </div>
  <div class='tel'>Fax: 
    <span class='type'>fax</span>
    <span class='type'>work</span>
    <span class='value'>+46 8 5537 8601</span>
   </div>
  <div class='email'>E-post: 
    <span class='type'>work</span>    <span class='value'>hvzm<span class='snabela'>&nbsp;</span>physto.se</span>
   </div>
  Hemsida: <span class='url'><a href='http://www.physto.se/~hvzm/'>www.physto.se/~hvzm</a></span>
</div>
          </div>

          <div class='hidden'>
<div class='vcard'>
  <div class='org fn'>
    <span class='organization-name'>Stockholms universitet</span>
    <span class='organization-unit'>Fysikum</span>
  </div>
  <div class='adr'>
    <span class='type'>postal</span>
    <span class='type'>work</span>
    <span class='street-address'>Roslagstullsbacken 21</span>
    <br><span class='postal-code'>106 91</span>
    <span class='locality'>Stockholm</span>,
    <span class='country-name'>Sverige</span>
  </div>
  <div class='adr'>
    <span class='type'>parcel</span>
    <span class='type'>work</span>
    <span class='street-address'>Roslagsv&auml;gen 30 B</span>
    <br><span class='postal-code'>104 06</span>
    <span class='locality'>Stockholm</span>,
    <span class='country-name'>Sverige</span>
  </div>
  <div class='tel'>Tel: 
    <span class='type'>work</span>    <span class='value'>+46 8 5537 8444</span>
   </div>
  <div class='tel'>Fax: 
    <span class='type'>fax</span>
    <span class='type'>work</span>
    <span class='value'>+46 8 5537 8601</span>
   </div>
  Hemsida: <span class='url'><a href='http://www.physto.se/'>www.physto.se</a></span>
</div>
          </div>
        <div class='ruta-avsluta-spalter'></div>

      </div> <!-- block-colophon -->

      <div id='block-direction'>

        <div id='orientering-oversikt' class='flik'>
          <p>[<a href='../../kursinfo/kursmaterial/index.php'>&ouml;versikt</a>]</p>
        </div> <!-- orientering-oversikt -->

        <div id='orientering-utskrivbar' class='flik'>
          <p>[<a href='/servertekniker/ssi/index.php?p=1'>utskrivbar</a>]</p>
        </div> <!-- orientering-utskrivbar -->

      </div> <!-- block-direction -->

      <div id='block-appendix'>
        <div id='appendix-dropshadow'></div>
        <div id='appendix-pageextension'></div>
      </div> <!-- block-appendix -->

    </div> <!-- block-container -->

  </body>

</html>