main2 Web : semantic 하게 웹을 짠다는 것. Semanitc? semantic이란 의미론적 이라는 뜻이다. 즉, 웹을 semantic하게 짠다는 것은 HTML이 의미를 담고 있다는 것이다. 따라서 HTML을 보고 이게 어떤 의미인지 알기 위해서는 각 element에 의미에 맞게 HTML을 작성해줘야한다. Example 와 태그를 보면 어떤 것이 paragraph를 의미하는 것인가? 자세히 보지 않더라도 p 태그가 paragraph를 나타내는 것을 우리는 알 수 있다. 하지만 OOCSS를 사용하려면, div 태그로 감싸주는 것이 좋다. 그렇다면 여기에 어떻게 의미를 부여할 것인가?? 이것에 대한 해답이 바로 semantci 하게 웹을 짜는 것이다. 1. main : --- 페이지의 main content를 나타낸다. 한 번만 쓴다. 2. header.. 2020. 5. 12. Web : Web Page 구조 구상 및, 설계 방법 위는 Django의 web page 입니다. 모든 사이트가 이런 식으로 생긴 것은 아니겠지만 대부분은 유사한 구조를 가지고 있습니다. Header 가장 상단의 header는 페이지마다 반복되는 머리말 부분입니다. 주로 제목이나 로고, 짧은 소개말 등이 들어갑니다. header라는 태그를 사용할 수 있습니다. Main hero-section은 header 밑에 존재하며, 이는 사진이나, 여러가지 대표 글, 등등을 넣을 수 있다. navigation bar는 다른 페이지로 이동할 수 있는 메뉴 버튼이나 링크 등이 들어갑니다. header에 네비게이션 바가 포함되기도 합니다. 이 부분을 마크업하기 위해서는 nav라는 태그를 사용할 수 있습니다. main 콘텐츠는 본문의 주요 콘텐츠 블럭입니다. main 태그를.. 2019. 12. 15. 이전 1 다음
