Win3x.Org

Windows & DOS Community

[Résolu] Accents en HTML

Post Reply   Page 1 of 2  [ 13 posts ]
Jump to page 1 2 »
Author Message
fanordi
Post subject: [Résolu] Accents en HTML
Posted: 30 Aug 2015 21:56
Membre d'honneur
User avatar
Offline
 
Posts: 3698
Joined: 01 Jan 2012 12:18
Retro PC: Zenith DS Z-STAR 433VL (HS) / IBM PC 330 (P75)
 
Je suis toujours dans mon apprentissage du langage HTML (j'avais arrêté temporairement), et voici encore quelque chose qui me chiffonne.
Voici ma page d'index: http://fanordi.legtux.org/index.html
Voici une autre page: http://fanordi.legtux.org/sections/contact.html
Bon, la page PHP est absente mais ça on s'en fiche je l'apprendrais plus tard..

Ce que je ne comprends pas: pourquoi est ce que les accents fonctionne dans l'index et pas dans la seconde page? Je ne vois pas ce qui change..

_________________

Apple iPhone 13 mini midnight black, iOS 15.6 (2021)
Apple iPhone 6S 32 Go gris sidéral, iOS 14.8.1 (2015)
Apple iPod Touch 5G 32 Go, iOS 9.3.5 (2012)
Apple iPod Nano caméra 5G 16 Go bleu (2009)
Apple iMac G3 500 MHz, 128 Mo SDRAM PC100, HDD 40 Go, Mac OS 9.2.2 (2000)


Top
Profile Quote
michel
Post subject: Re: Accents en HTML
Posted: 30 Aug 2015 22:51
Administrateur
User avatar
Offline
 
Posts: 3326
Joined: 07 Feb 2003 19:46
Retro PC: IBM - PS2 Modèle 85 (carte mère en panne)
 
A la place de la ligne <meta charset="utf-8" />

essaie ça :
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />

EDIT Ca marche, j'ai vu :lol: l'ISO-8859-1 est plus pour les caractères utilisés en France. L'utf-8 c'est plutôt pour les pays de l'est.

Last edited by fanordi on 30 Aug 2015 23:34, edited 1 time in total.
Notre cher admin fait aussi des doubles posts?

_________________

clikicitoraleur


Top
Profile Quote
fanordi
Post subject: Re: Accents en HTML
Posted: 30 Aug 2015 23:34
Membre d'honneur
User avatar
Offline
 
Posts: 3698
Joined: 01 Jan 2012 12:18
Retro PC: Zenith DS Z-STAR 433VL (HS) / IBM PC 330 (P75)
 
C'est bon, je te remercie ^^
Autre question puisque tu as l'air calé (et aussi pour m'éviter de chercher avant de passer à la suite :D): sais tu que mettre dans le CSS pour que les labels des zones de textes soient centrés par rapport aux zones?

_________________

Apple iPhone 13 mini midnight black, iOS 15.6 (2021)
Apple iPhone 6S 32 Go gris sidéral, iOS 14.8.1 (2015)
Apple iPod Touch 5G 32 Go, iOS 9.3.5 (2012)
Apple iPod Nano caméra 5G 16 Go bleu (2009)
Apple iMac G3 500 MHz, 128 Mo SDRAM PC100, HDD 40 Go, Mac OS 9.2.2 (2000)


Top
Profile Quote
michel
Post subject: Re: Accents en HTML
Posted: 31 Aug 2015 12:35
Administrateur
User avatar
Offline
 
Posts: 3326
Joined: 07 Feb 2003 19:46
Retro PC: IBM - PS2 Modèle 85 (carte mère en panne)
 
Pour le CSS je connais pas trop. Sinon il y a ça > http://www.ybet.be/internet13/11-css-positionnement.php :lol:

_________________

clikicitoraleur


Top
Profile Quote
KeetKhat
Post subject: Re: Accents en HTML
Posted: 31 Aug 2015 12:39
Membre inscrit
User avatar
Offline
 
Posts: 1915
Joined: 27 May 2009 14:04
Retro PC: IBM ThinkPad 380ED, Windows 95
 
