Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 웹 접근성
- 이미지 리플레이스먼트
- 사람 일러스트
- 웹디자인
- 웹사이트
- 스크롤 웹디자인
- 마우스오버
- 접근성
- 이쁜 웹디자인
- 깔끔한 웹디자인
- 신박한 웹디자인
- 귀여운 웹디자인
- 스크롤
- Image Replacement
- 마크업
- jQuery
- 유니크
- 일러스트
- 3D
- 시맨틱
- 스크롤 웹사이트
- 특이한 웹디자인
- IR기법
- 신박한 디자인
- mark up
- 우주 웹디자인
- 디자인
- jquery 웹디자인
- 배경이 이쁜 웹디자인
- 시맨틱 마크업
Archives
- Today
- Total
목록시맨틱 마크업 (2)
Play Ground
시맨틱한 마크업을 위한 HTML5요소
이름 내용 header 상단(header)에 사용 article 내용(content)에 사용 footer 하단(footer)에 사용 nav 네비게이션이나 메뉴에 사용 section 내용을 나눌 때 사용 aside 사이드바에 사용 figure 특정한 요소의 제목에 사용
Programming/HTML
2013. 2. 26. 16:31
시맨틱 마크업
현재 웹상에서는 방대한 정보와 필요한 정보를 추출, 해석, 가공하는 방법이 없기 때문에 불필요한 정보가 검색된다.시맨틱 마크업은 2001년 팀 버너스리 등에 의해 정립화된 것으로 컴퓨터가 처리할 수 있게 온톨로지 형태로 표현한 것으로 검색로봇이 의미를 잘 가져갈 수 있도록 홈페이지를 구조적으로 마크업 하는 방법이다.HTML태그를 이용해 내용이 담고있는 의미가 무엇인지 파악하며 마크업해야 시맨틱한 웹을 만들 수 있다.RSS가 대표적인 예이다. * 온톨로지 형태 : 사람들이 세상에 대해 보고 듣고 느낀 것을 서로 간의 토론을 통해 합의를 이룬 것 ex)) 테스트 1테스트 1-1테스트 1-2테스트 1-3 위의 마크업은 시맨틱하지 못한 마크업이다.시각장애인을 위한 스크린리더에서 제목과 내용의 의미를 제대로 파악..
Programming/HTML
2013. 2. 26. 16:21