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< 진행률>태그 노트 html 그림 1 - Guo Ge의 메모" >Tag Notes" 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의 기사 태그가 무엇인가요? HTML5에서 기사 요소는 어디에 사용됩니까?

HTML5의 새로운 구조 요소는 무엇인가요? HTML5의 새로운 구조 요소 사용(권장)