comment puis-je créer mon propre balise HTML?

comment puis-je créer mes propres balises html en HTML ou en HTML5 pour que je puisse faire mon propre balise html et css de la bibliothèque
comme

<mymenu> ul li or some text </mymenu>

<heading> Yeah My Own Heading</heading>

est une façon de le faire? si oui merci de me dire comment je suis vraiment curieux de savoir à ce sujet. et dites-moi ce que j'ai des problèmes va avoir après avoir fait mon personnaliser les balises (si vous en connaissez) .

Quoi de mal avec l'aide d'un div ou span et l'ajout d'une classe? <div class="mymenu"></div>
leur est rien wronge avec des <div> à l'aide de classes. je veux savoir qui ,peut-on style indéfini des noms de balise en html?
La caisse CSS Reset, si vous ne l'avez pas déjà: developer.yahoo.com/yui/3/cssreset

OriginalL'auteur Mossawir Ahmed | 2011-05-28

html html5

11

La "bonne" façon de faire cela est d'utiliser les classes: <div class="mymenu">. Cela étant dit, chaque navigateur je ne connais permettra d'afficher votre <mymenu> tag très bien et vous pouvez le style comme vous le souhaitez:
```
mymenu {
    display    : block;
    background : teal;
}
```
démo: http://jsfiddle.net/cwolves/DPMCM/2/

Noter que IE<9 s'affiche pas immédiatement ce correctement. Pour la contourner, il suffit d'utiliser la suite de JS n'importe où sur votre page (avant les éléments sont créés):
```
document.createElement('mymenu');
```
qui raconte l'IE moteur CSS qu'un mymenu balise existe.

+1 pour la bonne façon, mais en fait, IE < 9 ne reconnaît pas les balises personnalisées. Référence jsfiddle.net/thomas4g/QHfdK
OMG .. que workss..:) merci Beaucoup.. mais pouvez-vous me dire.. vais-je avoir un problème ? croix-navigateur ou d'une erreur lors de la manipulation de données?
Veuillez lire Thomas Shields commentaire au-dessus du vôtre; si vous n'avez pas de soins pour IE7/8 pour être en mesure d'utiliser votre balisage, puis aller droit devant.
il est facile de "hack" pour obtenir IE7/8 de travailler, de voir ajusté réponse.
cool hack.

OriginalL'auteur Mark Kahn
4

C'est du html, pas xml. La bonne façon de le faire est d'utiliser un <div> et appliquer votre propre .mymenu classe que vous pouvez le style de ressembler à un menu ou à une position de classe qui définit comment cela devrait ressembler.

HTML est un langage de balisage jamais été destiné à être piraté et s'étendait dans toutes les directions, il a été. XML est beaucoup plus facile à lire et à écrire. La seule raison pour laquelle nous sommes à l'aide de HTML est toujours à cause de l'arrière et l'avant de compatibilité.

OriginalL'auteur Blindy
3

Il est possible de faire des éléments personnalisés dans < IE9, mais il nécessite (sans javascript) d'être prudent avec les doctypes, les espaces de noms et, pour être complètement bon xhtml, un correspondant de DTD.

Quelque chose comme ça...
```
<!DOCTYPE html SYSTEM "http://your.domain/xhtml-custom.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' 
      xmlns:custom="http://your.domain/" 
      xml:lang='en-US'>
```
Où la DTD contient des choses comme...
```
<!ENTITY % attrs "%coreattrs; %i18n; %events;">
<!ENTITY % custom "custom:attribution | custom:quote ">
<!ENTITY % block "p | div | isindex |fieldset | table | %custom; ">
<!ENTITY % Flow "(#PCDATA | %block; | form )*">
<!ENTITY % custom "custom:attribution | custom:quote">
<!ELEMENT custom:attribution %Flow;>
<!ATTLIST custom:attribution %attrs;>
```
...et ainsi de suite.

Vous vous retrouvez dans une situation où un espace de noms (comme des:customtag) est nécessaire, et de mieux les cibler avec CSS doit échapper à la colon...
```
custom\:customtag { display:block; }
```
...ce qui est trop de la peine compte tenu de la point de l'ensemble de l'aide personnalisée éléments à produire plus de balisage sémantique.

J'ai étudié en détail de la question à l'époque d'IE6 quand xhtml semblait qu'il peut être l'avenir et résolu tous les problèmes, mais n'a jamais cherché à la mettre en œuvre n'importe où pour le cisaillement lourdeur de la solution.

Et le monde ont donné la plupart sur xhtml comme trop de mal de toute façon.

À la fin de la journée éléments personnalisés pour mieux la sémantique sont pas la peine parce que peu importe ce que vous faites, votre balise sera susceptible d'être compromise par la présentation besoins (et j'ai essayé de le faire depuis des décennies maintenant) vous ne pouvez pas séparer le contenu de la présentation entièrement en ligne.

OriginalL'auteur Fentex
3

Oui, il ya un chemin!

Code CSS:
```
mymenu {
    display    : block;
    background : black;
```
}
```
heading {
    font-family: cursive;
    /* MORE CUSTOMIZE */
}
```
Code HTML:
```
<mymenu> ul li or some text </mymenu>
<heading> Yeah My Own Heading</heading>
```
Ou si vous souhaitez personnaliser h1..
```
h1 {
/*etc..*/
}
```
Comme je l'ai indiqué dans le ma réponse à une question similaire, certains navigateurs ne réagissent pas bien à faire vos propres noms de balises. (Dans l'exemple, l'arbitraire de ceux regarder OK sur Chrome et Firefox, mais pas sous IE et de Bord.)

OriginalL'auteur Anthony O'Brien
2

La caisse de l'Histoire de l'HTML5 Shiv ici:

http://paulirish.com/2011/the-history-of-the-html5-shiv/

Vous pouvez utiliser la même méthode pour permettre à vos étiquettes personnalisées.

Mais ne le font pas. Il est tout simplement stupide. Utilisation span ou div avec des classes.

Ok .. 🙂 je suis juste curieux... de toute façon merci pour les conseils :)..

OriginalL'auteur Epeli

Créer un tag en CSS, sans classe (.) ou id (#).

CSS:

mymenu {
    /* Styling Here */
}

heading {
    /* Styling Here */
}

HTML:

<mymenu> ul li or some text </mymenu>
<heading> Yeah My Own Heading </heading>

OriginalL'auteur jdnoon

0

Pour ce faire, vous pouvez utiliser les css pour créer des balises personnalisées:
```
c-r {
    color:red;
}
```
Je le fais sur La Coutume De Balisage. Check it out, car il peut déjà avoir ce que vous voulez.

OriginalL'auteur Talon Bragg

Vous devez vous connecter pour publier un commentaire.