집 >웹 프론트엔드 >H5 튜토리얼 >html5 tag_html5 튜토리얼 기술

html5 tag_html5 튜토리얼 기술

WBOY원래의: 2016-05-16 15:51:321544검색

W3C는 2008년 1월 22일 최신 HTML 5 작업 초안을 출시했습니다. HTML 5 작업 그룹에는 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera 및 기타 수백 명의 개발자가 포함되어 있습니다. HTML 5의 몇 가지 새로운 기능: 오디오, 비디오, 이미지 삽입 기능, 클라이언트 측 데이터 저장 및 대화형 문서. 다른 기능으로는

및 <그림>과 같은 새로운 페이지 요소가 있습니다.

HTML 5는 모든 HTML 요소를 처리하는 방법과 오류 복구 방법에 대한 정확한 규칙을 설정하여 상호 운용성을 향상시키고 개발 비용을 절감합니다.

가나다순

4: 이 요소가 HTML 4.01에 정의되어 있는지 여부를 나타냅니다.
5: 요소가 HTML 5에 정의되어 있는지 여부를 나타냅니다.

태그	설명	4	5
	주석을 정의합니다.	4	5


























		5
<데이터그리드>	트리 목록의 데이터를 정의합니다.		5
<데이터 목록>	드롭다운 목록을 정의합니다.		5
<데이터템플릿>	데이터 템플릿을 정의합니다.		5
	정의에 대한 설명을 정의합니다.	4	5
	삭제 텍스트를 정의합니다.	4	5
	요소의 세부정보를 정의합니다.		5
	대화(세션)를 정의합니다.		5
<디렉터리>	지원되지 않습니다. 디렉토리 목록을 정의합니다.	4
	문서에서 섹션을 정의합니다.	4	5
	정의 항목을 정의합니다.	4	5
	정의 목록을 정의합니다.	4	5
	정의된 항목을 정의합니다.	4	5
	강조 텍스트를 정의합니다.	4	5
<삽입>	외부 대화형 콘텐츠 또는 플러그인을 정의합니다.		5
<이벤트 소스>	서버에서 보내는 이벤트의 대상을 정의합니다.		5
<필드세트>	필드셋을 정의합니다.	4	5
<그림>	미디어 콘텐츠 그룹과 제목을 정의합니다.		5
<글꼴>	불인정합니다. 텍스트의 글꼴, 크기 및 색상을 정의합니다.	4
<바닥글>	섹션이나 페이지의 바닥글을 정의합니다.		5
<양식>	양식을 정의합니다.	4	5
<프레임>	지원되지 않습니다. 하위 창(프레임)을 정의합니다.	4
<프레임세트>	지원되지 않습니다. 프레임 세트를 정의합니다.	4
~	제목 1을 제목 6으로 정의합니다.	4	5
	문서에 대한 정보를 정의합니다.	4	5
<헤더>	섹션이나 페이지의 헤더를 정의합니다.		5
	수평선을 정의합니다.	4	5
	html 문서를 정의합니다.	4	5
