Spécifications HTML et CSS. Versions fonctionnelles de HTML et CSS
Parlons aujourd'hui des cavaliers sur votre disque dur. Plus précisément, nous parlerons de l'impact de ces cavaliers.
Ce n'est un secret pour personne que les disques durs ont un petit cavalier situé près du câble de connexion. Qu'est-ce que ce cavalier affecte et quelle est la bonne position pour l'installer ? Il suffit de réserver au début que l'article ne sera pas complet sur ce sujet. Il existe plusieurs variétés disques durs, Avec de différentes manières connexions et facteurs de forme différents, dans lesquels les cavaliers sont différents et ne sont pas du tout là. Aujourd'hui, nous parlerons des anciens disques durs et des options de connexion IDE.
Un cavalier sur le disque dur est nécessaire pour organiser le bon lancement de plusieurs disques durs. Imaginez une situation dans laquelle deux disques durs sont installés sur votre système. Il est nécessaire de déterminer lequel d'entre eux est le principal à partir duquel lancer système opérateur, et qui est secondaire - chargé comme espace disque supplémentaire.
Il existe deux modes principaux pour régler le cavalier. Le premier s’appelle Maître et le second s’appelle Esclave. Il y en a aussi qui sont légèrement différents de ces deux-là, mais nous n'encombrerons pas l'article, nous ne prêterons attention qu'aux bases mêmes de cette problématique.
En mode Master, vous devez placer un cavalier sur le disque dur, à partir duquel le système d'exploitation sera chargé. En mode Esclave, installez un disque dur secondaire. Le système lit ces informations au démarrage et envoie un signal plus loin, de sorte qu'à la fin vous ayez le disque dur requis chargé comme disque dur principal et deuxième dur disque comme disque secondaire.
À quel mode correspond lequel, vous devez regarder l'autocollant situé près du cavalier. Habituellement, le fabricant indique dispositions nécessaires des cavaliers.
Le cavalier lui-même est une petite puce, en l'installant, vous fermez correctement les contacts de votre disque dur. La séquence de démarrage de vos disques durs dépendra de la manière dont vous fermez ces contacts.
N'oubliez pas que la séquence de démarrage de vos appareils, qu'il s'agisse de disques durs ou d'un lecteur, doit également être configurée dans votre BIOS carte mère. L'option de réglage est plus concernée utilisation constante deux disques durs ou plus. Si vous devez installer un deuxième disque dur une seule fois pour copier des informations, il vous suffit de jouer avec les cavaliers.
Lorsque l'ordinateur démarre, appuyez sur la touche Suppr ou F2 et accédez à Section BIOS appelé Boot. Là, disposez tous les appareils dans l’ordre dont vous avez besoin.
Par exemple, le premier est le disque dur sur lequel le système d'exploitation est installé, le deuxième est le disque dur secondaire et le troisième est le lecteur.
1er périphérique de démarrage - le premier périphérique de démarrage[xxx Drive] - le périphérique spécifié dans cette ligne sera le premier à partir duquel le BIOS tentera de charger le système d'exploitation.
2ème périphérique de démarrage - deuxième périphérique de démarrage [xxx Drive] - le périphérique spécifié dans cette ligne sera le deuxième à partir duquel le BIOS tentera de charger le système d'exploitation.
3ème périphérique de démarrage - troisième périphérique de démarrage [xxx Drive].
Si vous installez un nouveau système d'exploitation Systèmes Windows, vous devez d'abord configurer le lecteur pour que le programme d'installation de Windows se charge.
Ainsi, aujourd'hui, nous avons appris quelque chose sur les cavaliers et la séquence de démarrage des périphériques. Si l'article vous a été utile, revenez. Après tout, notre base de données d’articles est mise à jour quotidiennement !
Développement tableaux simples le style est une tâche assez simple. Le développeur doit avoir connaissances de base en HTML et en terminologie d'impression. Par exemple, pour définir la couleur des éléments "H1" comme bleu, il suffit de dire : H1 ( couleur : bleu ) L'exemple donné est simple Règle CSS. Une règle se compose de deux parties principales : un sélecteur (« H1 ») et une définition (« couleur : bleu »). La définition, à son tour, se compose également de deux parties : une propriété (« couleur ») et une valeur (« bleu »). Alors que l'exemple ci-dessus tente d'affecter une seule des propriétés requises pour construire du HTML document, c'est déjà une feuille de style. Combiné avec d'autres feuilles de style (l'une des propriétés fondamentales CSS est une combinaison de feuilles de style), il déterminera l'apparence finale de l'ensemble du document. Le sélecteur est la relation entre le document HTML et la feuille de style, ensemble complet Les types d'éléments contiennent tous les sélecteurs possibles. Les types d'éléments sont définis dans la spécification HTML. La propriété "color" est l'une des 50 propriétés qui déterminent l'apparence d'un document HTML. La liste des propriétés et leurs valeurs possibles sont définies dans cette spécification. Les auteurs HTML n'ont besoin de définir leur feuille de style que s'ils souhaitent proposer un style spécifique pour leurs documents. Chaque UA doit avoir une feuille de style par défaut qui présente les documents de manière acceptable, mais peut être suffisante. sous forme simple. L'annexe A fournit un exemple de feuille de style pour présenter des documents HTML comme proposé dans la spécification HTML 2.0. La grammaire formelle du langage CSS1 est définie dans l'annexe B.
1.1 Inclusion dans HTML
Pour qu’une feuille de style affecte l’apparence d’un document, l’UA doit être conscient de son existence. La spécification HTML définit les manières d'inclure des feuilles de style dans HTML. C'est pourquoi cette rubrique est informatif et non normatif :Le titre est bleu
Alors que le paragraphe est vert. Cet exemple montre quatre façons de combiner le style avec HTML : utiliser l'élément "LINK" pour créer un lien vers une feuille de style externe, utiliser l'élément "STYLE" à l'intérieur de l'élément "HEAD", importer la feuille de style en utilisant la notation CSS "@import", et en utilisant l'attribut "STYLE" sur l'élément à l'intérieur de la section "BODY". Dernière méthode mélange le style avec le contenu et perd donc mérites correspondants feuilles de style traditionnelles. L'élément "LINK" renvoie à une feuille de style alternative que le lecteur peut sélectionner, tandis que les feuilles de style importées sont automatiquement fusionnées avec le reste de la feuille de style. Traditionnellement, les UA ignoraient les balises inconnues. En conséquence, les anciens UA ignoreront l'élément « STYLE », mais son contenu sera considéré comme faisant partie du corps du document et sera affiché dans le document. Pendant la période de transition, le contenu de l'élément "STYLE" peut être "masqué" à l'aide de commentaires SGML :
Parce que l'élément "STYLE" est défini comme "CDATA" dans la DTD, les interpréteurs SGML ne traiteront pas la feuille de style comme un commentaire à supprimer.
1.2 Regroupement
Pour réduire la taille de la feuille de style, vous pouvez regrouper les sélecteurs dans des listes séparées par des virgules : H1, H2, H3 (font-family : helvetica)Les définitions peuvent être regroupées de la même manière :
H1 ( font-weight: bold; font-size: 12pt; line-height: 14pt; font-family: helvetica; font-variant: normal; font-style: normal; ) De plus, certaines propriétés ont leur propre regroupement syntaxe : H1 (police : gras 12pt/14pt helvetica)
ce qui est équivalent à l’exemple précédent.
1.3 Héritage
Dans le premier exemple, la couleur des éléments « H1 » a été fixée au bleu. Imaginez qu'il y ait un élément "H1" avec un élément à l'intérieur:
Le titre est important!
Si aucune couleur n'a été définie pour l'élément "EM", alors le "is" émulé héritera de la couleur de l'élément parent, c'est-à-dire il sera également affiché en bleu. D'autres propriétés de style sont également héritées, telles que "font-family" et "font-size". Pour définir une propriété de style par défaut pour un document, vous pouvez définir cette propriété sur l'élément dont héritent tous les autres éléments visibles. DANS Documents HTML l'élément "BODY" remplit cette fonction : BODY ( couleur : noir ; fond : url(texture.gif) blanc ; ) Cet exemple fonctionnera même si l'auteur a omis la balise "BODY" (qui est légale) car le navigateur insérera la balise manquante. L'exemple précédent définit la couleur du texte sur noir et l'arrière-plan pour qu'il contienne une image. Le fond sera blanc si l'image n'est pas disponible. (Voir le chapitre 5.3 pour plus de détails) Certaines propriétés de style ne sont pas héritées des éléments parents par les éléments enfants. Dans la plupart des cas, il est intuitivement clair dans quels cas une telle situation se produit. Par exemple, la propriété "background" n'est pas héritée, mais l'arrière-plan de l'élément parent apparaîtra par défaut.Souvent, la valeur d'une propriété est spécifiée en pourcentage de celle d'une autre propriété :
P ( taille de police : 10 pt ) P ( hauteur de ligne : 120 % ) /* par rapport à "taille de police", c'est-à-dire 12pt */ Pour toute propriété dont les valeurs peuvent être précisées en pourcentages, la propriété à laquelle elle fait référence est définie. Éléments enfants"P" héritera de la valeur calculée de "hauteur de ligne" (12 pt) plutôt que du pourcentage.
1.4 Classe comme sélecteur
Pour augmenter la flexibilité du contrôle sur les éléments, HTML a été ajouté nouvel attribut"CLASSE". Tous les éléments d'un élément "BODY" peuvent être classés et la classe peut être référencée via une feuille de style :Beaucoup trop vert
Les règles normales d'héritage s'appliquent aux éléments classés ; ils héritent des valeurs de leurs parents dans la structure du document. Vous pouvez adresser tous les éléments d'une même classe en omettant le nom de la balise dans le sélecteur : .pastoral ( couleur : vert ) /* all. éléments avec CLASS pastorale */ Pour chaque sélecteur vous ne pouvez définir qu'une seule classe. "P.pastoral.marine" est donc un sélecteur invalide en CSS1. (Les sélecteurs contextuels, décrits ci-dessous, peuvent définir une classe pour un sélecteur simple.) CSS offre une telle flexibilité dans l'utilisation de l'attribut CLASS que dans de nombreux cas, l'élément HTML sur lequel la classe est définie n'a pas d'importance - vous pouvez faire n’importe quel élément émule n’importe quel autre élément. Mais il n'est pas recommandé de se fier à cette possibilité, car... cela prive le document d'une structure qui a une signification universelle (éléments HTML). La structure basée sur les classes n’a une application étroite que dans les cas où la signification des classes est convenue des deux côtés.1.5 ID comme sélecteur
HTML définit également désormais un attribut "ID", dont il est garanti qu'il valeur unique dans le document. Il a donc une signification particulière en tant que sélecteur de feuille de style et peut être adressé avec "#": #z98y (espacement des lettres : 0,3em) H1#z98y (espacement des lettres : 0,5em)Texte large
Dans l'exemple donné, le premier sélecteur correspond à l'élément "P" grâce à l'attribut "ID". Le deuxième sélecteur spécifie à la fois le type d'élément ("H1") et la valeur de l'ID, et ne correspond donc pas à l'élément "P". En utilisant l'ID comme sélecteur, vous pouvez définir les propriétés élément par élément. Alors que les feuilles de style ont été conçues pour visualiser la structure du document, cette propriété permet aux auteurs de créer des documents qui s'affichent correctement sur le canevas sans utiliser de structure. Éléments HTML. Cette utilisation de feuilles de style est déconseillée.1.6 Sélecteurs de contexte
L'héritage réduit considérablement la quantité d'impression Texte CSS designers. Au lieu de spécifier toutes les propriétés de style, vous pouvez définir des valeurs par défaut, puis spécifier des exceptions. Pour que les éléments "EM" à l'intérieur de "H1" aient un texte différent, vous pouvez spécifier : H1 ( couleur : bleu ) EM ( couleur : rouge ) Quand ce tableau les styles seront utilisés, tout le texte à l'intérieur de "EM", à l'intérieur et à l'extérieur de "H1", deviendra rouge. Évidemment, je voulais que seuls les éléments de « EM » qui sont enfermés dans « H1 » deviennent rouges. Ceci peut être réalisé en spécifiant : H1 EM ( couleur : rouge ) Dans ce cas, le sélecteur est un masque de recherche de pile éléments ouverts, et un tel sélecteur est appelé sélecteur de contexte. Les sélecteurs contextuels sont constitués de sélecteurs simples séparés par un espace (tous les sélecteurs décrits jusqu'à présent étaient des sélecteurs simples). Les règles décrites s'appliquent uniquement à l'élément qui correspond au dernier sélecteur simple (dans dans ce casélément "EM"), et seulement si le résultat de la recherche est positif. Les sélecteurs contextuels dans CSS1 décrivent uniquement les relations héritées, tandis que les versions ultérieures peuvent décrire d'autres types de relations.UL LI ( font-size: small ) UL UL LI ( font-size: x-small ) Dans ce cas, le premier sélecteur correspond aux éléments « LI » dans au moins un ancêtre « UL ». Le deuxième sélecteur correspond à un sous-ensemble du premier, c'est-à-dire Éléments « LI » avec au moins deux ancêtres « UL ». Le conflit est résolu par le fait que le deuxième sélecteur est plus spécifique en raison du masque de recherche plus long. Voir l'ordre en cascade (section 3.2) pour plus d'informations. Les sélecteurs contextuels peuvent contenir un type d'élément, des attributs CLASS, des attributs ID ou une combinaison de ceux-ci : DIV P (police : petite sans empattement) .reddish H1 (couleur : rouge) #x78y. CODE ( background : blue ) DIV.sidenote H1 ( font-size: large ) Le premier sélecteur correspond aux éléments "P" qui ont "DIV" parmi leurs ancêtres. Le deuxième sélecteur recherche tous les éléments "H1" qui ont un ancêtre de classe "reddish". Le troisième sélecteur correspond à tous les éléments « CODE » qui sont des descendants de l'élément portant « ID=x78y ». Le quatrième sélecteur correspond à tous les éléments "H1" qui ont un ancêtre "DIV" avec la classe "sidenote".
Vous pouvez regrouper plusieurs sélecteurs de contexte :
H1 B, H2 B, H1 EM, H2 EM (couleur : rouge)
ce qui est équivalent :
H1 B (couleur : rouge) H2 B (couleur : rouge) H1 EM (couleur : rouge) H2 EM (couleur : rouge)
1.7 CommentairesLes commentaires textuels dans les feuilles de style sont formatés de la même manière qu'en langage C : EM ( couleur : rouge ) /* rouge, vraiment rouge !! */ Les commentaires ne peuvent pas être imbriqués. Pour le gestionnaire CSS1, un commentaire équivaut à un espace. Avant de passer à la présentation du matériel, je voudrais dire quelques mots sur ce que c'est et en quoi diffère-t-il du CSS que nous avons étudié plus tôt ? Le fait est que CSS, tout comme HTML, possède sa propre documentation technique, certaines normes selon lesquelles les webmasters doivent développer leurs documents Web et les développeurs de navigateurs doivent écrire leurs programmes, et bien que cette documentation soit de nature purement consultative, il est toujours préférable de y adhérer afin de différents navigateurs et les appareils ont pu afficher votre site correctement.
Alors voilà différentes versions Cette documentation s'appelle spécifications et jusqu'à présent, nous avons étudié CSS selon la spécification CSS 2.1 - voici un lien vers version officielle ce document.. Nous allons maintenant étudier la nouvelle spécification CSS 3 - qui possède un certain nombre de propriétés intéressantes qui n'étaient pas incluses dans la version précédente de la spécification. Et il convient immédiatement de noter que dans à l'heure actuelle Officiellement, la spécification CSS 3 est encore en développement - c'est-à-dire que ce document n'a pas encore été approuvé et n'a jusqu'à présent qu'une version préliminaire. Cependant, malgré ce fait, CSS 3 est déjà largement utilisé par les webmasters et pris en charge par les navigateurs modernes.
Pourquoi de nouvelles spécifications naissent-elles ?
Oui, c'est simple.. le monde ne s'arrête pas, tout change, de nouvelles technologies et tendances apparaissent.. et bien sûr, les tendances de la mode dictent aux webmasters de plus en plus de nouvelles exigences pour la conception des sites qu'ils développent.. donc au fil du temps , les webmasters n'ont plus assez des outils qu'ils ont entre les mains et sont obligés d'utiliser des astuces, d'inventer solutions non standards, transférez certaines tâches vers des scripts ou Photoshop. Par exemple, il est devenu à la mode d’arrondir les coins des blocs de sites Web, et outil simple- propriétés : border-radius n'était pas dans la spécification CSS 2.1... alors, pour le bien de cette bagatelle apparemment, nous avons dû faire tout notre possible pour faire tout un tas de "mouvements du corps" inutiles - regardez, dehors par curiosité, un code aussi volumineux est-il justifié dans cette leçon ? Les gens ont donc décidé de tout simplifier en inventant la propriété border-radius, qui arrondit les coins de éléments de bloc. C'est donc là que se déroule l'évolution du CSS et je pense qu'une nouvelle mode Eh bien, par exemple, pour les coins de blocs concaves ou en forme de losange, ainsi à l'avenir, dans certaines spécifications ultérieures, les propriétés correspondantes apparaîtront.
Que permet CSS 3 ?
Outre le fait que la spécification CSS 3 peut arrondir les coins, elle permet de faire bien d'autres choses : créer des dégradés, des ombres, des animations sur les pages du site, définir le degré de transparence de certains éléments, et également élargir considérablement l'ensemble. d'outils pour travailler avec les arrière-plans, les couleurs, le texte - en général, nous aurons beaucoup de choses à dire dans ce manuel !
Quels navigateurs prennent en charge CSS 3 ?
La plupart des nouvelles propriétés consignées CSS 3 prennent en charge toutes les navigateurs modernes: IE9+, Opera 10+, Firefox 3.6+, Chrome 12+, Safari 5+ Bien sûr, il y a quelques nuances dont nous parlerons séparément dans chaque cas spécifique, mais en général, tout fonctionne correctement.
P.S. Dans ce tutoriel, nous ne parlerons que des nouvelles propriétés de CSS 3 qui ne sont pas incluses dans les spécificités de CSS 2.1. Cependant, vous devez comprendre que CSS 3, en plus des nouvelles propriétés, inclut également tout ce que contient CSS 2.1, donc si vous Si vous êtes ici pour la première fois et que vous apprenez le CSS « à partir de zéro », je vous recommande de commencer à apprendre à partir de la section.
Spécifications HTML et CSS- il s'agit d'un ensemble de règles et de recommandations destinées aux développeurs et fabricants Web sur la syntaxe et l'interprétation de ces langages de documents Web. Ceci est nécessaire pour que les navigateurs divers fabricants affichait les pages HTML non seulement de la même manière, mais aussi de la manière prévue par l'auteur. Le Consortium élabore ces règles World Wide Web(W3C), dirigé par Tim Berners-Lee - le créateur d'Internet, du HTML, des URL et de nombreux autres développements.
La dernière spécification HTML actuelle du W3C (en anglais).
La dernière spécification CSS actuelle du W3C (en anglais).
Versions fonctionnelles de HTML et CSS
Ouvriers Versions HTML et CSS- il s'agit de versions qui ne sont pas encore achevées pour l'instant et qui n'ont pas été définitivement approuvées. Ils subissent constamment des modifications et des ajouts aux matériaux existants : balises diverses, attributs, Propriétés CSS etc. Par conséquent, vous ne pouvez utiliser leurs données lors de la création d'un site Web qu'à vos risques et périls, car ce n'est pas un fait qu'après un certain temps, les pages de votre site Web ne cesseront pas de s'afficher dans les navigateurs comme vous l'aviez prévu, malgré le fait que de nombreux d'entre eux prennent déjà en charge partiellement les données des versions de travail.
La version de travail de HTML 5 du W3C, qui introduit de nouvelles balises, attributs et fonctionnalités. Une grande importance est accordée à la sémantique du code, introduite Prise en charge des API(interface programmation d'applications), grâce auquel vous pouvez, par exemple, insérer une vidéo dans un site Web sans utiliser de plugins. Conception extérieure Les pages HTML sont entièrement transférées sous Gestion CSS. Contrairement à version précédente HTML, cette version n'aura pas de divisions en subversions - seulement une syntaxe stricte. Mais en même temps elle aura rétrocompatible, c'est-à-dire que pour passer de HTML 4.01 à HTML 5, il suffira simplement de changer dans la première ligne du code de la page.
Fonctionnement Version CSS 3 du W3C, de nombreuses nouvelles propriétés, des significations différentes et, par conséquent, des capacités sont apparues. Une grande partie de ce qui était auparavant réalisé avec des images et des outils comme JavaScript peut désormais être réalisé avec CSS uniquement. Par exemple, animer, créer des ombres, arrondir les coins des éléments. Cependant, CSS 3 est également rétrocompatible avec CSS 2.1.