简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > Tutoriel H5 > le corps du texte

Que signifie la balise HTML5  ? Explication détaillée de l'utilisation de base de la balise HTML5

寻∝梦
Libérer： 2018-08-16 17:39:56
original
3923 Les gens l'ont consulté

Que signifie la balise HTML5 Quelles sont les utilisations de base du contenu de la balise HTML5 Cet article vous présentera ce qu'est la balise HTML5, quels sont les attributs de base de la balise HTML5 et l'utilisation de base de ces attributs

Tout d'abord, nous devons comprendre ce qu'est la balise HTML5 Ce que cela signifie : L'étiquette

En HTML, la balise est utilisée pour définir la progression (processus) d'une tâche en cours d'exécution. La balise est souvent utilisée avec JavaScript pour afficher la progression d'une tâche. La balise ne convient pas à la représentation des poids et mesures. Généralement, la balise

attribut de base de la balise :

max : spécifie la valeur qui doit être complétée (valeur : nombre).

valeur : Spécifie la valeur actuelle du processus (valeur : nombre).

La balise prend en charge les attributs globaux HTML et les attributs d'événement HTML.

Format : 

<progress value="当前值" max="目标值">
</progress>
Copier après la connexion

Voici des exemples : 

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>html5< progress>标签笔记_PHP笔记</title>
</head>
<body>
上传进度：
<progress value="49" max="100">
</progress>
</body>
</html>
Copier après la connexion

Exécuter les résultats :

Que signifie la balise HTML5 <progress> ? Explication détaillée de lutilisation de base de la balise HTML5 <progress>

Tag Notes html No. 1" title="html5 Notes de balise" alt="" width="469" style="max-width:90%" />

HTML5Attributs de la balise :

Que signifie la balise HTML5 <progress> ? Explication détaillée de lutilisation de base de la balise HTML5 <progress>

Instance de téléchargement en cours : 

<progress value="22" max="100"></progress>
Copier après la connexion

Utilisation de base de la balise HTML5 : 

<html>
<dead>
<meta charset="UTF-8">
<style type="text/css">
</style>
<script>
function test(){
var kk = document.getElementById("pro1");
   kk.value=kk.value+1;
}
</script>
</dead>
<body>
<progress value="10" max="100" id="pro1"></progress>
<script>
var s= self.setInterval("test()",1000);/*使用window自带的函数 setInetrval来重复执行test函数
实现progress的value值得自增长，模拟progress的使用*/
</script>
</body>
</html>
Copier après la connexion

HTML5

Astuce : Veuillez utiliser la balise

Remarque : La balise ne convient pas pour représenter des métriques (par exemple, l'utilisation de l'espace disque ou les résultats d'une requête). Pour représenter les poids et les mesures, utilisez plutôt la balise

Différences entre HTML 4.01 et HTML 5 La balise

Prise en charge des navigateurs

Internet Explorer 10, Firefox, Opera, Chrome et Safari 6 prennent en charge la balise

Remarque : Internet Explorer 9 et versions antérieures ne prennent pas en charge la balise

[Recommandations associées]

Qu'est-ce que la balise article en HTML5 ? Où l’élément article est-il utilisé en HTML5 ?

Quels sont les nouveaux éléments structurels en HTML5 ? Utilisation de nouveaux éléments structurels en HTML5 (recommandé)


Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées：
HTML5<progress> HTML5<progress>标签用法
source：php.cn
Article précédent：Comment implémenter la fonction de personnalisation en ligne des motifs dans Canvas dans le mini programme Article suivant：Qu'est-ce que le numéro d'entrée HTML5 ? Introduction détaillée du type d'entrée HTML5 (diagramme de dépendance interne)
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Conversion automatique PX en erreur REM  <style>html {   taille de police : calc(100vw / 3,75);      }body {    taille de la...
Depuis 2024-04-16 09:34:16
0
0
4687
Comment déclencher le rendu (avec filtre et pagination) sur la méthode de tri dans React ? Voici mon composant de style Sort.js : <SortWrapper><SortText>SortBy</SortT...
Depuis 2024-04-06 21:28:37
0
1
2257
Utiliser des grilles pour créer cette conception spécifique : un guide étape par étape J'essaie de créer une mise en page similaire à cette image, j'ai essayé d'utiliser cette g...
Depuis 2024-04-06 20:29:08
0
2
492
Comment utiliser les composants Laravel avec des espaces réservés paresseux Livewire Je souhaite ajouter le squelette de mon composant Laravel dans un espace réservé livewire3...
Depuis 2024-04-06 20:02:10
0
2
543
MySQL : "Sélectionnez le texte de... comme <variable ici ou sous-requête>" J'ai le tableau suivant avec les données suivantes : id texte langue 1 texte allemand alle...
Depuis 2024-04-06 19:25:54
0
2
529
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！