<나>	기울임꼴 텍스트를 정의합니다.	4	5
</td> <td>행 내의 하위 창(프레임)을 정의합니다.</td> <td>4</td> <td>5</td> </tr> <tr> <td><img></td> <td>이미지를 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><입력></td> <td>입력 필드를 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><ins></td> <td>삽입된 텍스트를 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><isindex></td> <td>지원되지 않습니다. 한 줄 입력 필드를 정의합니다. </td> <td>4</td> <td> </td> </tr> <tr> <td><kbd></td> <td>키보드 텍스트를 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><라벨></td> <td>양식 컨트롤에 대한 주석을 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><전설></td> <td>필드셋에서 제목을 정의하세요. </td> <td>4</td> <td>5</td> </tr> <tr> <td><li></td> <td>목록의 항목을 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><링크></td> <td>자원 참조를 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><m></td> <td>표시된 텍스트를 정의합니다. </td> <td> </td> <td>5</td> </tr> <tr> <td><지도></td> <td>이미지 매핑을 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><메뉴></td> <td>메뉴 목록을 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><메타></td> <td>메타 정보를 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><미터></td> <td>사전 정의된 범위 내에서 측정항목을 정의합니다. </td> <td> </td> <td>5</td> </tr> <tr> <td><nav></td> <td>탐색 링크를 정의합니다. </td> <td> </td> <td>5</td> </tr> <tr> <td><네스트></td> <td>데이터 템플릿에서 중첩 지점을 정의합니다. </td> <td> </td> <td>5</td> </tr> <tr> <td><노프레임></td> <td>지원되지 않습니다. noframe 부분을 정의합니다. </td> <td>4</td> <td> </td> </tr> <tr> <td><noscript></td> <td>지원되지 않습니다. noscript 섹션을 정의합니다. </td> <td>4</td> <td> </td> </tr> <tr> <td><객체></td> <td>삽입된 개체를 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><ol></td> <td>순서가 지정된 목록을 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><선택 그룹></td> <td>옵션 그룹을 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><옵션></td> <td>드롭다운 목록에서 옵션을 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><출력></td> <td>일부 출력 유형을 정의합니다. </td> <td> </td> <td>5</td> </tr> <tr> <td><p></td> <td>단락을 정의하세요. </td> <td>4</td> <td>5</td> </tr> <tr> <td><param></td> <td>객체에 대한 매개변수를 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><사전></td> <td>미리 서식이 지정된 텍스트를 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><진행 상황></td> <td>모든 유형의 작업 진행 상황을 정의합니다. </td> <td> </td> <td>5</td> </tr> <tr> <td><q></td> <td>짧은 따옴표를 정의하세요. </td> <td>4</td> <td>5</td> </tr> <tr> <td><규칙></td> <td>업그레이드 템플릿 규칙을 정의합니다. </td> <td> </td> <td>5</td> </tr> <tr> <td><s></td> <td>지원되지 않습니다. 취소선 텍스트를 정의합니다.</td> <td>4</td> <td> </td> </tr> <tr> <td><샘플></td> <td>샘플 컴퓨터 코드를 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><스크립트></td> <td>스크립트를 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><섹션></td> <td>섹션을 정의하세요. </td> <td> </td> <td>5</td> </tr> <tr> <td><선택></td> <td>선택적 목록을 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td></td> <td>지원되지 않습니다. 작은 텍스트를 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><출처></td> <td>미디어 소스를 정의합니다. </td> <td> </td> <td>5</td> </tr> <tr> <td><span></td> <td>문서에서 섹션을 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><파업></td> <td>지원되지 않습니다. 취소선 텍스트를 정의합니다. </td> <td>4</td> <td> </td> </tr> <tr> <td><strong></td> <td>강조 텍스트를 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><스타일></td> <td>스타일 정의를 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td></td> <td>위 첨자 텍스트를 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><sup></td> <td>아래 첨자 텍스트를 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><테이블></td> <td>테이블을 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><본문></td> <td>테이블의 본문을 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><td></td> <td>테이블 셀을 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><텍스트 영역></td> <td>텍스트 영역을 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><tfoot></td> <td>테이블의 바닥글을 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td>번째</td> <td>헤더를 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><머리></td> <td>헤더를 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><시간></td> <td>날짜/시간을 정의하세요. </td> <td> </td> <td>5</td> </tr> <tr> <td><제목></td> <td>문서 제목을 정의하세요. </td> <td>4</td> <td>5</td> </tr> <tr> <td><tr></td> <td>테이블 행을 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><tt></td> <td>지원되지 않습니다. 타자기 텍스트를 정의합니다. </td> <td>4</td> <td> </td> </tr> <tr> <td><u></td> <td>지원되지 않습니다. 밑줄이 그어진 텍스트를 정의합니다. </td> <td>4</td> <td> </td> </tr> <tr> <td><ul></td> <td>순서가 지정되지 않은 목록을 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><var></td> <td>변수를 정의합니다. </td> <td>4</td> <td>5</td> </tr> <tr> <td><동영상></td> <td>동영상을 정의합니다. </td> <td> </td> <td>5</td> </tr> <tr> <td><xmp></td> <td>지원되지 않습니다. 미리 서식이 지정된 텍스트를 정의합니다. </td> <td>4</td> <td>5</td> </tr> </tbody> </table> </div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>성명：</span><div>본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.</div></div></div><div class="nphpSytBox"><span>이전 기사：<a class="dBlack" title="HTML5가 실제로 Flash_html5 튜토리얼 팁을 대체할 수 있습니까?" href="https://m.php.cn/ko/faq/6705.html">HTML5가 실제로 Flash_html5 튜토리얼 팁을 대체할 수 있습니까?</a></span><span>다음 기사：<a class="dBlack" title="HTML5가 실제로 Flash_html5 튜토리얼 팁을 대체할 수 있습니까?" href="https://m.php.cn/ko/faq/6710.html">HTML5가 실제로 Flash_html5 튜토리얼 팁을 대체할 수 있습니까?</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>관련 기사</h2><em><a href="https://m.php.cn/ko/article.html" class="bBlack"><i>더보기</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle \|\| []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/ko/faq/348281.html" title="AlloyTouch 전체 화면 스크롤 플러그인으로 30초 만에 부드러운 H5 페이지 생성" class="aBlack">AlloyTouch 전체 화면 스크롤 플러그인으로 30초 만에 부드러운 H5 페이지 생성</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ko/faq/348372.html" title="HTML5 실제 전투 및 터치 이벤트 분석(touchstart, touchmove 및 touchend)" class="aBlack">HTML5 실제 전투 및 터치 이벤트 분석(touchstart, touchmove 및 touchend)</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ko/faq/348373.html" title="HTML5 Canvas 9의 이미지 그리기 예제에 대한 자세한 설명" class="aBlack">HTML5 Canvas 9의 이미지 그리기 예제에 대한 자세한 설명</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ko/faq/348374.html" title="정규 표현식과 새로운 HTML5 요소" class="aBlack">정규 표현식과 새로운 HTML5 요소</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ko/faq/348469.html" title="NodeJS와 HTML5를 결합하여 여러 파일을 끌어서 놓아 서버에 업로드하는 방법" class="aBlack">NodeJS와 HTML5를 결합하여 여러 파일을 끌어서 놓아 서버에 업로드하는 방법</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle \|\| []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！</p></div><div class="footermid"><a href="https://m.php.cn/ko/about/us.html">회사 소개</a><a href="https://m.php.cn/ko/about/disclaimer.html">부인 성명</a><a href="https://m.php.cn/ko/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times \|\| -1, //100次 _interval = interval \|\| 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 \|\| _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body><!-- Matomo --><script> var _paq = window._paq = window._paq \|\| []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script><!-- End Matomo Code --></html>