Entity code 정리

2023. 2. 5.·🎨 프론트엔드 공부/HTML & CSS

📍자주 쓰는 엔터티 코드 정리

- HTML에서 공백, <, > 등을 표시할 때 쓰기 좋다

문자 엔티티코드 엔티티숫자 설명
공백 &nbsp; &#160; 끊기지 않는 공백
& &amp; &#38; 앰퍼샌드
" &quot; &#34; 인용부호
© &copy; &#169; 저작권 기호
® &reg; &#174; 등록된 기호
™ &trade; &#153; 상표 기호
“ &ldquo; &#147; 큰 따옴표 열기
” &rdquo; &#148; 큰 따옴표 닫기
‘ &lsquo; &#145; 작은 따옴표 열기
’ &rsquo; &#146; 작은 따옴표 닫기
< &lsaquo; &#8249; 꺽쇠 열기
> &rsaquo; &#8250; 꺽쇠 닫기
§ &sect; &#167; 섹션 기호
¶ &para; &#182; 단락 기호
• &bull; &#149; 큰 목록 점
· &middot; &#183; 중간 목록 점
… &hellip; &#8230; 수평 줄임표
¦ &brvbar; &#166; 깨진 수직 막대
– &ndash; &#150; En-Dash
— &mdash; &#151; Em-Dash
♥ &hearts; &#9829 하트

 

참고

https://entitycode.com/

 

Entity Code - A Clear and Quick Reference to HTML Entities Codes

About EntityCode The idea came from my constant need to add those hard to remember HTML entity codes, such as the copyright symbol ( © ), every time I’m developing a new website or writing a new article. Usually, I either open one of my previously done

entitycode.com

 

'🎨 프론트엔드 공부/HTML & CSS' 카테고리의 다른 글
  • 내가 쓰려고 만든 minireset.scss
  • [CSS Battle] 1-9. Tesseract
  • scss @use
  • [CSS Battle - 8] 1-8. Forking Crazy
지식물원
지식물원
지식이 자라는 식물원!
  • 지식물원
    지식물원
    지식물원
  • 전체
    오늘
    어제
    • 분류 전체보기 (516)
      • 🎨 프론트엔드 공부 (253)
        • JS & TS (92)
        • HTML & CSS (22)
        • React & Next (49)
        • Vue & Nuxt (22)
        • 기타 (68)
      • 🤓 기술 학습 & 공부 기록 (116)
        • Node.js (0)
        • Python (37)
        • 백엔드 (0)
        • 딥러닝 (1)
        • 컴퓨터 일반 (72)
        • 개발 인프라 (6)
      • 👨‍💻 프로젝트 경험 (6)
        • Work (0)
        • Toy (6)
      • ⚙️ 개발 팁 & 노하우 (21)
        • 프론트엔드 (6)
        • 기타 (15)
      • ☕️ 커리어 & 인터뷰 준비 (88)
        • 코딩 테스트 (88)
      • 📰 기술 트렌드 & 생각 정리 (4)
      • 📚 기타 (25)
        • 마케팅 (15)
        • 비개발서적 (10)
  • 블로그 메뉴

    • 태그
  • 링크

  • 공지사항

    • 모바일 접속 시 코드 하이라이팅 깨질 때
  • 인기 글

  • hELLO· Designed By정상우.v4.10.3
지식물원
Entity code 정리
상단으로

티스토리툴바