Home > Article > Web Front-end > What does the HTML5 tag mean? Detailed explanation of the basic usage of HTML5 tag

What does the HTML5 tag mean? Detailed explanation of the basic usage of HTML5 tag

寻∝梦Original: 2018-08-16 17:39:563936browse

HTML5What does the tag mean? What are the basic uses of content in the HTML5 tag? This article will introduce to you what the HTML5 tag is, what are the basic attributes of the HTML5 tag and the basic usage of these attributes

First we need to understand what the HTML5 tag is What it means: The

label indicates the progress (process) of the task.

In HTML, the tag is used to define the progress (process) of running tasks. The tag is often used with JavaScript to display the progress of a task. The tag is not suitable for the representation of weights and measures. Generally, the tag is used.

Basic attributes of the tag:

max: Specifies the value that needs to be completed (value: number).

value: Specifies the current value of the process (value: number).

tag supports html global attributes and html event attributes

Format:

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

Here are examples:

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

Running results ：

What does the HTML5 <progress> tag mean? Detailed explanation of the basic usage of HTML5 <progress> tag

Tag Notes html No. 1 " title="html5 Tag Notes html No. 1 - Guoge Notes" > Tag Notes" alt ="" width="469" height="161" />

HTML5Attributes of tag:

What does the HTML5 <progress> tag mean? Detailed explanation of the basic usage of HTML5 <progress> tag

Downloading example in progress:

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

Basic usage of HTML5 tag:

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

Tips and notes for HTML5 tag:

Tip: Please use the tag with JavaScript to display the progress of the task.

Note: The tag is not suitable for representing metrics (for example, disk space usage or query results). To represent weights and measures, use the tag instead.

Differences between HTML 4.01 and HTML 5

The tag is a new tag in HTML 5.

Browser support

Internet Explorer 10, Firefox, Opera, Chrome and Safari 6 support the tag.

Note: Internet Explorer 9 and earlier versions do not support the tag.

[Related recommendations]

What is the article tag in HTML5? Where is the article element used in HTML5?

#What are the new structural elements in HTML5? Usage of new structural elements in HTML5 (recommended)

The above is the detailed content of What does the HTML5 tag mean? Detailed explanation of the basic usage of HTML5 tag. For more information, please follow other related articles on the PHP Chinese website!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：How to implement the function of online customization of patterns in canvas in the mini programNext article：How to implement the function of online customization of patterns in canvas in the mini program

See more

What does the HTML5 tag mean? Detailed explanation of the basic usage of HTML5 tag

Related articles