이 글에서는 주로 HTML5 태그 전체에 대한 요약과 태그 의미에 대한 설명을 소개합니다. 이 글에서는 구조 태그, 멀티미디어 상호 작용 태그, 웹 애플리케이션 태그, 주석 태그, 기타 태그 등을 요약하여 소개합니다. 태그: (블록 요소) 의미 있는 p 태그는 기사를 정의합니다 태그는 페이지 또는 섹션의 헤더를 정의합니다 태그는 탐색 링크를 정의합니다. ; 태그는 영역을 정의합니다. out of Over''''''''''''‐ to through through‐‐ w‐ww ' ;figcaption> 태그는 그림 요소의 제목을 정의합니다. 태그는 페이지 또는 영역의 하단을 정의합니다. 태그는 WeChat과 유사한 대화 상자(대화 상자)를 정의합니다. video 태그는 오디오 콘텐츠를 정의합니다 태그는 이미지를 정의합니다 태그는 플래시와 같은 플러그인을 정의합니다 tag< ;menu>명령 목록menu 명령 목록 라벨 FF(내장형 시스템) 메뉴 태그는 명령 버튼을 정의합니다. 상태 라벨(실시간 상태 표시: air 압력, 온도) C, O 상태 라벨(작업 프로세스: 설치, 로딩) C, F, O는 입력 태그에 대한 드롭다운 목록을 정의하고, 옵션 F, O 태그가 있는 요소, dd C 주석 태그 태그는 주석 또는 음성 기호를 정의합니다. 는 브라우저에 Ruby 요소를 지원하지 않음을 알려줍니다. 표시 방법 태그는 루비에 대한 주석을 정의합니다. 콘텐츠 텍스트기타 태그 마크 정의 형식에서 생성된 키 값(암호화된 정보 전송) O, F 정의 표시된 텍스트(노란색 선택 상태)< 출력> 태그는 일부 출력 유형을 정의하고 oninput과 함께 양식 결과를 계산합니다. 제거된 HTML 태그 순수한 표현 요소: basefont, big, center,font, s , Strike, tt, u; 사용성을 위한 부정적인 효과를 일으키는 요소: frame,frameset, noframes; b>는 인라인 텍스트를 나타냅니다. 일반적으로 굵게 표시되며 전송이 없으면 중요한 의미를 나타냅니다.는 인라인 텍스트를 표시하며 일반적으로 기울임꼴로 표시되며 전송이 없으면 중요한 의미를 나타냅니다. 세부 정보 및 그림과 함께 사용할 수 있으며 정의에는 텍스트가 포함됩니다. 대화상자도 사용할 수 있습니다. 세부사항을 요약하기 위해 세부사항 및 그림과 함께 사용할 수 있습니다. 표시는 동일하지만 주제의 끝을 나타냅니다. 일반 또는 메뉴 항목과 일치하도록 사용자 인터페이스 메뉴를 재정의합니다. 인쇄된 메모나 법률 용어와 같은 작은 글꼴을 표시하려면 샘플 코드: XML/HTML Code클립보드에 콘텐츠 복사 <!doctype html> <html> <head> <style> header{height:150px;background:#ABCDEF} nav{height:30px;background:#ff9900;margin-top:100px} nav ul li{width:100px;height:30px;float:left;line-height:30px} div{margin-top:10px;height:1000px;} section{height:1000px;background:#ABCDEF;width:70%;float:left} article{background:#F90;width:500px;margin:0 auto;text-align:center} aside{height:1000px;background:#ABCDEF;width:28%;float:right} footer{height:100px;background:#ABCDEF;clear:both;margin-top:10px} </style> </head> <body> <header> <p>这是一个header标签</p> <nav> <ul> <li>首页</li> <li>起夜</li> <li>论坛</li> <li>商城</li> <li>社区</li> </ul> </nav> </header> <div> <section> <p>这是一个section标签</p> <article> <h2>春晓</h2> <p> 春眠不觉晓，<br /> 处处蚊子咬，<br /> 打上敌敌畏，<br /> 不至死多少。<br /> </p> </article> <hr /> <article> <h2>上学歌</h2> <p> 太阳当空照，<br /> 花儿对我笑，<br /> 小鸟说早早早，你为什么背上小书包?<br /> 我要炸学校老师不知道，一拉线，赶快跑，<br /> 轰的一声，学校炸没了。<br /> </p> </article> <hr /> <figure> <figcaption>UFO</figcaption> <p>不明飞行物 Unknown Flying Object</p> </figure> <figure> <dt>DDS</dt> <dd>大屌丝</dd> </figure> <hr /> <dialog> <dt>唐僧:悟空，你又调皮了，观音姐姐的月光宝盒怎么能乱扔呢？</dt> <dd>悟空:...(看着)</dd> <dt>唐僧:乱扔是不对的，砸到小朋友怎么办？就算砸不到小朋友，砸到花花草草也是不好的嘛</dt> <dd>悟空:...(纠结)</dd> <dt>唐僧:悟空你想要么？想要你就告诉我呀，你不告诉我怎么知道你想要呢？。。。。</dt> <dd>悟空:我靠!(一棍子抡上去！)</dd> </dialog> <hr /> <menu> <li>点击</li> <li>右键单击</li> </menu> <hr /> <span contextmenu="candan">右键单击我试试</span> <menu type="context" id="candan"> <menuitem label="菜单一" onclick="alert('我是一个寂寞')" icon="http://www.baidu.com/img/baidu_sylogo1.gif"></menuitem> </menu> <hr /> <meter min="0" max="10" value="5" low="3" high="7" ></meter> <progress max="100" value="0" id="pro"></progress> <script> var pro =document.getElementByIdx_x_x_x('pro'); setInterval(function(){ pro.value+=1; },100); </script> <hr /> <details> <dt>这是一个问题？</dt> <dd>to be or not to be</dd> <dt>这是一个问题？</dt> <dd>to be or not to be</dd> <dt>这是一个问题？</dt> <dd>to be or not to be</dd> </details> <hr /> <ruby>夼<rp>(</rp><rt>kuang</rt><rp>)</rp></ruby> <hr /> 女人<mark>最喜欢做的事情</mark>就是逛街。。。吃零食。。逛街。。吃零食，偶尔还会呜呜的哭， 于是总结了下女人:逛吃逛吃逛吃逛吃。。。呜呜呜~· </section> <aside> <p>这是一个aside标签</p> <hgroup> <h3>女生宿舍为何频频被盗</h3> <h3>两百头母猪为何半夜惨死</h3> <h3>是人性的扭曲？</h3> <h3>还是道德的沦丧！</h3> </hgroup> </aside> </div> <footer> <p>这是一个footer标签</p> <hr /> <small>法律条文</small> <small>联系我们</small> <small>客户意见</small> <small>商户合作</small> </footer> </body> </html> 로그인 후 복사
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
