반응형
블로그를 조금씩 수정하고 있는데, 스킨 편집을 하려고 보니, 태그가 빨간색으로 표시되어 있었다. 누가봐도 이건 코드에 문제가 있어서인데, 내가 쓴 코드도 아니고 따로 주석도 달려있지 않아서, 코드의 전체적인 구조를 파악하기가 어려웠다. 물론 이걸 수정하지 않는다해도 홈페이지가 보이는데 큰 문제가 없다. 그러나 코드 자체도 길지 않고, 무엇보다도 매우 거슬리므로, 수정을 해보기로 했다.검색을 해보니 태그의 쌍이 안맞아서 그렇다고 해서 짝이 안맞는 태그를 찾아보기로 했다.
위 스크린샷과 같이 뒷부분 태그들이 빨간색으로 바뀌어있었다.
짝이 안맞는 태그를 찾는 건 생각보다 간단했다. 처음으로 빨간색이 뜨기 시작한 부분을 찾으면 된다. 그리고 그 부분을 잘 보면 분명 짝이 안맞는 태그가 있다. 나의 경우엔 </h 이런 식으로 괄호가 닫히지 않을 뿐더러, 시작하는 태그도 없었다. 아마 <h1> </h1>을 쓰려고 했던 것 같다. 아님 안쓰려고 지우다가 미처 다 못지웠거나.
아무튼 나는 </h 이 부분을 지워버렸고, 그랬더니 더이상 빨간색 글씨는 나타나지 않았다.
시간이 나면 전체적으로 블로그 디자인을 뜯어고치고 싶은데, 아직까지 시간이 안나고 있다. 블로그 스킨을 만들게 되면 블로그에도 공유를 해봐야겠다.
반응형
'Web > HTML+CSS' 카테고리의 다른 글
[HTML/개념] 개념 정리 03 - html5, DIV, SPAN, HTMl 엔티티, 시맨틱 마크업, 에밋 (0) | 2022.04.23 |
---|---|
[HTML/개념] 개념 정리 02 - 목록, <a> 태그, 이미지, 주석 (0) | 2022.04.22 |
[HTML/개념] 개념 정리 01 - Header, html 구조, VS Code 자동정렬 (0) | 2022.04.21 |
[책] Do it! 인터랙티브 웹 페이지 만들기 (0) | 2021.09.19 |