w3스쿨즈 HTML(12) - Code, 엔티티, 심볼, 이모티콘, charset, URL, XHTML

<code> 태그 : 컴퓨터 코드를 정의

<code>
x = 5;<br>
y = 6;<br>
z = x + y;
</code>

<code>태그는 여분의 공백과 줄 바꿈을 유지하지 않습니다.

이 문제를 해결하기 위해 <code> 요소를 <pre> 요소 안에 넣을 수 있습니다.

<pre>
    <code>
        x = 5;
        y = 6;
        z = x + y;
    </code>
</pre>

 

<kbd> 태그 : 키보드 입력을 정의함

<p>Save the document by pressing <kbd>Ctrl + S</kbd></p>

 

<samp> 태그 :  프로그램 또는 컴퓨팅 시스템의 출력을 정의

<p>If you input wrong value, the program will return <samp>Error!</samp></p>

 

 

<var> 태그 : 변수를 정의함

변수는 수학 표현식의 변수이거나 프로그래밍 컨텍스트의 변수 일 수 있습니다.

<var>E</var> = <var>mc</var><sup>2</sup>.
//출력값 :  E = mc2

 

엔티티

일부 문자는 HTML로 예약되어 있습니다. HTML의 예약 문자는 문자 엔티티로 바꿔야합니다.

&엔티티이름;
또는
&#엔티티숫자;

대표적으로 많이 쓰이는 엔티티 태그는 &nbsp; (공백삽입)

&nbsp;는 HTML에서 여러개의 공백을 표현할때 사용됩니다.

 

HTML에서 제공하는 엔티티 목록

 

심볼(Symbol) 특수문자

키보드에없는 문자도 엔티티로 대체 할 수 있습니다.

많은 수학, 기술 및 통화 기호는 일반 키보드에는 없습니다.

이러한 기호를 HTML 페이지에 추가하기 위해 HTML 엔티티 이름을 사용할 수 있습니다.

엔터티 이름이 없으면 엔터티 번호, 10 진수 또는 16 진수 참조를 사용할 수 있습니다.

 

HTML에서 제공하는 대표적인 심볼(Symbol) 특수문자 목록

 

이모티콘

이모티콘은 UTF-8 문자 세트의 문자입니다. 😄 😍 💗

HTML 페이지를 올바르게 표시하려면 웹 브라우저가 페이지에 사용 된 문자 세트를 알아야합니다.

<meta> 태그에 지정되어 있습니다 : <meta charset="UTF-8"> // 지정하지 않으면 UTF-8이 HTML의 기본 문자 세트

이모티콘은 이미지나 아이콘처럼 보이지만 그렇지 않습니다. 이모티콘은 UTF-8(유니 코드) 알파벳의 문자 (문자)입니다.

 

😄 is 128516

😍 is 128525

💗 is 128151

<p>&#128512;</p>

<p>&#128512;</p>

 

이모티콘은 문자이므로 HTML의 다른 문자와 마찬가지로 복사, 표시 및 크기를 조정할 수 있습니다.

<p style="font-size:48px">
&#128512; &#128516; &#128525; &#128151;
</p>

 

이모티콘 리스트 : https://www.w3schools.com/html/html_emojis.asp

 

charset

HTML 페이지를 올바르게 표시하려면 웹 브라우저가 사용할 문자 세트를 알아야합니다.

UTF-8 (유니 코드)은 세계의 거의 모든 문자와 기호를 다룹니다.

HTML5의 기본 문자 집합은 UTF-8입니다.

 

URL

URL은 웹 주소의 다른 단어입니다.

URL은 단어 (w3schools.com) 또는 인터넷 프로토콜 (IP) 주소 (192.68.20.50)로 구성 될 수 있습니다.

대부분의 사람들은 이름을 숫자보다 기억하기 쉽기 때문에 서핑 할 때 이름을 입력합니다.

 

XHTML

XHTML은보다 엄격하고 XML 기반의 HTML 버전입니다.

XHTML은 확장 가능한 하이퍼 텍스트 마크 업 언어를 나타냅니다

XHTML은 XML 애플리케이션으로 정의 된 HTML입니다.

XHTML은 모든 주요 브라우저에서 지원됩니다.

 

XHTML은 HTML을 다른 데이터 형식 (예 : XML)과 함께 사용할 수 있도록 확장 성과 유연성을 높이기 위해 개발되었습니다.

 

또한 브라우저는 HTML 페이지의 오류를 무시하고 마크 업에 오류가 있어도 웹 사이트를 표시하려고합니다.

따라서 XHTML은 훨씬 더 엄격한 오류 처리 기능을 제공합니다.