html 주석 <!--...-->

Posted by 승호/
2009.01.15 13:20 html 태그 배우기

<!--...-->

HTML 소스에 주석을 삽입할 때 사용합니다. 주석은 브라우저에 나타나지 않습니다. 자바스크립트나 CSS를 지원하지 않는 구 버전 브라우저가 주석을 텍스트로 출력하는 것을 방지하기 위하여 스크립트와 스타일 요소 내에도 주석을 삽입할 수 있습니다.

구문: <!-- [주석 내용] -->

닫는 태그: 없음

속성

주석 요소는 속성을 가지고 있지 않습니다. 참조: 일반적 속성

예제

예제 1
<!--
   이것은 주석입니다.
   주석은 다중 행으로 
   쓸 수도 있습니다.
-->
태그 내부의 텍스트는 브라우저에 출력되지 않습니다.

예제 2
<style type="text/css">
   <!--
      p { margin-left:20 }
   -->
</style>
여기에서는 CSS를 지원하지 않는 브라우저에서 스타일 선언문을 감추기위해서 주석 태그를 사용하였습니다. 최근의 브라우저들은 스타일 선언문을 올바르게 해석합니다.

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE 3, NN 3

'html 태그 배우기' 카테고리의 다른 글

html 선언문 <!DOCTYPE>  (0) 2009.01.15
html 주석 <!--...-->  (0) 2009.01.15
html 최상위 태그 <FRAMESET>  (0) 2009.01.15
html 최상위 태그 <BODY>  (0) 2009.01.15
html 최상위 태그 <HEAD>  (0) 2009.01.15
html 최상위 태그 <HTML>  (0) 2009.01.15
스크롤바 제작기 공개  (4) 2008.12.31
이 댓글을 비밀 댓글로
(function($) { $("body").bind('copy', function (e) { var url = document.location.href, decodedUrl = decodeURI(url), selection = window.getSelection(); if (typeof window.getSelection == "undefined") {//IE8 or earlier... event.preventDefault(); var pagelink = '\n\n 출처: ' + decodedUrl, copytext = selection + pagelink; if (window.clipboardData) { window.clipboardData.setData('Text', copytext); } return; } var body_element = document.getElementsByTagName('body')[0]; //if the selection is short let's not annoy our users if (("" + selection).length < 30) return; //create a div outside of the visible area var newdiv = document.createElement('div'); newdiv.style.position = 'absolute'; newdiv.style.left = '-99999px'; body_element.appendChild(newdiv); newdiv.appendChild(selection.getRangeAt(0).cloneContents()); //we need a
 tag workaround
            //otherwise the text inside "pre" loses all the line breaks!
            if (selection.getRangeAt(0).commonAncestorContainer.nodeName == "PRE") {
                newdiv.innerHTML = "
" + newdiv.innerHTML + "
"; } newdiv.innerHTML += '

출처: ' + decodedUrl + ' [하늘놀이터]'; selection.selectAllChildren(newdiv); window.setTimeout(function () { body_element.removeChild(newdiv); }, 200); }); })(tjQuery);