Avatar billede Slettet bruger
08. februar 2011 - 17:36 Der er 9 kommentarer og
2 løsninger

Forskelle mellem H2 og DIV?

Hej alle

Jeg er kommet op med et problem, hvor jeg har et H1 tag inde i et H2 tag. Problemet er, at min tekst ikke længere bruger mine CSS style fra H2 efter jeg har lukket mit H1 tag, selvom jeg ikke har afsluttet mit H2 tag.

For at forstå det lidt bedre har jeg lavet et eksempel her: http://finks.dk/help.html

Læg mærke til den sorte tekst i den første boks, hvor jeg bruger et H2 tag, mens den fungerer som jeg gerne vil have den i anden boks, hvor jeg har brugt et DIV tag.

Hvad er det jeg skal ændre i mit H2 tag, for at det kommer til at fungerer som et DIV tag. Jeg har prøvet med display: block; som man også kan se i kildefilen.

På forhånd tak!

mvh. Fink
Avatar billede zips Juniormester
08. februar 2011 - 17:43 #1
Har du prøvet at valider din side, for så ville du sikkert finde fejlen
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Ffinks.dk%2Fhelp.html
Avatar billede Slettet bruger
08. februar 2011 - 17:49 #2
Hej zips

Tak for dit svar, men dette er ikke problemet, da jeg har sat mit SPAM tag til display: block;
Jeg har også prøvet at lave dem i DIV tags istedet for SPAN tags. Dette virker heller ikke :(
Avatar billede emfr08ab Nybegynder
08. februar 2011 - 17:52 #3
Det kan godt være jeg misforstå noget, men hvorfor sætte et h1 tag inden i et h2 tag?

Du gør således:

<h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <h1>Nullam at purus velit.</h1> Proin eget turpis at purus vehicula ultrices quis id ligula. <h1>Praesent metus tellus, ornare vel dictum pulvinar, tempor ut dolor.</h1></h2>

Gør sådan her istedet:

<h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </h2><h1>Nullam at purus velit.</h1><h2>Proin eget turpis at purus vehicula ultrices quis id ligula. </h2><h1>Praesent metus tellus, ornare vel dictum pulvinar, tempor ut dolor.</h1>

Så er der vel ikke noget problem?
Avatar billede zips Juniormester
08. februar 2011 - 18:01 #4
Som jeg håbede du kunne se når du valider side, så må man ikke have H tag i et H tag som du forsøger
Avatar billede Slettet bruger
08. februar 2011 - 18:14 #5
emfr08ab - Det er kun fordi at jeg undrer mig over, hvad forskellen på H2 og DIV er. Havde forestillet mig at de ville opføre sig ens, når man fjerner margin/padding og display. Så det er kun fordi jeg er nysgerrig ;)

zips - det skriver den ikke direkte, men jeg har ikke lige tænkt over at man ikke må have et H1 i et H2. Men bare fordi det ikke er "lovligt" betyder det jo ikke at det ikke kan lade sig gøre. Men det er nok bedst hvis jeg finder en ny løsning.

Tak for svarerne begge to. Hvis i poster et svar værd, giver jeg jer 15 point hver :)
Avatar billede zips Juniormester
08. februar 2011 - 18:20 #6
Her er et svar :-)

Om det er lovligt eller ej, er da vigtigt, og med H tag som bruges i SEO, skal man bruge H tag til det de er beregnet til.
http://www.w3.org/TR/html401/struct/global.html#edef-H1
Avatar billede emfr08ab Nybegynder
08. februar 2011 - 18:24 #7
ok :)

Men jeg kan ikke lige se nogen stor fordel, selv hvis det var lovligt? Alternativt kan du vel bare udskifte din h2 med en span og så style den istedet. Vil det ikke give samme resultat, som du ønsker?
Avatar billede Slettet bruger
08. februar 2011 - 18:39 #8
Spørgsmålet var også mest, hvad forskellen på H tags og DIV's er. Men da det ikke er lovligt at bruge H i H tags er det lidt ligegyldigt ;)
Avatar billede webweaver Praktikant
08. februar 2011 - 21:55 #9
Forskellen på et H tag og en DIV?
Det er 2 vidt forskellige ting, som slet ikke kan sammenlignes :)

DIV er et positioneringselement, et layer eller en boks om du vil.

H er et tekstværktøj, som typisk bruges på overskrifter.
Avatar billede Slettet bruger
08. februar 2011 - 23:48 #10
Den er jeg med på. Men de kan stadig ændres så de opfører sig ens, så vidt jeg har forstået, gennem css ;)
Ved godt H tags ikke er beregnet til at opfører sig lige som DIV's, men det betyder ikke at man ikke kan vide hvordan man får dem til det. Det er så gået op for mig, at det nok aldrig skal afprøves på hjemmesider :D
Avatar billede magic-mouse Novice
10. februar 2011 - 21:32 #11
Tænk på H1-H9 som Overskrift 1 - Overskrift 9 i word/open office.

H står for Headline.

De kan bla. bruges til at lave indholds fortegnelser med og give din side bedre SEO effekt.

Div. Tænk på div som en beholder (container), som kan holde styr på din kode. Samle elementer og flytte dem. Div er HTML's Swiss army knife.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester