Construire un réactif, site Web pour mobile From Scratch sémantique HTML - SitePoint
Première étape: Code HTML
, Il faut ajouter la section suivante qui est nécessaire pour aider le navigateur Web pour interpréter le contenu dans la section du corps suivant. Cette section contient des balises spécifiques, feuilles de style CSS et d'autres éléments qui restent cachés et ne sont pas affichés dans le navigateur. Ces éléments sont généralement appelés méta-informations (essentiellement « informations sur l'information ») parce que leur fonction est de décrire ce type d'information est sur la page.
La première méta-tag qui a besoin d'une spécification est « méta charset »; il définit ce codage de caractères est utilisé dans la page. Dans notre cas, nous avons mis à UTF-8, qui est une largeur variable format Unicode compatible avec ASCII ou texte brut pour les caractères alphanumériques de base. En utilisant la « moitié supérieure » des codes de réglage et d'extension ASCII 8 bits, il peut gérer plus d'un million de caractères uniques.
Il est une exigence que toute page Web définit la mise en forme de la page au sein de son en-tête d'information de sorte que tous les navigateurs savent exactement comment lire et interpréter le contenu. Dans le cas contraire, ils montrent les personnages en utilisant leur « meilleure estimation », qui ne sont pas toujours précis. La supposition pourrait se tromper, et cela conduira à montrer les caractères erronés aux utilisateurs.
...nous associons le document à la feuille de style commun (c'est le document qui contient toutes les règles CSS communes qui seront partagés par les trois versions du projet), alors que celui-ci ...
...rappelle au dossier où il y a les spécifications des règles particulières qui seront appliquées uniquement à ce dispositif particulier indiqué. S'il vous plaît noter que, puisque nous utilisons HTML5, vous n'avez pas réellement besoin de spécifier le type = « text / css ».
Fermez la balise de tête et passer à la section du corps. À ce stade, nous devons créer deux divs distincts: l'un pour la bannière. et un pour la boîte newsletter.
Continuons notre projet en construisant un formulaire opt-in bulletin. tout d'abord, ajouter un formulaire