Gå til innhold

HTML 4.01 Strict eller XHTML?

Dafe

Av Dafe
i Programmering og webutvikling

Anbefalte innlegg

Dafe

Dafe

Skrevet
Skrevet

Hei

Jeg har lyst å lære å lage hjemmesider, men kan ingenting om koding :p

 

Lurte på hvilket språk jeg burde lære meg; tenkte på HTML 4.01 Strict eller XHTML. Hva er forskjellene mellom disse og hva bør jeg bruke?

 

Gi gjerne linker til guider eller bøker om HTML 4.01 Strict eller XHTML.

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
pgdx

pgdx

Skrevet
Skrevet

Ikke så mye forskjell. Det går helt greit å bruke HTML4.01 Strict hvis du bare skal lage en hjemmeside.

 

Det som er viktig at du lærer deg, er å bruke HTML sammen med CSS.

 

www.htmldog.com er en bra side. Selv lærte jeg alt på www.w3schools.com

 

Det er bra du spør om hjelp her. Da er det mye lettere at du lærer det som er riktig istedenfor som så mange andre, lære feil først, og så bruke mye tid på å lære seg hvordan ting skal gjøres!

Lenke til kommentar
pgdx

pgdx

Skrevet
Skrevet

CSS er et stilark. Det er en egen fil der du setter diverse innstillinger til html-dokumentet ditt. Innstillinger jeg tenker på da, er nesten alt. Fra farge på skrift, størrelse på skrift, definering av tagger og posisjonering av <div>-tagger.

 

Det første du må gjøre er å legge en linje inn i head i html-filen slik:

<html>
<head>
<title>Webside med bruk av CSS</title>
<link rel="stylesheet" href="stilark.css" type="text/css">
</head>

Linjen jeg tenker på er den som begynner med <link...

 

Den forteller nettleseren at stilen (derfor rel="stylesheet") på siden blir definert fra filen silark.css (href) og at det er av typen text/css.

 

Etter du har lagt den linjen inn i html-filen, kan du fortsette med dene koden:

<body>
<div id="meny">
<h1>Meny</h1>
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>

<div id="text">
<h1>Textfelt</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris interdum massa. Sed eleifend nonummy lorem. Aliquam erat volutpat. Sed ultrices justo sed quam. Fusce lacus odio, commodo non, nonummy et, lobortis eu, quam. Cras sit amet metus ut libero dictum cursus. Etiam congue. Phasellus mollis. Fusce orci. Morbi sit amet sapien semper justo ornare rutrum. Praesent sit amet tellus quis erat dictum cursus. </p>

<p>Curabitur sed sapien. Ut in ipsum at nunc lacinia rhoncus. Vivamus justo pede, dictum nec, pharetra et, interdum et, ipsum. Mauris malesuada tincidunt augue. In sagittis mattis mauris. Suspendisse potenti. Fusce tincidunt ornare dui. In dui ante, feugiat vitae, consequat quis, varius et, dui. Duis luctus vestibulum quam. Ut faucibus. In dignissim iaculis est. Ut tortor. In at lacus at turpis ornare fringilla. Donec vehicula aliquet nisl. Nulla elementum nonummy dui. Curabitur diam. Fusce rhoncus condimentum quam.</p>
</div>

</body>
</html>

 

Det jeg har sitert i code-tag kopierer du og limer inn i en tekstbehandler og lagrer det som index.html.

 

Deretter går vi over til CSS-filen.

Du begynner med å åpne en tekstbehandler (evt. Dreamweaver og velger ny - CSS-dokument)

I den filen legger du inn denne teksten:

body {
color: #fff;
background-color: #334;
font-family: verdana;
font-size: x-small;
}
h1 {
text-decoration: underline;
font-size: small;
font-weight: bold;
color: #f00;
}
p {
text-align: justify;
}
a {
color: #fff;
text-decoration: underline;
}
a:hover {
color: #EFC70A;
text-decoration: none;
}

#meny {
position: absolute;
top: 100px;
left: 50px;
width: 100px;
background-color: #333;
}

#text {
position: absolute;
top: 100px;
left: 250px;
width: 400px;
border: 1px dotted #666;
}

 

Det lagrer du i en fil i samme mappe som index.html og døper filen for stilark.css.

 

Da skal du se en side som ser slik ut.

Lenke til kommentar
Cucum(r)

Cucum(r)

Skrevet
Skrevet (endret)

Hovedforskjellen på XHTML og HTML er at alle tagger skal avsluttes i XHTML.

<br> i HTML må skrives <br /> i XHTML, for eksempel.

En annen veldig viktig ting er at XHTML bør sendes med en annen Content-type (MIME-type) enn HTML.

XHTML bruker application/xhtml+xml som MIME-type, mens HTML sendes som text/html.

Grunnen til at man skal bruke en annen MIME-type til XHTML, er at det er et XML-språk.

XHTML er ikke HTML, og er heller ikke oppbygget på samme måte, for å si det sånn.

 

Problemet med å bruke application/xhtml+xml er at Internet Explorer og visse andre browsere/UA's klarer ikke å vise siden, da de ikke forstår hva den inneholder. Dette gir da en nedlastingsdialogboks i de aktuelle browserene.

 

På grunn av dette må vi bruke en såkalt "Content Neogation Technique" for å gi de problematiske browserene en fungerende MIME-type.

Selv bruker jeg dette PHP-scriptet som skal ligge øverst i koden din, altså over alt annet.

 

Edit: Jeg skrev et lite innlegg om dette i bloggen min for en liten stund siden.

Endret av SirIce
Lenke til kommentar
mikaelandre

mikaelandre

Skrevet
Skrevet (endret)

Jeg prøvde å legge til det php skriptet ditt, men da hendte det noe rart... I IE vistes sidene akkurat som før, men i firefox ble teksten plutselig mye større.... noen som vet hvorfor? og er det ikke nok å ha med <meta name="content-type" content="application/xhtml+xml" /> for å sette content type? for når jeg setter det så sier ihvertfall firefox at det fortsatt sendes som text/html....

 

edit: jeg fant det ut... Body i css fila skjøne ikke firefox, men body gikk bra. rart at den ikke protesterte når det var text/html da...

Endret av mikaelandre
Lenke til kommentar
mikaelandre

mikaelandre

Skrevet
Skrevet

det oppstod et lite problem med det der programmet. funket som fjell hos meg, men hos en kompis som har mac ble det bare tull... han har nyeste osx, og testa med nyeste IE, Moxilla og Opera, men funka ikke i noen av de. IE viste ikke sida i det hele tatt, de to andre hadde forskjellige feil. funker kjempe bra uten det der scriptet ditt.... noen måte å jobbe rundt dette?

Lenke til kommentar
Cucum(r)

Cucum(r)

Skrevet
Skrevet
xhtml 1.1 strict er jo litt mer porno da enn html 4.01 ;)

Jeg går ut i fra at du mener XHTML1.1? (Det finnes ikke strict/transitional/frameset)

Det foreløpige problemet med å bruke denne DTD'en er at siden må sendes med MIME-typen application/xhtml+xml.

Bruker man XHTML1.0 S/TR/FR kan man bruke text/html på UAs som ikke støtter application/xhtml+xml.

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...