HTML3 네이버 블로그 HTML (허용 태그, deprecated, 반응형 한계) 솔직히 저는 네이버 블로그에서도 div와 style 속성이 당연히 된다고 생각했습니다. 티스토리에서 하던 방식 그대로 붙여 넣었다가 저장 직후 싹 사라지는 걸 보고 한동안 멍했습니다. 그 경험 이후로 네이버 블로그의 HTML 허용 구조를 하나씩 직접 실험하며 파악해 나갔는데, 오늘은 그 과정에서 터득한 현실적인 방법들을 공유합니다.저장하자마자 사라진 코드 — 네이버의 XSS 방어 구조네이버 블로그가 div, style, script 태그를 서버 단에서 자동 제거하는 이유는 XSS(Cross-Site Scripting) 방어 때문입니다. XSS란 악의적인 사용자가 웹 페이지에 스크립트를 삽입해 다른 방문자의 브라우저에서 해당 코드를 실행시키는 공격 방식입니다. 쉽게 말해, 누군가 블로그 본문에 악성 Jav.. 2026. 4. 30. details 태그 (JS 없이 토글, 아코디언, SEO) FAQ 페이지 작업을 처음 맡았을 때, 저는 JavaScript로 토글 기능을 직접 짰습니다. 기능은 됐지만 코드가 생각보다 많아졌고, 항목이 늘어날 때마다 JS까지 함께 손봐야 했습니다. 그러다 HTML 레퍼런스를 뒤지다 details 태그를 발견했고, 솔직히 처음엔 '이게 진짜 되나?' 싶었습니다. 테스트해보니 JS 한 줄 없이 열리고 닫혔습니다. 그 허탈함이 아직도 기억납니다.JS 없이 토글이 된다고?FAQ 페이지 의뢰를 처음 받았을 때, 저는 당연히 ul 태그로 질문과 답변을 쭉 나열했습니다. 결과물을 보니 페이지 스크롤이 끝없이 이어졌고, 클라이언트도 "한눈에 보기 어렵다"고 했습니다. 그래서 querySelector로 요소를 잡고 classList.toggle을 써서 토글 기능을 붙였습니다. .. 2026. 4. 19. 시맨틱 HTML (접근성, 크롤러, SEO 효과) div만 잔뜩 써도 사이트가 잘 돌아가는데, 굳이 시맨틱 태그로 바꿔야 할까요? 저도 한때 그렇게 생각했습니다. 그런데 Lighthouse 접근성 점수가 바닥을 치고, 애드센스 첫 신청이 거절당하고 나서야 생각이 바뀌었습니다. 시맨틱 HTML은 단순한 코드 스타일 문제가 아니라, 크롤러와 사람이 동시에 읽을 수 있는 구조를 만드는 문제였습니다.접근성이 바닥이었던 이유, div 중첩 구조 때문이었습니다처음 블로그를 만들 때 저는 div.wrap, div.container, div.content, div.post-area 이렇게 4단 중첩으로 쌓았습니다. 기능은 멀쩡히 돌아갔습니다. 그런데 3개월 뒤 같은 코드를 다시 열었을 때, 어디가 본문이고 어디가 사이드바인지 파악하는 데 꽤 오래 걸렸습니다. 태그 이.. 2026. 4. 6. 이전 1 다음
