HTML <pre> 태그 - 입력 그대로 화면에 표시

웹 디자인

HTML <pre> 태그 - 입력 그대로 화면에 표시

  0   

본문

HTML문서에서는 아무리 많은 공백(space)를 넣더라도 출력창에선 하나의 공백만 표시됩니다.

하지만 <pre>태그를 사용할 경우 공백(space), 탭(tab), 엔터(enter) 등을 입력하면 입력한 내용 그대로 표시할 수 있습니다. 보통 특이한 형식의 텍스트나 컴퓨터 코드등을 곧바로 표현할때 사용 합니다.

<pre>태그를 사용하면 스크린리더 사용시 해당 내용을 건너 뛰어버려 사용자에게 불편을 줄 수 있으니 웹접근성을 고려하여 사용하도록 해야 합니다.

HTML

<pre>
html 코드를 입력해보아요.
태그는 공백과 줄바꿈에 관한 태그를 사용하지 않아도 즉시 표현해 줍니다.
스   페   이   스
</pre>

출력

html 코드를 입력해보아요.
태그는 공백과 줄바꿈에 관한 태그를 사용하지 않아도 즉시 표현해 줍니다.
스   페   이   스

댓글목록

등록된 댓글이 없습니다.

HTML 특수문자 코드 도감(엔티티코드)

HTML 문서에서 꺾쇠 괄호나 따옴표등을 태그로 인식하지 않고 그대로 화면에 표시하고 싶을때 사용하는 특수문자 코드이다.많은 특수문자 코드가 있지만 중요한 몇개를 제외하면 사용할 일이 없다. 자주 사용하는 특수문자 코드  &nbsp; &&amp; <&lt; >&gt; ©&copy; ™&trade; ↑&uarr; ↓&darr; ←&larr; →&rarr; ×&times; ÷&divide; (&#40; )&#41; "&quot; ´&acute; ·&middot; |&#124; 그외 특수문자 코드 공백&nbsp; –&ndash; −&minus; °&deg; Δ&Delta; α&alpha; À&Agrave; à&agrave; Ç&Ccedil; €&euro; —&mdash; ±&plusmn; º&ordm; Λ&Lambda; β&beta; Á&Aacute; á&aacute; ç&ccedil; ¢&cent; …&hellip; √&radic; ª&ordf; Θ&Theta; γ&gamma; Â&Acirc; â&acirc; Ð&ETH; £&pound; §&sect; ∞&infin; ¹&sup1; Ξ&Xi; δ&delta; Ã&Atilde; ã&atilde; ð&eth; ¥&yen; ¶&para; ∝&prop; ²&sup2; Π&Pi; ε&epsilon; Ä&Auml; ä&auml; Ñ&Ntilde; ¤&curren; †&dagger; ×&times; ³&sup3; Σ&Sigma; ζ&zeta; Å&Aring; å&aring; ñ&ntilde; ƒ&fnof; ‡&Dagger; ÷&divide; ¼&frac14; Φ&Phi; η&eta; Æ&AElig; æ&aelig; Š&Scaron; ©&copy; ¡&iexcl; ∼&sim; ½&frac12; Ψ&Psi; θ&theta; È&Egrave; è&egrave; š&scaron; ®&reg; ¿&iquest; ≈&asymp; ¾&frac34; Ω&Omega; ι&iota; É&Eacute; é&eacute; ß&szlig; ™&trade; ‰&permil; ≅&cong; ∴&there4; ∇&nabla; κ&kappa; Ê&Ecirc; ê&ecirc; Þ&THORN; •&bull; ·&middot; ≡&equiv; ◊&loz; ∫&int; λ&lambda; Ë&Euml; ë&euml; þ&thorn; <&lt; ‘&lsquo; ≤&le; ∩&cap; ∑&sum; μ&mu; Ì&Igrave; ì&igrave; ´&acute; >&gt; ’&rsquo; ≥&ge; ∪&cup; ∏&prod; ν&nu; Í&Iacute; í&iacute; ¨&uml; ‹&lsaquo; ‚&sbquo; ≠&ne; ∧&and; ⊆&sube; ξ&xi; Î&Icirc; î&icirc; ¸&cedil; ›&rsaquo; “&ldquo; ′&prime; ∨&or; ⊇&supe; ο&omicron; Ï&Iuml; ï&iuml; ˆ&circ; «&laquo; ”&rdquo; ″&Prime; ∈&isin; ⊂&sub; π&pi; Ò&Ograve; ò&ograve; ˜&tilde; »&raquo; „&bdquo; ℘&weierp; ∉&notin; ⊄&nsub; ρ&rho; Ó&Oacute; ó&oacute; Ґ&#1168; "&quot; ¬&not; ℑ&image; ∋&ni; ⊃&sup; ς&sigmaf; Ô&Ocirc; ô&ocirc; ґ&#1169; &&amp; ¦&brvbar; ℜ&real; ∠&ang; ⊕&oplus; σ&sigma; Õ&Otilde; õ&otilde; І&#1030; µ&micro; ­&shy; ℵ&alefsym; ♠&spades; ⊗&otimes; τ&tau; Ö&Ouml; ö&ouml; і&#1110; ‾&oline; ¯&macr; ⋅&sdot; ♣&clubs; ⌈&lceil; υ&upsilon; Ø&Oslash; ø&oslash; Ї&#1031; ⁄&frasl;  &ensp; ∗&lowast; ♦&diams; ⌉&rceil; φ&phi; Œ&OElig; œ&oelig; ї&#1111; ∂&part;  &emsp; ↵&crarr; ♥&hearts; ⌊&lfloor; χ&chi; Ù&Ugrave; ù&ugrave; Є&#1028; ⊥&perp;  &thinsp; ↑&uarr; ⇑&uArr; ⌋&rfloor; ψ&psi; Ú&Uacute; ú&uacute; є&#1108; ∅&empty; ‌&zwnj; ↓&darr; ⇓&dArr; ⟨&lang; ω&omega; Û&Ucirc; û&ucirc; ₪&#8362; ∀&forall; ‍&zwj; ←&larr; ⇐&lArr; ⟩&rang; ϑ&thetasym; Ü&Uuml; ü&uuml; ☺&#9786; ∃&exist; ‼&#8252; →&rarr; ⇒&rArr; ♀&#9792; ϒ&upsih; Ý&Yacute; ý&yacute; ☻&#9787; ∄&#8708; №&#8470; ↔&harr; ⇔&hArr; ♂&#9794; ϖ&piv; Ÿ&Yuml; ÿ&yuml; █&#9608;


접속자집계

오늘
9
어제
66
전체
120075