메인 콘텐츠로 건너뛰기

공고 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) 태그 사용은 가능하나, 모바일 환경에서의 반응형 이미지 사용 시 정상적으로 표시되지 않을 수 있습니다.

⠀

⠀

⠀

6. 모바일에서 PC와 다르게 보이는 경우

HTML로 작성한 공고가 모바일에서 PC와 다르게 보이는 것은 대부분 HTML이 깨진 것이 아니라, 모바일 화면 크기에 맞춰 반응형으로 노출되기 때문에 발생하는 정상 동작입니다.

  • PC와 모바일에서 완전히 동일한 화면 그대로 노출되기를 원하는 경우, 공고를 이미지로 등록하면 모바일에서도 해당 이미지가 그대로 노출됩니다.

  • 공고 작성 화면의 미리보기에서 모바일 뷰를 통해 노출 상태를 사전에 확인할 수 있습니다.

⠀

💡 현재 모바일 공고 노출 방식을 별도로 설정하는 기능은 제공하지 않습니다. 필요 시 위 이미지 등록 방식을 활용해 주세요.

⠀

답변이 도움되었나요?