찾다

집 >웹 프론트엔드 >HTML 튜토리얼 >XHTML_HTML/Xhtml_Web 페이지 제작 시 공통 태그 정리

XHTML_HTML/Xhtml_Web 페이지 제작 시 공통 태그 정리

WBOY
WBOY원래의
2016-05-16 16:36:151176검색

XHTML 태그란 무엇입니까?
XHTML 태그 요소는 XHTML 문서의 기본 구성 요소입니다. XHTML 태그는 XHTML 문서에서 "이것이 무엇인지, 그것이 무엇인지"를 정의하기 위해 XHTML 언어에서 사용되는 태그로 이해될 수 있습니다.
XHTML 태그는 꺾쇠괄호로 묶인 키워드로, 종종 과 같이 쌍으로 표시됩니다. 이 태그는 이것이 hmtl(xhtml) 문서임을 나타냅니다. 태그 쌍의 첫 번째 태그는 시작 태그이고 두 번째 태그는 종료 태그입니다.
줄 바꿈 태그
와 같이 쌍을 이루지 않거나 종료 태그가 없는 소수의 태그도 있습니다.
XHTML 태그 닫기
XHTML 사양에서는 모든 태그를 닫아야 합니다. 일반적으로 쌍을 이루는 태그는 닫는 태그로 닫히고, 쌍이 없는 태그는
와 같이 공백 + />로 닫힙니다.
브라우저는 닫히지 않은 태그를 인식할 수 있지만 규제 및 장기적인 관점에서 닫는 태그가 필요합니다.

일반적으로 사용되는 XHTML 태그
태그
이 태그는 XHTML 파일 형식 선언을 제외하고 hmtl(xhtml) 문서임을 나타냅니다. 그 밖의 모든 것 모든 XHTML 태그 요소는 이 태그 내에 포함되어야 합니다.

XML/HTML 코드클립보드에 콘텐츠 복사
  1. <html>
  2. <머리> ... 머리>
  3. <몸>
  4. <p>텍스트 단락 및 기타 텍스트 내용p> 
  5. 몸>
  6. html>

태그
는 일반적으로 XHTML 문서의 헤더 정보를 나타냅니다. XHTML 문서에 의해 로드된 CSS 스타일 또는 기타 스크립트 정보와 같은 문서에 대한 추가 설명입니다.

태그
이 태그는 전체 XHTML 문서의 제목을 정의하며 브라우저 창 상단의 제목 표시줄에 표시하는 데 사용됩니다. 태그는 < ;head>에 중첩되어 있습니다.

XML/HTML 코드클립보드에 콘텐츠 복사
  1. 머리>
  2. <제목>XHTML 태그 - XHTML 튜토리얼제목>
  3. 머리>
  4. <몸>몸> 태그

이름에서 알 수 있듯이 이 태그는 XHTML 문서의 본문 내용을 설명하며 표시해야 하는 모든 본문 내용이 이 태그에 포함됩니다.

XHTML 제목
XHTML 문서 제목은 각각


XML/HTML 코드클립보드에 콘텐츠 복사
  1. <h1>레벨 1 타이틀 h1>
  2. <h1>2급 제목 h1>
  3. <h1>3차 제목 h1>

