본문 바로가기 메뉴 바로가기

Frontend Developer를 향해 !

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Frontend Developer를 향해 !

검색하기 폼
  • 분류 전체보기 (152)
    • xhtml/css (15)
    • 웹접근성 (5)
    • html5 (2)
    • css3 (10)
    • 반응형웹 (5)
    • 자바스크립트 (19)
    • 제이쿼리 (17)
    • 제이쿼리 플러그인 (31)
    • 팁! (30)
    • git (10)
    • VsCode (3)
    • nodeJS (2)
    • gulp (1)
    • 북마크 (1)
    • 신앙 (1)
  • 방명록

html5 (2)
html5 시멘틱 태그 설명

1. 한페이지 내 여러개를 사용할 수 있다. 2. 한페이지 내 딱 한번 사용할 수 있다. 3. 한페이지 내 여러개를 사용할 수 있다. 4. "한가지 주제로 묶는다." 라는 의미 따라서 section은 자신만의 header footer를 가질 수 있다. 5. 계속 발행되는 부분 배포 목적으로 section태그와 구분 됨. acticle은 자신만의 header footer를 가질 수 있다. 6. 주 내용과 분리된 부가적인 정보나 인용, 광고등의 내용을 담습니다. 7. 주요 네비게이션을 그룹핑. 8. html문서의 의미구조를 보여주는 툴 https://gsnedders.html5.org/outliner/

html5 2015. 8. 25. 11:07
html5 시맨틱 태그

html5 시맨틱 태그란? 기존 HTML4에서는 태그를 이용해 화면을 분할하거나 필요한 것들을 모두 넣었지만 HTML5부터 모든 태그에 자신의 역할이 생겼다. 이 태그들을 시맨틱 태그라 한다.시맨틱 태그는 "의미가 통하는"의 시맨틱 뜻처럼 문서 구조의 가독성을 높여준다. 1. header- 머리말(제목) 지정하기- 사이트 전체의 제목 부분이 될수도, 의 제목 부분이 될 수도 있다.[출처] HTML5와 시맨틱 태그|작성자 insa[출처] HTML5와 시맨틱 태그|작성자 insa 티스토리 티스토리 블로그입니다. 2. nav- 문서를 연결하는 내비게이션 링크- 다른 사이트의 문서로 연결하는 링크를 나타낸다. 위치에 영향을 받지 않는다. 메뉴1 메뉴2 메뉴3 3. menu- 페이지 내 기능을 하는 버튼/링크의 ..

html5 2014. 4. 14. 13:08
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • 주님과 동행하는 자
TAG
  • SFPro web font
  • VSCode
  • jquery
  • Flexbox
  • 애플웹폰트
  • 접근성 tabmenu
  • 자바스크립트 탭메뉴
  • PlaceHolder
  • 키보드접근성자바스크립트
  • San Francisco웹폰트
  • WAI-ARIA tab menu
  • 본고딕
  • bxslider
  • 키보드 웹접근성
  • San Francisco web font
  • WAI-ARIA탭메뉴
  • placeholder css
  • 접근성탭메뉴
  • one scroll
  • Git
  • SFPro웹폰트
  • 반응형웹
  • 부트스트랩 네이밍
  • node.js
  • 부트스트랩class명
  • 웹 접근성
  • CSS3
  • 깃허브
  • 패럴럭스 스크롤
  • 웹폰트
more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바