Catégorie : Référence HTML

한 항목만 선택된 원형 라디오 버튼 그룹 일러스트

Boutons radio HTML : groupes name, checked et required

Créez deux groupes de boutons radio indépendants et examinez leurs valeurs soumises dans un exemple complet. Apprenez comment name, id, value, checked, required, reset, labels et la sélection au clavier fonctionnent ensemble.

기울어진 강조와 두꺼운 중요 표시를 대비한 일러스트

HTML em et strong : emphase, importance et différences avec b et CSS

Comparez l’accentuation avec l'importance dans un exemple HTML complet. Apprenez quand utiliser em, strong, b ou CSS font-weight et pourquoi le style visuel ne remplace pas la signification sémantique.

일부가 채워진 진행 막대와 로딩 상태를 표현한 일러스트

HTML progress : afficher la progression et passer à un état indéterminé

Calculer l'avancement de la tâche avec valeur et maximum, et passer au progrès indéterminé dans un exemple interactif complet. Apprenez à nommer la tâche, annoncer son état et distinguer la progression du compteur.

설명 항목과 입력 컨트롤을 연결한 일러스트

HTML label : relier for à id et agrandir la zone cliquable

Comparez une association explicite avec for/id et un contrôle placé dans label grâce à un exemple complet. Vérifiez les clics, le clavier, les descriptions complémentaires et les identifiants en double.

행과 열로 구성된 표 위에 제목 패널이 놓인 일러스트

HTML caption : titre de tableau et position en haut ou en bas

Nommez un tableau avec caption et distinguez son titre des en-têtes th. Un exemple complet montre le déplacement avec caption-side et explique les points à vérifier pour l’accessibilité.

한 줄의 내용이 다음 줄로 이어지는 흐름을 표현한 일러스트

HTML br : sauts de ligne et différences avec p, wbr et pre

Comparez les sauts de ligne br avec le formatage du code source et les paragraphes séparés dans un exemple complet. Un tableau comparatif explique quand choisir p, wbr ou pre et pourquoi la marge CSS devrait contrôler l'espacement des paragraphes.

문서 아래의 연락처 카드와 봉투를 표현한 일러스트

HTML address : coordonnées des auteurs et responsables du site

Distinguez les coordonnées d’un auteur de celles du responsable du site à l’aide d’un exemple complet. Découvrez quand utiliser address, le comportement des liens mailto et les règles de contenu et de présentation.

선택 메뉴와 여러 선택 항목을 표현한 일러스트

HTML select : listes déroulantes, sélection multiple et valeurs envoyées

Comparez les noms et valeurs des éléments select et option dans un formulaire fonctionnel avec des sélections obligatoires et multiples. Vérifiez l'exclusion des champs désactivés, les valeurs par défaut sélectionnées, le comportement de la réinitialisation et la manière de lire toutes les valeurs sélectionnées.

비활성 스크립트 화면 옆에 대체 안내가 표시되는 일러스트

HTML noscript : contenu de repli si JavaScript est désactivé

Comparez le script désactivé avec une erreur d'exécution JavaScript en utilisant un exemple complet de noscript. Apprenez à garder les instructions essentielles disponibles et où le contenu de repli doit se trouver dans le body et le head.

사진과 설명 띠가 하나의 프레임 안에 묶인 일러스트

HTML figure et figcaption : regrouper un contenu et sa légende

Comparez les légendes avant et après le contenu autonome en utilisant un exemple complet de figure et figcaption. Apprenez comment les légendes diffèrent du texte alternatif des images et comment l'exemple SVG s'adapte à un écran étroit.