html/css 독학하기

코스 전체목록

닫기

listing

Obsolete 폐기됨

설명

The HTML Listing Element (<listing>) renders text between the start and end tags without interpreting the HTML in between and using a monospaced font. The HTML 2 standard recommended that lines shouldn't be broken when not greater than 132 characters.

"listing"으로 묶고 있는 내용 중 HTML 태그는 무시하고, 텍스트 부분만 고정폭 글꼴로 표현한다.
HTML2 표준에서는 132자 이하인 글자를 줄바꿈 하지 말 것을 권고한다.

** 고정폭 글꼴 (monospace font)이란?
monospace: mono는 하나라는 뜻. 공간(space)이 같다.
따라서 모든 글자의 폭이 같다라는 뜻이다. 예를 들면 m, A, p 같은 글자에 비해 i, l, j 같은 글자는 형태가 가늘어서 글자너비가 좁다. 고정폭 글꼴은 글자의 실제 너비와 관계없이 일정한 폭을 유지하므로 식별하기가 쉽다.
예)illlli -> 고정폭 글꼴이 아니면 잘 안보인다.
주로 코드의 예제를 보여주는 개발자용 폰트로 쓰인다.
 

 참고 : Do not use this element.

• It is deprecated since HTML 3.2 and was neither implemented by all browsers, nor in a consistent way. Even more it is obsoleted in HTML 5 and may be rendered by conforming user-agents as the <pre> element, which will interpret the internal html !
• Instead use the <pre> element or if semantically adequate the <code> element, eventually escaping the HTML '<' and '>' so that they don't get interpreted.
• A monospaced font can also be obtained on a simple <div> element, by applying an adequate CSS style using monospace as the generic-font value in a font-family property.

사용하지 말 것.
- HTML3.2부터 비권장 태그이다. 이를 인식하지 못하는 브라우저도 있으며 일관성도 떨어진다. 
  더욱이 HTML5에서는 폐기가 되었다.
  규격을 따르는 사용자 에이전트에서는 <pre>엘리먼트로 해석할 수 있는데, 이 경우에는 listing 태그와 다르게
  내부의 html 태그를 해석하게 된다.
- <listing> 대신 <pre>를 사용하라.
  만일 <code>를 써야하는 경우라면, HTML을 '<'와 '>'로 이스케이프 한다.
- font-family 값에 monospace CSS 스타일을 적용하여, 일반 <div>에도 고정폭 글꼴 스타일을 입힐 수 있다.
  (정확한 의미를 모르겠습니다. listing 태그를 쓰지말고 div등 다른 태그를 쓰더라도, css로서 listing 태그를 쓴 느낌을 줄 수 있다는 뜻이 아닌가 추측하고 있습니다. )

Usage Context

Permitted content  
Tag omission  
Permitted parent elements  
Normative document  

속성

이 엘리먼트는 전역속성을 지원한다.

예제


DOM Interface

This element implements the HTMLElement interface.

Implementation note: up to Gecko 1.9.2 inclusive, Firefox implements the HTMLSpanElement interface for this element.

호환성

Desktop
기능 구글크롬 파이어폭스Gecko) 인터넷 익스플로러 Opera Safari
기본적인 지원          
Mobile
기능 안드로이드 파이어폭스 모바일(Gecko) 인터넷 익스플로러 모바일 오페라 모바일 사파리 모바일
기본적인 지원          

참고

댓글

댓글 본문
버전 관리
fantalon
현재 버전
선택 버전
graphittie 자세히 보기