Met une classe à ton élément et dans le CSS tu met
position: asbolute;
et suivant l'endroit où tu veux le bouger
(Ex: right: 20px;)

Last edited by KeetKhat on 05 Sep 2015 19:09, edited 1 time in total.

Top
Profile Quote
piernov
Post subject: Re: Accents en HTML
Posted: 31 Aug 2015 22:46
Membre inscrit
Offline
 
Posts: 94
Joined: 11 Oct 2008 16:16
 
michel wrote:
A la place de la ligne <meta charset="utf-8" />

essaie ça :
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
Non, il faut bien garder
<meta charset="UTF-8" />
dans l'en-tête de la page (explication plus bas). C'est la bonne manière de déclarer l'encodage à utiliser en HTML5, et le mieux est d'utiliser UTF-8. En revanche s'il y'a un soucis d'affichage des caractères, vérifier que le navigateur comprend bien qu'on souhaite afficher de l'UTF-8 (si ce n'est pas le cas, le navigateur n'a pas correctement traité la déclaration et il y'a donc un soucis ailleurs), et surtout que le fichier lui même a bien été enregistré codé en UTF-8. Sous Windows, en utilisant Notepad++, on peut par exemple le vérifier dans le menu approprié (il doit s'appeler encodage), si ce n'est pas le cas, il faut le convertir. Sous GNU/Linux, en excluant les configurations exotiques, les éditeurs de texte encodent en UTF-8 par défaut normalement.

michel wrote:
EDIT Ca marche, j'ai vu :lol: l'ISO 8859-1 est plus pour les caractères utilisés en France. L'utf-8 c'est plutôt pour les pays de l'est.
C'est à moitié vrai. L'ISO 8859-1 est un encodage sur 8 bits (=256 caractères, qui permet d'étendre la très classique table ASCII, codée sur 7 bits = 128 caractères), créé pour intégrer divers caractères des alphabets occidentaux que ne contenait pas la table ASCII. Le français entre autre est visé. Biensûr, 256 caractères ne sont toujours pas suffisants pour inclure tout ce dont on peut avoir besoin. Il y'a donc d'autres encodage ISO 8859, comme l'ISO 8859-5 qui exhibe des caractères cyrilliques.
Pour l'écriture du français (et dans la plupart des autres cas aussi), l'ISO 8859-1 est désuet. Il ne contient en effet pas le symbole €, ou l'œ. Ils sont en revanche présents dans l'ISO 8859-15. Lorsqu'on souhaite rester sur de l'encodage sur 8 bits uniquement, on préfèrera donc ce dernier.
L'UTF-8 pallie le problème des 256 caractères maximum dans la même table. En effet, il permet d'encoder sur plus que 8 bits, en juxtaposant plusieurs octets, jusqu'à 4. On peut donc obtenir jusqu'à 2³² caractères en utilisant 4 octets, tout en n'utilisant qu'un octet lorsqu'on utilise des caractères de la table ASCII. Puisqu'en effet, autre gros avantage, la table ASCII est utilisée à l'identique dans l'UTF-8, entièrement compatible donc. C'est donc évidemment l'encodage à privilégier dans la majorité des cas. (sans rentrer dans les détails, on lui préfèrera l'UTF-16 qui encode toujours sur 2 octets lors de traitement très lourds sur des chaînes de caractères, c'est moins coûteux en terme de performance que de traiter une chaîne avec des caractères encodés sur un nombre variable d'octets)
On a dès lors accès à des dizaines de milliers de caractères (qui sont définis dans la norme Unicode), incluant les alphabets Chinois et Japonais par exemple.

Un autre petit détail est l'encodage spécifié dans la réponse HTTP. Par défaut ISO-8859-1 en HTTP 1.1, il faudrait donc l'ajuster en UTF-8. C'est en principe au serveur web de s'en charger donc on n'y prêtera pas attention.

PS : on n'a pas en réalité 2³² caractères à sa disposition en UTF-8 mais moins puisqu'il y'a déjà des séquences réservées pour annoncer un caractère sur plusieurs octets, et d'autres séquences sont exclues.


Top
Profile Quote
fanordi
Post subject: Re: Accents en HTML
Posted: 02 Sep 2015 18:33
Membre d'honneur
User avatar
Offline
 
Posts: 3698
Joined: 01 Jan 2012 12:18
Retro PC: Zenith DS Z-STAR 433VL (HS) / IBM PC 330 (P75)
 
LiveKiller44 wrote:
Met une classe à ton élément et dans le CSS du met
position: asbolute;
et suivant l'endroit où tu veux le bouger
(Ex: right: 20px;)
Ça je connais, en bougeant chaque label. Mais il n'y a pas un moyen de les positionner tous correctement?

EDIT J'ai même un soucis avec ta technique..
<label for="msg">Votre message</label>: <textarea name="msg" id="msg" placeholder="Bonjour et bienvenue sur mon site!" required></textarea>
Où dois je mettre une classe là dedans..
Peut importe où je la mets, et même en ajoutant du <div>, elle n'a aucun effet..

_________________

Apple iPhone 13 mini midnight black, iOS 15.6 (2021)
Apple iPhone 6S 32 Go gris sidéral, iOS 14.8.1 (2015)
Apple iPod Touch 5G 32 Go, iOS 9.3.5 (2012)
Apple iPod Nano caméra 5G 16 Go bleu (2009)
Apple iMac G3 500 MHz, 128 Mo SDRAM PC100, HDD 40 Go, Mac OS 9.2.2 (2000)


Top
Profile Quote
KeetKhat
Post subject: Re: Accents en HTML
Posted: 02 Sep 2015 18:58
Membre inscrit
User avatar
Offline
 
Posts: 1915
Joined: 27 May 2009 14:04
Retro PC: IBM ThinkPad 380ED, Windows 95
 
Alors la ... je n'ai jamais utilisé les formulaires avec PHP donc je n'en sais absolument rien


Top
Profile Quote
fanordi
Post subject: Re: Accents en HTML
Posted: 02 Sep 2015 20:28
Membre d'honneur
User avatar
Offline
 
Posts: 3698
Joined: 01 Jan 2012 12:18
Retro PC: Zenith DS Z-STAR 433VL (HS) / IBM PC 330 (P75)
 
Peut être que quelqu'un d'autre sait..
Moi non plus je ne touche pas aux forumulaires pour l'instant, je le prépare juste! Mais j'apprendrais le PHB quand j'aurais terminé HTML et CSS!

_________________

Apple iPhone 13 mini midnight black, iOS 15.6 (2021)
Apple iPhone 6S 32 Go gris sidéral, iOS 14.8.1 (2015)
Apple iPod Touch 5G 32 Go, iOS 9.3.5 (2012)
Apple iPod Nano caméra 5G 16 Go bleu (2009)
Apple iMac G3 500 MHz, 128 Mo SDRAM PC100, HDD 40 Go, Mac OS 9.2.2 (2000)


Top
Profile Quote
fanordi
Post subject: Re: Accents en HTML
Posted: 21 Sep 2015 13:57
Membre d'honneur
User avatar
Offline
 
Posts: 3698
Joined: 01 Jan 2012 12:18
Retro PC: Zenith DS Z-STAR 433VL (HS) / IBM PC 330 (P75)
 
Je me permet de remonter le topic, car je viens de m'apercevoir que le soucis continue avec IE..

_________________

Apple iPhone 13 mini midnight black, iOS 15.6 (2021)
Apple iPhone 6S 32 Go gris sidéral, iOS 14.8.1 (2015)
Apple iPod Touch 5G 32 Go, iOS 9.3.5 (2012)
Apple iPod Nano caméra 5G 16 Go bleu (2009)
Apple iMac G3 500 MHz, 128 Mo SDRAM PC100, HDD 40 Go, Mac OS 9.2.2 (2000)


Top
Profile Quote
Display: Sort by: Direction:
Post Reply   Page 1 of 2  [ 13 posts ]
Return to “Questions et problèmes résolus” | Jump to page 1 2 »
Jump to: