반응형
HTML으로 웹사이트 구조를 짜다보면 어느새 지저분해진 HTML 코드블럭들을 보면 정리하고 싶어진다. HTML 구조는 트리구조로 부모 요소와 하위 요소가 정확히 구분되어 있는데, 보통 TAB을 눌러서 좌측 여백을 줘서 구조를 쉽게 파악할 수 있는 것이다.
여러 사이트를 찾아보다가 최근에 정말 좋은 사이트를 발견하고 여러가지 기능을 제공할 수 있어서 웹디자이너 또는 퍼블리셔, 웹사이트 제작자 등 HTML 코드 정리를 깔끔하게 하고 싶은 분들은 아래의 사이트에 방문해서 코드를 정리하면서 웹사이트를 제작하면 좋을 것 같다.
왼쪽 하면에 정리하고자 하는 코드를 넣고 Execute를 누르면 정리된다. 사이트 웹코드 정리를 자주하는 사람들에게 정말 권장하는 사이트라고 할 수 있다.
반응형
'Kit > Web Tool' 카테고리의 다른 글
감각적인 움짤 이미지가 필요할 때, 기피(GIPHY) (0) | 2020.12.31 |
---|---|
[무료 온라인 OCR] 이미지 텍스트 변환 무료 온라인 사이트 2곳 (0) | 2020.10.22 |
한글폰트 검색(인쇄글씨·손글씨·새김글씨·꾸밈글씨·기타글씨) 유료 무료 분류 검색해주는 한글마을 (0) | 2020.09.26 |
한글 폰트 이미지로 검색하는 방법 (0) | 2020.09.25 |
DEV Community(dev.to) 개발자 소셜네트워크 (0) | 2020.08.26 |
임시 이미지 업로드 — ImgBB (0) | 2020.08.22 |
게임 닉네임 만들기 추천사이트 '워드로' (0) | 2020.07.21 |
CSS, HTML, C Style 코드를 정리해주는 사이트 Tabifier (0) | 2020.06.16 |