HTML5 の <progress> タグは何を意味しますか? HTML5の<progress>タグの基本的な使い方を詳しく解説-H5 チュートリアル-php.cn

HTML5 のタグは何を意味しますか? HTML5のタグの基本的な使い方を詳しく解説

寻∝梦

リリース： 2018-08-16 17:39:56

オリジナル

3924 人が閲覧しました

HTML5のタグは何を意味しますか? HTML5 のコンテンツの基本的な使用法は何ですか?この記事では、HTML5 タグとは何か、HTML5 タグの基本的な属性とは何か、およびこれらの属性の基本的な使用方法について説明します

まず、HTML5 とは何かを理解する必要があります。 ; タグの意味:

タグはタスクの進行状況 (プロセス) を示します。

HTML では、タグは、実行中のタスクの進行状況 (プロセス) を定義するために使用されます。タグは、タスクの進行状況を表示するために JavaScript でよく使用されます。タグは度量衡の表現には適していません。

タグの基本属性:

max: 完了する必要がある値を指定します (値: 数値)。

value: プロセスの現在の値を指定します (値: 数値)。

タグは HTML グローバル属性と HTML イベント属性をサポートします

形式:

<progress value="当前值" max="目标值">
</progress>

ログイン後にコピー

例は次のとおりです:

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

ログイン後にコピー

実行結果:

HTML5 の <progress> タグは何を意味しますか? HTML5の<progress>タグの基本的な使い方を詳しく解説

タグのメモ html No. 1" title="html5< ; progress>タグノート html 画像 1 - Guoge ノート" >タグノート" alt="" width="469" style="max-width:90%" />

HTML5 タグの属性:

HTML5 の <progress> タグは何を意味しますか? HTML5の<progress>タグの基本的な使い方を詳しく解説

進行中のダウンロードのインスタンス:

<progress value="22" max="100"></progress>

ログイン後にコピー

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>

ログイン後にコピー

HTML5 タグのヒントと注意事項: タグを組み合わせてください。 JavaScript を使用してタスクの進行状況を表示します。

注: タグは、メトリクス (ディスク容量の使用量やクエリ結果など) を表すのには適していません。度量衡を表すには、代わりにタグを使用します。

HTML 4.01とHTML 5の違い

タグはHTML 5の新しいタグです。

ブラウザのサポート

Internet Explorer 10、Firefox、Opera、Chrome、Safari 6 はタグをサポートします。

注: Internet Explorer 9 以前では、タグがサポートされていません。

【関連おすすめ】

HTML5のarticleタグとは何ですか？ HTML5 では、article 要素はどこで使用されますか?

HTML5 の新しい構造要素とは何ですか? HTML5 での新しい構造要素の使用 (推奨)

以上がHTML5 のタグは何を意味しますか? HTML5のタグの基本的な使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。