이 제목은 제목이 아니지만 일반적으로 <h1> </p> <p>XHTML 단락<strong><br>XHTML 단락은 <p></p> 태그로 정의됩니다. </strong><br> </p> <div class="codeText"> <div class="codeHead">XML/HTML 코드<span class="lantxt"></span>클립보드에 콘텐츠 복사<span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_4556')"></span> </div> <div id="code_4556"> <ol class="dp-xml"> <li class="alt"> <span><<span class="tag"></span>p<span class="tag-name"></span>><span class="tag"></span>문단입니다<span></span></<span class="tag"></span>p<span class="tag-name"></span>><span class="tag"></span> <span></span></span> </li> </ol> </div> </div> <p>XHTML 하이퍼링크<strong><br>XHTML 하이퍼링크는 <a></a> 태그로 정의됩니다. </strong><br> </p> <div class="codeText"> <div class="codeHead">XML/HTML 코드<span class="lantxt"></span>클립보드에 콘텐츠 복사<span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_2790')"></span> </div> <div id="code_2790"> <ol class="dp-xml"> <li class="alt"> <span><<span class="tag"></span>a<span class="tag-name"></span> <span></span>href<span class="attribute"></span>=<span></span>"http://www .jb51.net"<span class="attribute-value"></span>><span class="tag"></span>5iDev 웹 개발 온라인 튜토리얼<span></span></<span class="tag"></span>a<span class="tag-name"></span>><span class="tag"></span> <span></span></span> </li> </ol> </div> </div> <p>XHTML 이미지<strong><br>XHTML 이미지는 <img> 태그로 정의됩니다. </strong><br> </p> <div class="codeText"> <div class="codeHead">XML/HTML 코드<span class="lantxt"></span>클립보드에 콘텐츠 복사<span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_4498')"></span> </div> <div id="code_4498"> <ol class="dp-xml"> <li class="alt"> <span><<span class="tag"></span>img<span class="tag-name"></span> <span></span>src<span class="attribute"></span>=<span></span>"flower.jpg"<span class="attribute-value"></span> <span></span>alt<span class="attribute"></span>=<span></span>"꽃"<span class="attribute-value"></span> <span></span>/><span class="tag"></span> <span></span></span> </li> </ol> </div> </div>이 태그에서 이미지 소스에 src 속성을 제공하면 태그가 브라우저에 flower.jpg 이미지를 표시합니다. <p> </p> <p>XHTML 양식<strong><br>XHTML 양식은 사용자 댓글 등의 사용자 입력 정보를 수집하는 데 사용됩니다. 양식은 <form></form>으로 정의됩니다. </strong><br> </p> <div class="codeText"> <div class="codeHead">XML/HTML 코드<span class="lantxt"></span>클립보드에 콘텐츠 복사<span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_8737')"></span> </div> <div id="code_8737"> <ol class="dp-xml"> <li class="alt"> <span></span>양식<span class="tag-name"></span>><span class="tag"></span> <span></span> </li> <li>다양한 양식 요소(텍스트 필드, 드롭다운 목록, 라디오 버튼, 체크박스 등) <span></span> </li> <li class="alt"> <span></span></<span class="tag"></span>양식<span class="tag-name"></span>><span class="tag"></span> <span></span> </li> </ol> </div> </div></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="HTML_HTML/Xhtml_웹 페이지 제작에서 META 태그의 일부 사용 기술을 설명하는 예" href="https://m.php.cn/ko/faq/10898.html">HTML_HTML/Xhtml_웹 페이지 제작에서 META 태그의 일부 사용 기술을 설명하는 예</a></span><span>다음 기사：<a class="dBlack" title="HTML_HTML/Xhtml_웹 페이지 제작에서 META 태그의 일부 사용 기술을 설명하는 예" href="https://m.php.cn/ko/faq/10902.html">HTML_HTML/Xhtml_웹 페이지 제작에서 META 태그의 일부 사용 기술을 설명하는 예</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/348757.html" title="HTML 지식 요약" class="aBlack">HTML 지식 요약</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ko/faq/348804.html" title="HTML을 빨리 배우는 방법" class="aBlack">HTML을 빨리 배우는 방법</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ko/faq/348873.html" title="html xhtml xml의 차이점" class="aBlack">html xhtml xml의 차이점</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ko/faq/348884.html" title="src와 href 속성의 차이점" class="aBlack">src와 href 속성의 차이점</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ko/faq/348902.html" title="HTML5 및 CSS 대체 사용 정보" class="aBlack">HTML5 및 CSS 대체 사용 정보</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></html>