logo

TechCodeview

XHTML 소개

XHTML 또는 확장 가능한 하이퍼텍스트 마크업 언어 HTML과 XML이 혼합되어 있으며 다음과 매우 유사합니다. HTML 그러나 더 엄격하다. 브라우저가 쉽게 이해할 수 있는 웹페이지를 만들기 위한 규칙서와 같습니다. HTML과 달리 주의해서 규칙을 정확하게 따라야 합니다. 대부분의 브라우저가 이를 지원합니다. 웹 코드를 작성하는 더 정확한 방법이라고 생각하세요.

내용의 테이블



역사

W3C(World Wide Web Consortium)에 의해 개발되었으며 웹 개발자가 HTML에서 XML로 전환하는 데 도움이 됩니다. XHTML을 사용하면 개발자는 콘텐츠의 이전 버전 및 향후 호환성을 보장하면서 모든 기능을 갖춘 XML 세계로 들어갈 수 있습니다. XHTML 계열에는 세 가지 문서 유형이 포함됩니다. 첫 번째는 2000년 1월 26일 W3C에서 권장한 XHTML 1.0입니다. 두 번째는 2001년 5월 31일 W3C에서 권장한 XHTML 1.1입니다.

세 번째는 HTML5 사양의 XML 적응을 개발하는 데 사용되는 표준인 XHTML5입니다. XHTML 문서에는 XHTML 선언이 있어야 합니다.

XHTML의 요소:



XHTML 요소 설명
> DTD(문서 유형 정의)를 선언하고 마크업 언어에 대한 규칙을 지정하여 브라우저에서 적절한 렌더링을 보장하는 데 사용됩니다.
> 루트 요소 역할을 하는 전체 HTML 또는 XHTML 문서를 포함합니다.
> 제목, 문자 집합, 연결된 스타일시트, 기타 필수 요소 등 문서에 대한 메타 정보가 포함되어 있습니다.
> head 섹션 내에 중첩되어 브라우저의 제목 표시줄이나 탭에 표시되는 문서 제목을 지정합니다.
> 텍스트, 이미지, 링크 및 기타 HTML 요소를 포함하여 웹페이지의 콘텐츠를 포함합니다. 브라우저에 표시되는 문서의 보이는 부분을 나타냅니다.

XHTML 웹 페이지를 생성할 때 DTD(Document Type Definition) 선언을 포함해야 합니다. 아래에 설명된 세 가지 유형의 DTD가 있습니다.

과도기 DTD:

내장형 계단식 스타일 시트를 지원하지 않는 이전 브라우저에서 지원됩니다. 엄격한 DTD에서는 허용되지 않는 여러 속성이 body 태그에 포함되어 있습니다.

통사론: 

 PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'DTD/xhtml1-transitional.dtd'>>

예: 이 예에서는 예를 들어 XHTML 문서를 작성하는 코드를 살펴보겠습니다.



자바 차트

HTML




