이번에는 HTML 코드 작성 기준이 무엇인지, HTML 코드 작성 시 주의사항에 대해 알려드리겠습니다. 실제 사례를 살펴보겠습니다.
일반 규칙
tag
자동 닫는 태그, 닫을 필요 없음(예: img input br hr 등)
선택적 닫는 태그(닫는 태그), 닫아야 함(예: < / li> 또는 )
태그 수를 최대한 줄이세요.
<img src="images/google.png" alt="Google"> <input type="text" name="title"> <ul> <li>Style</li> <li>Guide</li> </ul> <!-- Not recommended --> <span class="avatar"> <img src="..."> </span> <!-- Recommended --> <img class="avatar" src="...">
클래스 및 ID
클래스 이름은 표현식이 아닌 함수 또는 콘텐츠 이름을 따라야 합니다. 여러 단어로 구성되는 경우
고유한 ID를
Javascript 후크로 사용하고 스타일 정보 없이 클래스를 생성하지 마세요.
<!-- Not recommended --> <div class="j-hook left contentWrapper"></div> <!-- Recommended --> <div id="j-hook" class="sidebar content-wrapper"></div>
AttributesOrder
HTML 속성은 가독성을 보장하기 위해 특정 순서로 표시되어야 합니다. 섹스. idclass
name
data-xxx
src, for, type, href
title, alt
aria-xxx, role
<a id="..." class="..." data-modal="toggle" href="###"></a> <input class="form-control" type="text"> <img src="..." alt="...">
Other 관련 기사를 주목하세요!
관련 읽기:위 내용은 HTML 코드 작성 표준은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!