-
HTML 테그, 구조, 자주 사용하는 코드Web/HTML 2019. 6. 13. 15:31
HTML개발은 현 시점에서 대부분 무조건 HTML5로 개발됩니다.
HTML은 이전 버전이고 HTML5는 새로운 버전이라고 생각하면 됩니다.
<!DOCTYPE html> //이 부분이 HTML5 선언입니다. <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>사이트제목</title> <meta name="description" content="사이트 설명"> <meta name="keywords" content="사이트 검색 키워드"> <meta name="author" content="대전 앨리스의원"> <link rel="shortcut icon" type="image/x-icon" href="파비콘URL" /> <script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script> <script type="text/javascript"> $(function(){ //jQuery 선언자 }) </script>
자주 사용하는 HTML 테그
div - 거의 모든 영역에서 사용됩니다. 테그 안에 대체 텍스트 등이 명시가 잘 되어있으면 위치에 맞는 테그를 쓸 필요 없이 div만 사용해도 접근성이 좋습니다.
address - footer 영역에 주소 부분을 정의할때 사용
ul - list 형태를 묶어주는 테그
li - ul안에서 사용되며 list 형태를 만들 때 사용
ol - ul안에서 사용되며 list 형태의 순서를 부여할 때 사용
span - inline 요소를 묶어서 Element를 핸들링거나 스타일을 부여할 때 유용하게 사용
img - image를 삽입하는 경우에 사용
video - video, mp4 등을 웹에서 재생하는 경우 사용
script - script 를 작성하거나 script 파일을 불러올 때 사용
link - css 파일을 불러올 때 사용
style - css를 작성할 때 사용
p - 문단, 1~2줄 텍스트 입력 시 사용
'Web > HTML' 카테고리의 다른 글
[CSS] 마우스 클릭 금지, 안되게 막기 (2) 2019.08.14