Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML 기호:HTML 문자 엔티티 사용

HTML 페이지에 텍스트를 작성할 때 키보드에서 쉽게 사용할 수 없는 문자나 HTML에서 특별한 의미를 갖는 예약된 문자를 사용해야 합니다. 이들을 엔터티라고 합니다. 이 기사에서는 코드에서 이러한 특수 문자를 사용하는 방법을 살펴보고 일반적으로 사용되는 엔터티에 대한 참조를 제공합니다.

기호를 사용하는 방법을 설명하는 한 가지 방법은 화면에 렌더링하려는 코드 블록을 만드는 것입니다. HTML 코드를 실행할 때 화면에 표시하려는 문제 중 하나는 HTML을 실행하려는 것입니다!

<> HTML의 예약 문자입니다. 이 문제를 해결하기 위해 해당 문자를 HTML 엔터티라고 하는 것으로 바꿀 수 있습니다. 엔티티는 본질적으로 HTML 문자 코드의 또 다른 이름입니다. 다음은 원시 코드 블록을 화면에 표시하기 위해 코드에서 사용하는 방법입니다.

<!DOCTYPE html>
<html>
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width">
   <title>repl.it</title>
   <link href="style.css" rel="stylesheet" type="text/css" />
 </head>
 <body>
   <code>
     <!--The <code> blocks don't prevent this HTML from being rendered-->  <p>Famous Baseball Players</p>
     <ul>
       <li>Babe Ruth</li>
       <li>Mickey Mantle</li>
       <li>Nolan Ryan</li>
     </ul>
   </code>
   &ltcode> <br>
     <!--Replace special characters with character references-->
     <!--
         &nbsp; === non-breaking space (4 spaces === tab)
         &lt; === <
         &gt; === >
         &sol; === /
     -->
     &nbsp;&nbsp;&nbsp;&nbsp;&lt;p>Famous Baseball Players<&sol;p> <br>
     &nbsp&nbsp&nbsp&nbsp&ltul> <br>
       &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&ltli>Babe Ruth<&sol;li> <br>
       &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&ltli>Mickey Mantle<&sol;li> <br>
       &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&ltli>Nolan Ryan<&sol;li> <br>
     &nbsp&nbsp&nbsp&nbsp<&sol;ul> <br>
   &lt/code>
 </body>
</html>

<code> 첫 번째 코드 블록 주변의 태그는 HTML 처리를 중단하지 않았습니다. <code>의 두 번째 세트 태그(문자 코드 포함)는 HTML을 평가하는 것과 달리 원시 코드를 화면에 렌더링합니다.

캐릭터 개체를 사용하는 방법

HTML에서 문자를 사용하는 방법에는 16진수 코드, 숫자 코드, 엔티티 코드/문자 이름의 세 가지가 있습니다. 세 가지 모두 &로 시작합니다. . 다음은 몇 가지 예입니다.

기호 캐릭터 이름 십진수 코드 16진수 코드 설명
< < < < 미만
© &복사; © © 저작권
& & & & 앰퍼샌드

코드는 HTML4와 함께 나온 엔티티와 상당히 호환됩니다. 이 중 대부분은 시행착오일 뿐입니다. 기호에 대한 이 정보를 모두 암기하는 데 시간을 낭비하지 마십시오. 자주 사용하지 않을 것이기 때문입니다. W3Schools에는 텍스트에서 사용할 수 있는 모든 엔터티에 대한 훌륭한 참조 자료가 있습니다. 이 링크는 HTML4에 도입된 모든 기호에서 시작됩니다. 같은 사이트의 다음 장에는 사용 가능한 모든 최신 기호가 있습니다. 코드를 작성하는 세 가지 다른 방법이 있는 사람도 있고 없는 사람도 있습니다. 일부는 모든 브라우저와 호환되고 일부는 호환되지 않습니다.

참가자의 81%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오.

부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다.

결론은 다음과 같습니다. 기호를 인식하고, 기호가 존재한다는 것을 알고, 프로젝트에서 사용할 수 있도록 코드를 찾는 방법을 알아야 합니다. 그게 전부입니다. 시행 착오를 계속하면 곧 얻을 수 있습니다!