메인 콘텐츠로 건너뛰기

공고 html 작성 시 유의 사항

서비스 내 에디터(공고/메일 등 작성)에서 html을 직접 작성하거나 붙여넣을 때 적용되는 태그·속성 제한 사항을 안내합니다.

이번 주에 업데이트함

보안 강화, 서비스 안정성 확보, 그리고 다양한 기기·브라우저 환경에서의 호환성 보장을 위한 조치이오니 이용에 참고 부탁드립니다.

1. 지원되는 태그 제한

에디터에서는 일부 사용이 가능한 태그만 지원합니다. 이는 악성 코드 삽입을 방지하고, 모든 환경에서 콘텐츠가 안정적으로 표시되도록 하기 위함입니다.

  • 지원 태그

    • 본문(p, span, strong, em, h1~h4, ul, ol, li)

    • 테이블(table, tbody, tr, td, th, caption, colgroup, col), 이미지(img), 링크(a), 구분선(hr, br), 기본 컨테이너(div) 등

  • 제외 태그

    • <script>, <style> 태그 등은 자동으로 삭제됩니다.

2. 스타일(CSS) 사용 제한

일부 인라인 스타일만 허용되며, 복잡한 레이아웃·특수 효과는 지원되지 않습니다.

  • 허용 예시: 글자 색상(color), 정렬(text-align), 여백(margin, padding), 테두리(border), 크기(width, height) 등

3. 이미지 등록 시 유의사항

  • 원본 크기(width, height)를 반드시 지정해야 합니다.

  • 반응형 적용 시에는 style="width: 100%; height: auto;" 속성을 권장합니다.

  • 가능한 에디터 내에서 이미지 삽입 기능을 이용하여 이미지를 등록해 주세요.

4. 보안 및 호환성 강화

  • <script>, <iframe> 등 외부 스크립트 삽입은 제한됩니다.

  • 허용되지 않은 코드나 속성은 자동으로 제거됩니다.

5. 이미지맵 사용

  • <img> 태그에는 원본 크기(width, height)를 지정해 주세요.

  • 반응형을 적용하려면 style="width: 100%; height: auto;" 를 권장합니다.

  • 이미지맵 (map, area) 태그 사용은 가능하나, 모바일 환경에서의 반응형 이미지 사용 시 정상적으로 표시되지 않을 수 있습니다.

답변이 도움되었나요?