Que signifie la balise HTML5 <progress> ? Explication détaillée de l'utilisation de base de la balise HTML5 <progress>-Tutoriel H5-php.cn

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

3975 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!