웹 개발을 할 때 HTML 태그를 추적할 수 있는 도구는 무엇입니까?

문제

웹 개발을 할 때 태그를 추적할 수 있는 도구는 무엇입니까?예를 들어, div 태그를 닫는 것을 놓쳤는지 빠르게 확인하고 싶습니다.

현재 저는 notepad++를 사용하여 html을 작성하고 있습니다.시작 태그와 끝 태그가 강조 표시되지만 거의 모든 태그를 검토하여 내가 잘못한 부분을 찾는 데 시간이 걸릴 수 있습니다.

해결책

HTML정리 요즘 이런 종류의 일에 대한 사실상의 표준입니다

다른 팁

나는 처음부터 페이지를 작성할 때마다 내부 태그가 외부 태그 내에 중첩되도록 태그를 들여씁니다.

전:

<body>
    <div>
       Content here...
    </div>
</body>

또한 여는 태그와 닫는 태그를 동시에 작성하고 페이지 레이아웃을 계획한 다음 나중에 돌아가서 내용을 채웁니다.

여는 태그와 닫는 태그를 동시에 만들 수 있습니다.들여쓰기를 할 수 있습니다.제 생각에는 이를 위해 특별히 IDE나 도구를 선택하는 것이 약간 과잉인 것 같습니다.

IMHO, 적절한 들여쓰기를 지나칠 수 없습니다.

들여쓰기가 도움이 됩니다.나는 또한 HTML 유효성 검사기 Firefox용 확장 프로그램은 브라우저에서 페이지를 볼 때 HTML 문제를 확인하는 데 유용합니다(특히 서버에서 생성된 HTML을 확인하는 데 유용합니다).

그만큼 웹 개발자 추가 기능 Firefox의 경우 매우 편리합니다.페이지의 다양한 태그를 강조 표시하고 쉽게 시각화할 수 있는 좋은 방법을 제공합니다.또한 HTML 및 CSS 유효성 검사기를 포함하여 여기에 나열할 수 있는 도구가 너무 많습니다.

라이센스 : CC-BY-SA ~와 함께 속성

제휴하지 않습니다 StackOverflow