HTML 특수 기호와 엔터티 사용 가이드

GoGoComputer·2024년 11월 6일

HTML CSS study

목록 보기
18/20
post-thumbnail

HTML에서 저작권 및 특수 기호를 표시하기 위해 HTML 엔터티(entities)를 사용합니다. HTML 엔터티는 브라우저가 텍스트를 인코딩된 방식으로 해석하여 올바른 기호로 표시하게 해줍니다. 주로 &로 시작하고 세미콜론 ;으로 끝나는 형태입니다. 자주 사용하는 특수 기호와 엔터티는 다음과 같습니다.

1. 자주 사용되는 특수 기호와 HTML 엔터티

  • 저작권 기호: © (©)
  • 등록 상표 기호: ® (®)
  • 상표 기호: ™ (™)
  • 앤퍼샌드 (& 기호): &
  • 큰따옴표: " (")
  • 작은따옴표: ' (')
  • 각종 화살표:
    • 오른쪽 화살표: → (→)
    • 왼쪽 화살표: ← (←)
    • 위쪽 화살표: ↑ (↑)
    • 아래쪽 화살표: ↓ (↓)
  • 기타 기호:
    • 유로 화폐 기호: € (€)
    • 파운드 화폐 기호: £ (£)
    • 엔 화폐 기호: ¥ (¥)
    • 심볼:
      • 체크 표시: ✓ (✓)
      • 곱셈 기호: × (×)
      • 나누기 기호: ÷ (÷)

2. HTML 예제 코드

특수 기호를 포함하여 저작권 표지를 표시하는 HTML 코드 예제입니다.

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <title>HTML 특수 기호 예제</title>
</head>
<body>
  <h1>HTML 특수 기호 예제</h1>

  <p>&copy; 2024 MyWebsite. All rights reserved.</p>
  <p>상표: MyBrand&trade;</p>
  <p>등록 상표: MyProduct&reg;</p>

  <h2>기타 특수 기호 예제</h2>
  <ul>
    <li>큰따옴표: &quot;이 문장은 큰따옴표로 감싸져 있습니다&quot;</li>
    <li>작은따옴표: &apos;이 문장은 작은따옴표로 감싸져 있습니다&apos;</li>
    <li>앤퍼샌드 사용: Company &amp; Co.</li>
    <li>화살표: 오른쪽 &rarr;, 왼쪽 &larr;, 위쪽 &uarr;, 아래쪽 &darr;</li>
    <li>화폐 기호: 유로 &euro;, 파운드 &pound;, 엔 &yen;</li>
    <li>수학 기호: 곱셈 &times;, 나누기 &divide;</li>
    <li>체크 표시: &#10003; 완료</li>
  </ul>
</body>
</html>

3. 결과

위 HTML 코드는 다음과 같이 표시됩니다:

  • © 2024 MyWebsite. All rights reserved.
  • 상표: MyBrand™
  • 등록 상표: MyProduct®

기타 특수 기호:

  • 큰따옴표: "이 문장은 큰따옴표로 감싸져 있습니다"
  • 작은따옴표: '이 문장은 작은따옴표로 감싸져 있습니다'
  • 앤퍼샌드 사용: Company & Co.
  • 화살표: 오른쪽 →, 왼쪽 ←, 위쪽 ↑, 아래쪽 ↓
  • 화폐 기호: 유로 €, 파운드 £, 엔 ¥
  • 수학 기호: 곱셈 ×, 나누기 ÷
  • 체크 표시: ✓ 완료

HTML 엔터티를 활용하면 텍스트를 더욱 정밀하게 제어할 수 있고, 저작권 정보 등 중요한 기호를 쉽게 표시할 수 있습니다.

profile
IT를 좋아합니다.

0개의 댓글