제대로 주석 처리 된 HTML 마크 업은 잘 작성된 웹 페이지의 중요한 부분입니다. 이러한 주석은 쉽게 추가 할 수 있으며, 앞으로 자신의 팀이나 작업하는 팀의 구성원을 포함하여 해당 사이트의 코드를 작업해야하는 사람은 해당 주석에 대해 감사 할 것입니다.
HTML 주석을 추가하는 방법
HTML은 Windows의 경우 Notepad ++, Ma의 경우 TextEdit과 같은 표준 텍스트 편집기를 사용하여 작성할 수 있습니다. Adobe Dreamweaver 또는 Wordpress 또는 ExpressionEngine과 같은 CMS 플랫폼 과 같은 웹 디자인 중심 프로그램을 사용할 수도 있습니다. HTML을 작성하는 데 사용하는 도구와 상관없이 코드로 직접 작업하는 경우 다음과 같이 HTML 주석을 추가합니다.
- HTML 주석 태그의 첫 부분을 추가하십시오.
- 주석의 시작 부분 다음에이 주석에 대해 표시 할 텍스트를 작성하십시오. 향후에 귀하 또는 다른 개발자를위한 지침이 될 수 있습니다. 예를 들어, 페이지의 특정 섹션이 마크 업에서 시작하거나 끝나는 위치를 지정하려면 주석을 사용하여이를 자세히 설명 할 수 있습니다.
- 댓글의 텍스트가 완성되면 다음과 같이 댓글 태그를 닫습니다. ->
- 그래서 총계로, 당신의 코멘트는 다음과 같이 보일 것입니다 :
주석 표시
HTML 코드에 추가 한 주석은 누군가가 웹 페이지 의 소스 를 보거나 편집기에서 HTML을 열어 변경 사항을 적용 할 때 해당 코드에 나타납니다. 그러나 일반 방문자가 사이트에 올 때 해당 주석 텍스트는 웹 브라우저에 표시되지 않습니다. 실제로 브라우저 내부의 페이지에 영향을주는 단락, 제목 또는 목록을 비롯한 다른 HTML 요소와 달리 주석은 실제로 페이지의 뒷 부분에 있습니다.
테스트 목적을위한 설명
주석은 웹 브라우저에 나타나지 않으므로 페이지 테스트 또는 개발 중에 페이지의 일부분을 "끄기"위해 사용될 수 있습니다. 숨기려는 페이지 / 코드 부분 앞에 직접 주석의 시작 부분을 추가 한 다음 해당 코드 끝 부분에 닫기 부분을 추가하면 (HTML 주석은 여러 줄에 걸쳐 나타날 수 있으므로 코드의 50 번째 줄에 주석을 달고 아무런 문제없이 75 번째 줄을 닫으면), 해당 주석에 포함 된 HTML 요소가 더 이상 브라우저에 표시되지 않습니다. 그들은 코드에 남아 있지만 페이지의 시각적 표시에는 영향을 미치지 않습니다. 특정 섹션이 문제를 일으키는 지 등을보기 위해 페이지를 테스트해야하는 경우 해당 섹션을 삭제하는 것이 페이지를 삭제하는 것보다 바람직합니다. 주석을 사용하면 문제의 코드 섹션이 문제가되지 않는 것으로 판명되면 주석 조각을 쉽게 제거 할 수 있으며 해당 코드가 다시 표시됩니다. 테스트에 사용되는 이러한 주석은 프로덕션 웹 사이트에 포함되지 않도록하십시오.
페이지 영역을 표시하지 않아야하는 경우 해당 사이트를 시작하기 전에 주석을 제거하지 않고 코드를 제거하려고합니다.
개발 중 HTML 주석을 잘 사용 하는 한 가지는 반응 형 웹 사이트를 구축 할 때입니다. 해당 사이트의 다른 부분은 전혀 표시되지 않을 수있는 일부 영역을 포함하여 화면 크기 에 따라 모양이 변경되기 때문에 주석을 사용하여 페이지의 섹션을 설정 또는 해제하는 것은 개발 중에 사용할 수있는 빠르고 쉬운 방법입니다.
성과와 관련하여
일부 웹 전문가는 HTML 및 CSS 파일에서 주석을 제거하여 파일의 크기를 줄이고 더 빨리 로딩 할 수있는 페이지를 만들 것을 제안했습니다. 페이지가 성능을 위해 최적화 되어야하고 신속하게로드되어야한다는 데 동의하지만 코드의 주석을 똑똑하게 사용할 수있는 곳은 여전히 있습니다. 이 주석은 앞으로 사이트에서보다 쉽게 작업 할 수 있도록하기위한 것입니다. 따라서 코드의 모든 줄에 주석을 추가하지 않으면 페이지에 작은 크기의 파일이 추가되므로 의견은 수용 할 수있는 것 이상이어야합니다.
주석 사용 팁
HTML 주석을 사용할 때주의하거나 기억해야 할 몇 가지 사항은 다음과 같습니다.
- 주석은 여러 행이 될 수 있습니다.
- 주석을 사용하여 페이지 개발을 문서화하십시오.
- 댓글 수 al; 문서 내용, 표 행 또는 열, 변경 내용 또는 원하는 내용을 추적 할 수 있습니다.
- 사이트의 영역을 "끄는"의견은이 변경 사항이 짧은 순서 (즉, 필요에 따라 경고 메시지를 켜거나 끌 수 있음)로 되돌릴 수있는 임시 변경 사항이 아니라면 프로덕션을 시작하지 않아야합니다.