스타터 템플릿
모든 스타터 템플릿은 페이지든 웹사이트든 동일한 원칙과 기능을 바탕으로 처음부터 제작되었습니다. 덕분에 여러 템플릿을 쉽게 조합하여 자신만의 맞춤형 레이아웃과 콘텐츠를 만들 수 있습니다.
저희의 다양한 스타터 템플릿 중 하나로 SSG를 시작하여 웹사이트나 웹 애플리케이션을 구축해 보세요.
Kaishi 스타터 템플릿은 다음 기능을 갖추고 있습니다:
- 접근성 메타 태그: 이 메타 태그는 장애가 있는 사용자도 웹사이트를 더 쉽게 이용할 수 있도록 설계되었습니다. ARIA(접근 가능한 리치 인터넷 애플리케이션) 역할 및 속성, 전체 키보드 제어, 깜박임 위험 없음을 설정하여 모두가 접근할 수 있는 웹사이트를 만들 수 있습니다.
- Apple 메타 태그: 이 메타 태그는 iPhone, iPad 및 Apple 기기용 웹사이트를 개선합니다. 웹 앱 기능, 상태 표시줄 스타일, 제목, 애플리케이션 이름 및 작성자를 변경하여 Apple 기기에서의 외관을 향상시킬 수 있습니다.
- Bootstrap CSS: Bootstrap은 미리 디자인된 스타일과 컴포넌트 세트를 제공하는 인기 있는 CSS 프레임워크입니다. Bootstrap을 사용하면 CSS를 처음부터 작성하지 않고도 전문적인 웹사이트를 빠르고 쉽게 만들 수 있습니다.
- Bootstrap JavaScript: Bootstrap JavaScript는 반응형 내비게이션 메뉴와 모달 대화 상자를 제공하는 미리 구축된 스크립트 세트입니다.
- 콘텐츠 보안 정책: 이 메타 태그는 페이지에 로드할 수 있는 콘텐츠의 출처를 지정합니다. 크로스 사이트 스크립팅(XSS) 공격 및 기타 보안 취약점을 방지하도록 설계되었습니다.
- Microsoft 메타 태그: 이 메타 태그는 Microsoft 기기용 웹사이트를 최적화하도록 설계되었습니다. 사이트 확인, 애플리케이션 구성, 탭 하이라이트 색상, 타일 색상, 타일 이미지를 설정하여 Windows 기기에서 멋지게 보이도록 할 수 있습니다.
- Open Graph/Facebook 메타 태그: 이 메타 태그를 사용하면 Facebook 및 기타 소셜 미디어 플랫폼에 공유될 때 웹사이트가 어떻게 표시될지 제어할 수 있습니다. 제목, 설명, 이미지를 설정하여 온라인에서 공유될 때 웹사이트가 최고의 모습을 보이도록 할 수 있습니다.
- 반응형 내비게이션 바: 반응형 내비게이션 바는 사용자에게 웹사이트 탐색을 위한 직관적이고 사용하기 쉬운 인터페이스를 제공합니다. 화면 크기에 맞게 조정되어 데스크톱과 모바일 기기 모두에서 사용자가 접근할 수 있도록 합니다.
- Schema.org 메타 태그: 이 메타 태그는 웹사이트 콘텐츠에 대한 구조화된 데이터를 제공하는 데 사용됩니다. 웹사이트의 이름, 설명, 이미지를 설정하면 검색 엔진 등이 콘텐츠를 더 잘 이해할 수 있습니다.
- Twitter 메타 태그: 이 메타 태그는 Twitter 공유를 위해 웹사이트를 최적화하도록 설계되었습니다. 카드 유형, 작성자, 설명, 이미지, 사이트, 제목 및 URL을 설정하여 Twitter에서 웹사이트가 멋지게 보이도록 할 수 있습니다.