FAQ de Web Design (Web Design Group)
Section 5: Web Design
Les questions suivantes ont déménagé dans une autre section de la FAQ.
HTML lui-même offre aucun moyen d'intégrer de façon transparente le contenu d'un fichier dans un autre.
inclusion réelle dynamique d'un document HTML (même dans un autre « charset ») dans une autre est proposée par l'élément OBJECT, mais en raison de défauts de versions de navigateur actuellement en usage, il semble imprudent de compter sur ce encore pour le contenu essentiel. La même chose peut être dite pour IFRAME.
Deux façons populaires d'inclure le contenu d'un fichier dans un autre de façon transparente pour le WWW sont pré-traitement et de l'inclusion côté serveur. Un préprocesseur convertit sa source dans un document HTML brut que vous publiez sur votre serveur. En revanche, les documents qui utilisent l'inclusion côté serveur sont traités chaque fois que le document est récupéré à partir du serveur.
techniques comprennent le prétraitement C préprocesseur et d'autres méthodes de manipulation de texte générique, et plusieurs processeurs spécifiques au HTML.
Une technique de pré-traitement beaucoup plus puissant et polyvalent est d'utiliser un processeur SGML (tel que le paquet SP) pour générer votre code HTML; cela peut être auto-validation.
Exemples d'inclusion côté serveur sont côté serveur (SSI, pris en charge par Apache. NCSA. Et d'autres serveurs Web) et Active Server Pages de Microsoft (ASP, pris en charge par MS IIS). Traitement se produit au moment où les documents sont effectivement récupérés. Une inclusion typique ressemble
Cependant, assurez-vous de consulter la documentation de votre propre serveur, comme les détails varient quelque peu entre les implémentations. La directive entière sera remplacé par le contenu du fichier spécifié.
En utilisant l'inclusion côté serveur (un outil potentiellement puissant) simplement comme un moyen d'insérer des fichiers statiques tels que en-tête standard / pieds de page a une incidence sur la vitesse d'accès perçu et pour la charge du serveur, et est évité mieux sur les serveurs fortement chargés. Si vous l'utilisez de cette façon, envisager de faire le résultat cacheable (par exemple via « XBitHack complète » sur Apache, la définition des propriétés de l'objet « Response » en ASP).
Une validation appropriée HTML d'inclusion côté serveur est uniquement possible après le traitement côté serveur est effectué (par exemple en utilisant un validateur en ligne qui récupère le document à partir du serveur).
Enfin, notez que si le fichier inclus contient le texte brut arbitraire, il doit être une disposition pour convertir les caractères « - » et "<" (in the plain text file) to the entities "-amp;" and "-lt;" (in the HTML document).
Vous pouvez créer un lien vers un fichier de programme exécutable, ce qui permet aux utilisateurs de le télécharger. Les utilisateurs peuvent choisir ensuite d'exécuter le programme, en supposant qu'il fonctionne sur leurs systèmes d'exploitation, et qu'ils ne sont pas préoccupés par des virus informatiques.
Si vous voulez exécuter le programme sur votre serveur Web, vérifiez la documentation de votre serveur pour les détails de configuration pour les programmes côté serveur.
Si vous souhaitez lancer une visionneuse spécialisée pour un type particulier de fichier, par exemple Adobe Acrobat Reader lorsque le visiteur suit un lien vers un fichier PDF, cela devrait être géré automatiquement par le navigateur du visiteur, en supposant qu'il est correctement configuré. Il vous suffit de configurer votre serveur pour envoyer le fichier avec le type MIME correct.
En HTML, les caractères peuvent être représentés de trois façons:
En théorie, ces représentations sont également valables. Dans la pratique, la commodité de création et un soutien limité par les navigateurs compliquent la question.
HTTP étant un protocole garanti « 8-bit propre », vous pouvez envoyer en toute sécurité sur 8 bits ou caractères multi-octets codés, dans les différents codages qui sont pris en charge par les navigateurs.
A. HTML 2.0 / 3.2 (Latin-1)
Maintenant il n'y a aucune raison convaincante de choisir -entityname; contre - numéro # ;, utilisez donc selon le besoin.
Si vous pouvez en toute confiance gérer 8 bits codés caractères cela est bien aussi, sans doute préférable pour l'écriture des langues fortement accentués. Faites attention si la création sur les plates-formes non-base ISO-8859 tels que Mac, Psion, IBM mainframes, etc. que votre technique de téléchargement fournit un document codé correctement sur le serveur. L'utilisation --representations évite ces problèmes.
B. Un seul répertoire autre que Latin-1
Dans ces codages comme ISO-8859-7 grec, koi8-r cyrillique russe et chinois, japonais et coréen (CJK) codages, l'utilisation de caractères codés est la technique la plus largement soutenue et utilisée.
Bien que ne sont pas couverts par HTML 3.2, les navigateurs ont soutenu ce assez largement depuis un certain temps; il est une option valide dans le code HTML 4 spécifications - utiliser un validateur comme le WDG HTML Validator ou le service de validation HTML du W3C qui prend en charge HTML 4 et comprend différents codages de caractères.
« Add-in » programmes ont dans le passé été utilisés pour soutenir des références numériques à 15 bits ou protocoles de code 16 bits tels que le chinois ou GB2312 chinois Big5.
C. Internationalisation par HTML 4
Les versions récentes des navigateurs courants supportent certaines de ces caractéristiques, mais au moment de l'écriture, il semble imprudent de compter sur ce lors de la création pour un public général.
Notez que certaines valeurs d'attributs sont sensibles à la casse. Par exemple,
- et
- sont les mêmes, mais
- est différent de l'un d'eux. (Pour une communication plus claire, il vaut la peine d'obtenir la bonne terminologie. Dans cet exemple, l'OL est l'élément, TYPE est le nom d'attribut, et A ou est la valeur d'attribut. La balise est
- .)
Les noms d'entités comme -nbsp; sont parfois incorrectement appelés balises. Ils sont tous sensibles à la casse. Par exemple, -Eacute; et -eacute; sont deux entités différentes et valides, et tout -nbsp; est une entité valide, -NBSP; est invalide.
Notez que XHTML exige que tous les éléments et noms d'attributs pour être en minuscules.
HTML ne dépend pas de la taille de l'écran. Normalement, le texte sera enveloppé par le navigateur lorsque la fin de la zone d'affichage est rencontré. (Notez que les navigateurs graphiques sont souvent utilisés avec des fenêtres qui sont plus petits que toute la surface de l'écran.)
lignes préformatées (texte dans
éléments) ne doivent jamais dépasser 70 caractères si la nature du contenu, il est inévitable. Les lignes plus longues provoquent des sauts de ligne laids sur les navigateurs en mode texte, et forceront le défilement horizontal sur les navigateurs graphiques. Les lecteurs n'aiment pas fortement le défilement horizontal, sauf où ils peuvent se rendre compte que la nature du contenu rendu inévitable.Les images ne peuvent être enveloppé, donc vous devez être prudent avec eux. Il semble que 600 pixels est une largeur raisonnable; quoi que ce soit plus large se traduira par une certaine fraction des utilisateurs devra faire défiler pour voir le bit le plus à droite. Cette fraction augmente avec la largeur de votre image. (Gardez à l'esprit que tout le monde utilise les fenêtres du navigateur plein écran!)
MSN TV (anciennement WebTV) les utilisateurs ont pas la possibilité de faire défiler horizontalement, de sorte quoi que ce soit au-delà de 544 pixels seront compressés par leur navigateur. D'autres dispositifs (en particulier les appareils portables) sont encore plus limitées.
L'utilisation de tables pour la mise en page. en particulier lorsque les cellules de largeur fixe sont utilisées, est le facteur le plus habituel qui empêche les pages de l'adaptation à différentes largeurs de fenêtre.
Il y a plusieurs possibilités.
Quatrièmement, vous avez avez rencontré un bug du navigateur. Par exemple, de nombreux navigateurs courants traitent CSS mieux lorsque les documents HTML comprennent des balises de fermeture optionnelles comme
. . et .Une autre possibilité est différents paramètres d'options d'utilisateur dans les navigateurs.
Si Microsoft Internet Explorer affiche votre document normalement, mais les autres navigateurs afficher votre source HTML brut, alors très probablement votre serveur Web envoie le document avec le type MIME « text / plain ». Votre serveur web doit être configuré pour envoyer le nom du fichier avec le type MIME « text / html ». Souvent, en utilisant l'extension de nom de fichier « .html » ou « .htm » est tout ce qui est nécessaire.
Ceci est une « fonction » d'utiliser les cadres: Le navigateur affiche l'URL du document frameset, plutôt que celle des documents encadrés.
Une façon courante de le faire est d'utiliser un tableau à deux colonnes avec vos liens dans la colonne de gauche et votre contenu dans la colonne de droite. Ceci est souvent associé à une image de fond qui crée une bande colorée sur la gauche derrière les liens. L'image de fond peut carreau verticalement, mais pour éviter carrelage horizontal de l'image doit être extrêmement larges (par exemple 1600 pixels).
Une variante de cette technique (qui minimise certains des problèmes avec l'utilisation de tables pour la mise en page) utilise une table unicellulaire avec align = « left ». Seuls les liens vont à l'intérieur de la table, qui flotte à la gauche. Le contenu du document enveloppe pour remplir l'espace restant à droite et au-dessous de la table. Voici un exemple:
Les tableaux de présentation peuvent être évités entièrement en utilisant CSS. Les liens de navigation et le contenu principal de la page sont placés à l'intérieur des éléments séparés DIV, puis CSS est utilisé pour positionner ces éléments DIV par rapport à l'autre. La feuille de style peut utiliser une petite image de fond qui se répète verticalement et est aligné le long de la gauche, par exemple:
Enfin, une bande de navigation à gauche peut être mis en œuvre avec des cadres. Cependant, les cadres présentent des problèmes qu'il vaut mieux éviter si possible.
Si vous voulez que les autres pour afficher votre page Web avec des couleurs spécifiques, la façon la plus appropriée est de suggérer les couleurs avec une feuille de style. Cascading Style Sheets utilisent les propriétés de couleur et de fond couleurs pour spécifier les couleurs de texte et d'arrière. Pour éviter les conflits entre les couleurs par défaut du lecteur et ceux proposés par l'auteur, ces deux propriétés doivent toujours être utilisés ensemble.
Notez que ces attributs sont désapprouvés par HTML 4. En outre, si l'un de ces attributs est utilisé, tous devraient être utilisés pour faire en sorte que les couleurs par défaut du lecteur n'interfèrent pas avec celles proposées par l'auteur. Voici un exemple:
Les auteurs ne doivent pas compter sur les couleurs spécifiées car les navigateurs permettent à leurs utilisateurs de passer outre les couleurs spécifiées documents.
Lorsqu'elles sont affichées selon ce CSS ruleset, le texte souligné dans l'exemple HTML suivant sera affiché en vert:
texte normal texte souligné texte normal
Avec HTML, l'élément de police peut également être utilisé pour suggérer des couleurs. Notez que l'élément de police est dépréciée par HTML 4. En outre, l'utilisation de l'élément apporte de nombreux problèmes POLICES de convivialité et d'accessibilité.
Dans Internet Explorer 5.5, Microsoft a introduit des propriétés CSS exclusives pour les couleurs scrollbar. Depuis lors, d'autres navigateurs (par exemple KDE Konqueror, Opera) ont ajouté le support pour ces propriétés. Ces propriétés sont les suivantes: scrollbar-3dlight couleurs. scrollbar-arrow-couleur. scrollbar-couleur de base. scrollbar-darkshadow couleurs. scrollbar-face couleur. scrollbar-highlight-couleur. et scrollbar-shadow-couleur.
Si vous voulez que les autres pour afficher votre page Web avec une police spécifique, la façon la plus appropriée est de suggérer la police rendu avec une feuille de style. Cascading Style Sheets utilisent la propriété familiale de police pour spécifier les caractères des polices.
Avec HTML, l'élément BASEFONT peut être utilisé pour suggérer des polices spécifiques pour l'ensemble du document.
Avec HTML, l'élément de police peut également être utilisé pour proposer des polices spécifiques. L'élément de police doit être répété dans tous les éléments de niveau bloc, car il peut contenir des éléments en ligne seulement (texte niveau). L'utilisation de l'élément apporte de nombreux problèmes POLICES de convivialité et d'accessibilité.
Internet Explorer prend en charge les polices incorporées avec Embedding Web de Microsoft Fonts Tool (TRAME).