HTML
-
패럴랙스 스크롤링HTML 2023. 4. 4. 02:25
웹사이트에서 사용되는 기술로 스크롤에 따라 오브젝트와 배경 이미지가 시간차를 두고 변하는 기법. 패럭렉스 스크롤링의 장점 콘텐츠 탐색 간편하게 해줄 수 있다. 스크롤에 따라 3D효과와 깊이감을 제공해 사용자 인터렉션을 높이고 호기심 자극해 사이트에 머무는 시간을 늘린다. 느리고 무거운 플래시 대체해 HTML5, CSS3를 활용해 제작 가능하다. 패럭렉스 스크롤링 적용 팁 모바일 환경 고려. (각 디바이스에서 활용 가능한 반응형 웹 구축) 패럭렉스 스크롤링이 사이트 제작 동기가 되어서는 안된다. (사용자에게 색다른 경험을 제공하는 한가지 요소일 뿐이다.) 재미있게 만들자. 스토리를 만들자. (주로 회사, 제품 연혁을 웹사이트에 담고자 할 때 사용하는 방식, 콘텐츠의 타임라인이나 스토리 경험하게 할 수 있다..
-
Semantic MarkupHTML 2023. 3. 28. 16:25
Semantic + Markup = "의미론적인" + HTML 태그로 문서를 작성하는 것 즉, 의미를 잘 전달하도록 문서를 작성하는 것. 특징 검색엔진이 시멘틱 태그를 중요 키워드로 간주해 검색엔진 최적화(SEO)에 유리하다. 웹 접근성 측면에서, 장애가 있는 사용자로 하여금 의미를 훨씬 잘 파악할 수 있다. 코드의 가독성이 좋아진다. 작성 방법 헤더, 푸터에 , 사용 메인 컨텐츠에 사용 독립적 컨텐츠에 사용 최상위 제목에 사용 순서가 없는 목록에 사용 내비게이션에 사용