집 > 기사 > 웹 프론트엔드 > HTML5 태그는 무엇을 의미하나요? HTML5 태그의 기본 사용법에 대한 자세한 설명

HTML5 태그는 무엇을 의미하나요? HTML5 태그의 기본 사용법에 대한 자세한 설명

寻∝梦원래의: 2018-08-16 17:39:563934검색

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의 새로운 구조 요소 사용(권장)

위 내용은 HTML5 태그는 무엇을 의미하나요? HTML5 태그의 기본 사용법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이전 기사：미니 프로그램에서 캔버스 패턴의 온라인 사용자 정의 기능을 구현하는 방법다음 기사：미니 프로그램에서 캔버스 패턴의 온라인 사용자 정의 기능을 구현하는 방법