서식이 해결되고 자동으로 수행됩니다. 손대지 않은 채로 남겨진 것이 무엇인지 정확하게 아는 것은 가치가 있습니다.
서식 지정의 역할
일관된 들여쓰기, 합리적인 줄 바꿈, 속성의 간격이 전체적으로 동일합니다.
모든 편집기는 저장 시 이 작업을 수행하며 모든 언어에는 구성이 필요 없는 포맷터가 있습니다. 마크업을 직접 들여쓰기할 이유도 없고 스타일에 대해 논쟁할 이유도 없습니다.
페이지의 의미나 기능에 대해서는 아무것도 변경되지 않습니다. 파일을 읽을 수 있게 만듭니다.
그것이 남기는 것
| 문제 | 포맷으로 해결됨 |
|---|---|
| 일관되지 않은 들여쓰기 | 예 |
| 끊어지지 않은 긴 선 | 예 |
| 아무것도 하지 않는 4개의 중첩 컨테이너 | 아니요 |
| 모든 곳의 일반 요소 | 아니요 |
| 같은 블록이 6번 반복됨 | 아니요 |
| 대체 텍스트 누락 | 아니요 |
특히 생성된 마크업은 하나의 요소가 수행할 수 있는 깊은 중첩, 기계적 클래스 이름 및 동일한 구조가 재사용되지 않고 반복되는 방식으로 제공됩니다.
형식화되어 깔끔하게 들여쓰기되어 있어 작업하기가 어렵습니다. 그것은 잘못된 일로 오후를 보내기 전에 알아 둘 가치가 있습니다.
비용을 지불하는 청소
일반 컨테이너를 보유하고 있는 내용을 나타내는 요소로 대체합니다.
내비게이션으로 표시된 내비게이션, 메인으로 표시된 기본 영역, 큰 단락이 아닌 실제로 제목인 제목입니다. 글을 쓰는 시점에는 비용이 들지 않으며 세 가지가 변경됩니다.
검색 엔진은 페이지를 이해합니다. 보조 기술을 사용하여 페이지를 탐색할 수 있습니다. 이는 페이지를 통해 이동하는 독자의 수입니다. 그리고 파일을 여는 다음 사람(흔히 당신)은 모든 줄을 읽지 않고도 구조를 볼 수 있습니다.
귀찮게 하지 않을 때
페이지가 한 번 게시되고 다시 열리지 않으면 깔끔한 마크업은 오후 시간을 보낼 가치가 없습니다. 전단지 페이지, 일회성 공지사항, 종료된 이벤트에 대한 랜딩 페이지입니다.
테스트는 누군가 파일을 다시 열 것인지 여부입니다. 대답이 '아니요'이면 포맷하고 계속 진행하세요.
축소
마크업과 스타일에서 공백을 제거하면 파일이 줄어들고, 최적화되지 않은 단일 사진 옆에는 축소량이 적습니다.
빌드가 자동으로 수행된다면 괜찮습니다. 손으로 작업하면 더 이상 읽을 수 없는 파일이 생성되고, 그 대신 잘못된 크기로 내보낸 이미지 하나 때문에 저장 내용이 지워지게 됩니다.
먼저 이미지를 최적화하면 질문이 더 이상 흥미롭지 않습니다.
이것이 당신이 하고 있는 일에 가깝다면, HTML 뷰어와 게시하기 전에 페이지를 테스트하는 방법이 양쪽의 경우를 다룹니다. 컨설팅 업무 수행을 위한 도구도 닫힙니다.
주소에 넣어두세요
수동으로 포맷하지 않고 자동으로 포맷한 다음 구조를 살펴보고, 일반 컨테이너를 콘텐츠를 설명하는 요소로 바꾸고, 아무 작업도 하지 않는 중첩을 삭제하고, 축소를 빌드에 남겨 둡니다.