다연이네

[days03] html 코딩 규칙(가이드) 본문

Web/HTML

[days03] html 코딩 규칙(가이드)

 다연  2020. 12. 2. 22:07
반응형

1. 항상 문서 유형 선언 <!DOCTYPE html>


2. 요소(태그)는 소문자 사용 (권장) head body ...


3. 모든 요소가 닫기 태그가 필요한 것은 아니다. <br> <hr> 

    하지만 닫기 태그가 필요한 것은 꼭 닫기 하자


4. 속성명도 소문자 사용 (권장) id


5. 속성값을 설정할 때 "" 사용 (권장) (홑따옴표 사용이나 생략도 가능하지만 권장은 쌍따옴표)

    속성값에 공백이 포함된 경우에는 *반드시 따옴표*로 묶어야 한다.


6. 이미지 태그는 항상 alt, 너비, 높이는 지정해서 사용하자
    + 기본적으로 alt(이미지가 보여지지 않을 때 대체할 텍스트), style속성으로 width, height 지정해주자

 

7. 등호 주위에 공백 사용하지 않는다. alt=""  처럼 붙혀써버리기


8. 불필요한 가독성을 위해 빈줄 및 들여쓰기 x


9. head 태그 안에 자식 태그인 title 꼭 명확하게 제목을 선언하자.
    ->페이지 즐겨찾기, 검색 엔진 ... 


10. 파일명 주의
    웹서버(Unix, Apache) 파일명 대소문자 구분


11. 파일 확장자
     html파일 : .html   .htm => 둘다 내부적(웹서버, 웹브라우저)으로는 html로 처리됨
     CSS파일  : .css
     javascript 파일 : .js

반응형
Comments