메인 콘텐츠로 건너뛰기

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

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

💡

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

답변이 도움되었나요?