xml version='1.0' encoding='UTF-8'?> 전환 DTD XHTML제목> 헤드> <body bgcolor='#dae1ed'> <div>글꼴 두께:굵게;텍스트 정렬:가운데; margin-bottom:-25px;'>techcodeview.comdiv><p style='text-align:center;font-size:20px;'>컴퓨터 과학 포털p><p style='text-align:center;font-size:20px;'>월 선택 옵션:<select name='month'> <option selected='selected'>1월옵션><option>2월옵션><option>마치옵션><option>4월옵션><option>메이옵션><option>6월옵션><option>7월옵션><option>아우구시오옵션><option>9월 옵션><option>10월옵션><option>11월옵션><option>12월옵션> 선택> p> 본문> html>></code></td> </tr> </tbody> </table> <p></p> <i id='output-icon' title='Output'></i> <p></p> <pre class='hljs'>></pre> <p></p> <i id='copy-url-button' title='Copy Generated Ide URL'></i> <p></p> <pre class='hljs'>></pre> <p></p> <p dir='ltr'> <b> <strong>산출:</strong> </b> </p> <p> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction.webp' alt="과도기적 dtd xhtml"><span> </span></p> <h2 id='strict-dtd'> <b> <strong>엄격한 DTD:</strong> </b> <span> </span></h2> <p dir='ltr'><span>엄격한 DTD는 XHTML 페이지에 마크업 언어만 포함된 경우에 사용됩니다. 엄격한 DTD는 계단식 스타일 시트와 함께 사용됩니다. 이 속성은 body 태그에서 CSS 속성을 허용하지 않기 때문입니다.</span></p> <h3> <b> <strong>통사론:</strong> </b> </h3> <pre class='hljs'> PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'DTD/xhtml1-strict.dtd'>></pre> <p dir='ltr'> <b> <strong>예 2:</strong> </b> <span>이 예에서는 엄격한 DTD에 대한 예를 들어 XHTML 문서를 작성하는 코드를 볼 수 있습니다.</span></p> <h2>HTML</h2> <i id='copy-code-button' title='Copy Code'></i> <p></p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/if-poem-rudyard-kipling-summary-line-line-explanation-english">러드야드 키플링의 말을 바꿔서 말해보세요</a> </blockquote> <p> <i id='run-and-edit-button' title='Edit Code' lang='xml'></i> <br> </p> <p> <i id='run-code-button' lang='xml' title='Run Code and See Output'></i> </p> <p> <i id='generate-url-and-run-button' title='Run Code and Generate IDE URL' lang='xml'></i> <br> <i title='Dark Mode'></i> <br> <i id='edit-on-ide-button' title='Edit on IDE' lang='xml'></i> </p> <p></p> <table class="table"> <tbody> <tr> <td> <code class='hljs'>xml version='1.0' encoding='UTF-8'?> <html xmlns=' http://www.w3.org/1999/xhtml ' xml:lang='en' lang='en'> <head> <title>엄격한 DTD XHTML제목> 헤드> <body> <div>글꼴 두께:굵게;텍스트 정렬:가운데; margin-bottom:-25px;'>techcodeview.comdiv><p style='text-align:center;font-size:20px;'>컴퓨터 과학 포털p><p style='text-align:center;font-size:20px;'>월 선택 옵션:<select name='month'> <option selected='selected'>1월옵션><option>2월옵션><option>마치옵션><option>4월옵션><option>메이옵션><option>6월옵션><option>7월옵션><option>아우구시오옵션><option>9월 옵션><option>10월옵션><option>11월옵션><option>12월옵션> 선택> p> 본문> html>></code></td> </tr> </tbody> </table> <p></p> <i id='output-icon' title='Output'></i> <p></p> <pre class='hljs'>></pre> <p></p> <i id='copy-url-button' title='Copy Generated Ide URL'></i> <p></p> <pre class='hljs'>></pre> <p></p> <p dir='ltr'> <b> <strong>산출:</strong> </b> </p> <p><span> </span> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-2.webp' alt="엄격한 dtd xhtml"><span> </span></p> <h2 id='frameset-dtd'> <b> <strong>프레임셋 DTD:</strong> </b> <span> </span></h2> <p dir='ltr'><span>프레임셋 DTD는 XHTML 페이지에 프레임이 포함되어 있을 때 사용됩니다. 이 DTD는 HTML 요소의 컨텐츠 모델을 제외하고 HTML 4.01 Transitional DTD와 동일합니다.</span></p> <h3> <b> <strong>통사론:</strong> </b> </h3> <pre class='hljs'> PUBLIC '-//W3C//DTD XHTML 1.0 Frameset//EN' 'DTD/xhtml1-frameset.dtd'>></pre> <p dir='ltr'> <b> <strong>예 2:</strong> </b> <span>이 예에서는 프레임세트 DTD에 대한 예와 함께 XHTML 문서를 작성하는 코드를 볼 수 있습니다.</span></p> <h2>HTML</h2> <i id='copy-code-button' title='Copy Code'></i> <p></p> <p> <i id='run-and-edit-button' title='Edit Code' lang='xml'></i> <br> </p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/what-is-rdbms">RDBMS</a> </blockquote> <p> <i id='run-code-button' lang='xml' title='Run Code and See Output'></i> </p> <p> <i id='generate-url-and-run-button' title='Run Code and Generate IDE URL' lang='xml'></i> <br> <i title='Dark Mode'></i> <br> <i id='edit-on-ide-button' title='Edit on IDE' lang='xml'></i> </p> <p></p> <table class="table"> <tbody> <tr> <td> <code class='hljs'>xml version='1.0' encoding='UTF-8'?>http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd '><html xmlns=' http://www.w3.org/1999/xhtml ' xml:lang='en' lang='en'> <head> <title>프레임셋 DTD XHTML제목> 헤드><frameset cols='30%, 20%, *'> <frameset rows='40%, 30%, *'> <frame src='gfg.html' /> <frame src='gfg1.html' /> <frame src='geeks.html' />프레임셋><frameset rows='40%, 60%'> <frame src='g4g.html' /> <frame src='g4g1.html' />프레임셋><frameset rows='20%, 20%, 30%, *'> <frame src='geeksforgeeks.html' /> <frame src='geeksforgeeks1.html' /> <frame src='geeksforgeeks2.html' /> <frame src='geeksforgeeks3.html' />프레임세트> 프레임세트> html>></code></td> </tr> </tbody> </table> <p></p> <i id='output-icon' title='Output'></i> <p></p> <pre class='hljs'>></pre> <p></p> <i id='copy-url-button' title='Copy Generated Ide URL'></i> <p></p> <pre class='hljs'>></pre> <p></p> <p dir='ltr'> <b> <strong>산출:</strong> </b> </p> <h2 id='why-use-xhtml'> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-3.webp' alt="프레임셋 dtd xhtml"> <b> <strong>XHTML을 사용하는 이유는 무엇입니까?</strong> </b> </h2> <ul> <li value='1'><span>XHTML 문서는 표준 XML 도구를 사용하여 검증됩니다.</span></li> <li value='2'><span>장기적으로 문서를 쉽게 유지, 변환, 편집할 수 있습니다.</span></li> <li value='3'><span>웹페이지의 품질 표준을 정의하는 데 사용됩니다.</span></li> <li value='4'><span>XHTML은 W3C의 공식 표준이므로 귀하의 웹사이트는 다양한 브라우저와 더욱 호환되고 정확해집니다.</span></li> </ul> <h2 id='benefits-of-xhtml'> <b> <strong>XHTML의 이점:</strong> </b> </h2> <ul> <li value='1'><span>모든 XHTML 태그에는 닫는 태그가 있어야 하며 올바르게 중첩되어야 합니다. 이렇게 하면 더 깔끔한 코드가 생성됩니다.</span></li> <li value='2'><span>XHTML 문서는 린(lean)하므로 대역폭을 덜 사용합니다. 이는 특히 웹 사이트의 페이지 수가 수천 개인 경우 비용을 절감합니다.</span></li> <li value='3'><span>XHTML 문서는 형식이 잘 지정되어 있으며 무선 장치, 점자 판독기 및 기타 특수 웹 환경으로 쉽게 전송할 수 있습니다.</span></li> <li value='4'><span>모든 새로운 개발은 XML(XHTML이 응용 프로그램임)로 이루어집니다.</span></li> <li value='5'><span>XHTML은 CSS와 함께 작동하여 쉽게 업데이트할 수 있는 웹 페이지를 만듭니다.</span></li> </ul> <h2 id='difference-between-html-and-xhtml'> <b> <strong>HTML과 XHTML의 차이점:</strong> </b> </h2> <table class="table"> <tbody><tr> <th><span>HTML</span></th> <th><span>XHTML</span></th> </tr> </tbody><tbody> <tr> <td><span>HTML 또는 HyperText Markup Language는 웹 페이지 생성을 위한 주요 마크업 언어입니다.</span></td> <td><span>XHTML(Extensible HyperText Markup Language)은 널리 사용되는 HTML(Hypertext Markup Language) 버전을 미러링하거나 확장하는 XML 마크업 언어 제품군입니다.</span></td> </tr> <tr> <td><span>관대한 HTML 특정 파서가 필요한 유연한 프레임워크</span></td> <td><span>표준 XML 파서로 구문 분석해야 하는 제한적인 XML 하위 집합</span></td> </tr> <tr> <td><span>1987년 팀 버너스 리(Tim Berners-Lee)가 제안</span></td> <td><span>2000년 월드와이드웹 컨소시엄 권고사항.</span></td> </tr> <tr> <td><span>표준 일반화 마크업 언어(SGML) 적용.</span></td> <td><span>XML의 응용</span></td> </tr> <tr> <td><span>SGML에서 확장되었습니다.</span></td> <td><span>XML, HTML에서 확장</span></td> </tr> </tbody> </table> <br> <br></article> </div><!--//content--> </div><!--//section-inner--> </section><!--//section--> </div><!--//primary--> <div class="secondary col-md-4 col-sm-12 col-xs-12"> <aside class="info aside section"> <div class="section-inner"> <h2 class="">범주</h2> <div class="content"> <ul class="list-unstyled"> <li> <a href="/deque/">무엇에 대해</a> </li><li> <a href="/blog/">블로그</a> </li><li> <a href="/graph/">그래프</a> </li><li> <a href="/linux-man-pages/">리눅스 매뉴얼 페이지</a> </li><li> <a href="/physics-class-11-cat/">물리학-11급</a> </li><li> <a href="/mcq/">Mcq</a> </li><li> <a href="/python-exceptions/">Python 예외</a> </li><li> <a href="/java-functions/">Java 함수</a> </li><li> <a href="/godot-tutorial/">고도 튜토리얼</a> </li><li> <a href="/coa-tutorial/">Coa 튜토리얼</a> </li> </ul> </div><!--//content--> </div><!--//section-inner--> </aside><!--//aside--> <aside class="testimonials aside section"> <div class="section-inner"> <h2 class="heading">JVM 작동 방식 – JVM 아키텍처?</h2> <div class="content"> <div class="item"> <blockquote class="quote"> <span> <i class="fa fa-quote-left"></i> 괴짜를 위한 컴퓨터 공학 포털입니다. 여기에는 잘 쓰여지고, 잘 생각되고, 잘 설명된 컴퓨터 과학 및 프로그래밍 기사, 퀴즈 및 연습/경쟁 프로그래밍/회사 인터뷰 질문이 포함되어 있습니다.</span> </blockquote> </div><!--//item--> <p> <a class="more-link" href="/how-jvm-works-jvm-architecture"> <i class="fa fa-external-link"></i> 자세히보기</a> </p> </div><!--//content--> </div><!--//section-inner--> </aside><!--//section--> <aside class="languages aside section"> <div class="section-inner"> <h2 class="heading">재미있는 기사</h2> <div class="content"> <ul class="list-unstyled"> <li class="item"> <span class="title"> <strong> <a href="/jquery-submit">jQuery 제출()</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/how-take-screenshot-your-pc-24214">PC, 휴대폰 또는 태블릿에서 스크린샷을 찍는 방법</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/cobol-tutorial/">코볼 튜토리얼</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/mrbeast-net-worth-2023">MrBeast 순자산 2023, 실명, 나이, 구독자 수</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/java-collections/">자바 컬렉션</a> </strong> </span> </li><!--//item--> </ul> </div><!--//content--> </div><!--//section-inner--> </aside><!--//section--> <aside class="list music aside section"> <div class="section-inner"> <h2 class="heading">인기 게시물</h2> <div class="content"> <ul class="list"> <li><a href="/java-yearmonth-class">연월</a> </li><li><a href="/java-string-compare">자바에서 문자열의 동등성</a> </li><li><a href="/difference-between-centos">rhel 대 센토스</a> </li><li><a href="/latex-table">라텍스로 테이블 만들기</a> </li><li><a href="/sql-order-random">무작위 순서 SQL</a> </li><li><a href="/how-print-array-java">자바의 배열 인쇄</a> </li> </ul> </div><!--//content--> </div><!--//section-inner--> </aside><!--//section--> </div><!--//secondary--> </div><!--//row--> </div><!--//masonry--> <footer class="footer"> <div class="container text-center"> <span> Copyright ©2025 판권 소유 | <a href="//sk.techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">부인 성명</a> | <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">회사 소개</a> | <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">개인 정보 보호 정책</a> </span> </div> </footer> <script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/bootstrap/js/bootstrap.min.js"></script> <script type="text/javascript" src="https://techcodeview.com/template/assets/js/main.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script> </body> </html>