Toon posts:

[CSS/HTML]: eigen tags definieren

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik ben wat aan 't spelen met CSS en HTML, en nou heb ik begrepen dat het mogelijk is met CSS om eigen tags te maken die je vervolgens in je HTML-document gebruikt. Zo heb ik bijvoorbeeld een tag <tabelkop> gedefinieerd:

code:
1
2
3
4
5
6
tabelkop {font-family:courier;
        background-color:#A8000A;
        color:#FFE066;
        font-size:100%;
        letter-spacing:+5px;
        text-transform:uppercase;}


Als ik nu in een html-pagina een tekst tussen <tabelkop></tabelkop>-tags zet, wordt dit in Firefox goed weergegeven, maar IE negeert het totaal. De W3-validator zegt "onbekende tag: <tabelkop>" dus vroeg ik me af of het eigenlijk wel echt mogelijk is om zelf dit soort tags te definieren?

  • r0bert
  • Registratie: September 2001
  • Laatst online: 26-04 17:38
Mja niet in overeenstemming met je DTD denk ik, niet als je standaard xhtml ofzo gebruikt in ieder geval. Maar je kunt ook een TH (tableheader) of een fieldset/legend gebruiken ja, die zijn daarvoor bedoeld

Verwijderd

nope, eventueel wel in xhtml in je eigen namespace

overigens in <caption> er ook niet voor niks

en je hebt natuurlijk het "class" attribuut om groepen elementen te definieren

[ Voor 33% gewijzigd door Verwijderd op 02-06-2005 13:46 ]


Verwijderd

Topicstarter
Tnx! Vreemd dat Firefox 't wel oppikt en IE dan niet. Toch maar 's wat anders verzinnen dan ..
offtopic:
Vijf jaar geleden was html nog simpel, maar nu, met xhtml, css, xml, dtd, pfff... ;)

[ Voor 4% gewijzigd door Verwijderd op 02-06-2005 13:55 ]


  • r0bert
  • Registratie: September 2001
  • Laatst online: 26-04 17:38
Ja maar dat is met alles. Het is bijna altijd makkelijker om je niet aan regeltjes te houden ;)

Verwijderd

mwah, xhtml is bijna hetzelfde als html en css bestond 5 jaar geleden ook al, dtd's ook

  • DeFeCt
  • Registratie: Juli 2000
  • Laatst online: 24-04 10:43

DeFeCt

je wéét toch

code:
1
2
3
4
5
6
.tabelkop {font-family:courier;
        background-color:#A8000A;
        color:#FFE066;
        font-size:100%;
        letter-spacing:+5px;
        text-transform:uppercase;}


code:
1
<h1 class=tabelkop>yadda yadda yadda</h1>

Flickr


  • Michali
  • Registratie: Juli 2002
  • Laatst online: 22-03 18:12
Cascading Stylesheet:
1
2
3
4
caption
{
 /* je stijl */
}

HTML:
1
2
3
4
5
6
<table>
  <caption>tabel kop</caption>
  <tbody>
    <!-- de rest -->
  </tbody>
</table>

Dan hoef je in princiepe niet eens een class te gebruiken.

Noushka's Magnificent Dream | Unity


  • DeFeCt
  • Registratie: Juli 2000
  • Laatst online: 24-04 10:43

DeFeCt

je wéét toch

das nog mooier

Flickr


Verwijderd

nope, eventueel wel in xhtml in je eigen namespace
En dan alleen in de niet-HTML variant.

  • Neobender
  • Registratie: November 2001
  • Laatst online: 25-04 21:40
Ik ben meer voor:

code:
1
2
3
4
.tabelkop
{blabal}

<div clas="tabelkop">


waarbij div inprincipe elke tag kan zijn.

  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Neobender schreef op donderdag 02 juni 2005 @ 16:57:
Ik ben meer voor:

code:
1
2
3
4
.tabelkop
{blabal}

<div clas="tabelkop">


waarbij div inprincipe elke tag kan zijn.
Probeer eerst zoveel mogelijk je HTML elementen te stylen :)

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


  • Erkens
  • Registratie: December 2001
  • Niet online

Erkens

Fotograaf

Neobender schreef op donderdag 02 juni 2005 @ 16:57:
Ik ben meer voor:

code:
1
2
3
4
.tabelkop
{blabal}

<div clas="tabelkop">


waarbij div inprincipe elke tag kan zijn.
dus jij wilt liever een grote bende aan "tags" die geen enkel doel hebben, je wilt dus geen stuctuur in je documenten?

Verwijderd

Erkens schreef op donderdag 02 juni 2005 @ 16:59:
[...]

dus jij wilt liever een grote bende aan "tags" die geen enkel doel hebben, je wilt dus geen stuctuur in je documenten?
Hij zei dus: waarbij div in principe elke tag kan zijn ;)

  • Erkens
  • Registratie: December 2001
  • Niet online

Erkens

Fotograaf

ik lees dat dus als dat je voor elke andere tag net zo goed div kan gebruiken ;)

Verwijderd

Het kan wel, maar dat is toch helemaal niet mooi ? Zie deze link over 'structuur'

[ Voor 9% gewijzigd door Verwijderd op 02-06-2005 18:27 ]


Verwijderd

Gelukkig hebben sommige mensen het niet voor het zeggen...

Verwijderd

Verwijderd schreef op donderdag 02 juni 2005 @ 19:39:
Gelukkig hebben sommige mensen het niet voor het zeggen...
Hoe bedoel je ?

  • Michali
  • Registratie: Juli 2002
  • Laatst online: 22-03 18:12
Ik geloof dat het meer een reactie richting Neobender was ;)

Noushka's Magnificent Dream | Unity

Pagina: 1