---

# Front Matter (YAML)
author: "jane.doe@kaishi.fr (Jane Doe)" ## L'auteur de la page. (max 64 caractères)
banner_alt: "Mur carrelé vert et noir" ## L'alternative texte de la bannière du site.
banner_height: "398" ## La hauteur de la bannière du site.
banner_width: "1440" ## La largeur de la bannière du site.
banner: "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 398' preserveAspectRatio='xMidYMid slice'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23166534'/><stop offset='1' stop-color='%2386efac'/></linearGradient></defs><rect width='1440' height='398' fill='url(%23g)'/></svg>" ## La bannière du site.
cdn: "https://cloudcdn.pro" ## Le CDN du site.
changefreq: "weekly" ## La fréquence de changement du site.
charset: "utf-8" ## Le jeu de caractères du site. (par défaut : utf-8)
cname: "kaishi.fr" ## La valeur CNAME du site. (Requise uniquement pour la page index.)
copyright: "Copyright © 2023-2026 Kaishi. Tous droits réservés." ## Le copyright du site.
date: "January 01, 2025"
description: "Tout ce dont vous avez besoin pour créer un site web époustouflant." ## La description du site. (max 160 caractères)
download: "" ## L'URL de téléchargement pour le produit.
format-detection: "telephone=no" ## La détection de format du site.
hreflang: "fr" ## La langue hreflang du site. (par défaut : en-gb)
icon: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg" ## L'icône du site au format SVG.
id: "https://kaishi.fr" ## L'ID du site.
image_alt: "Logo de Kaishi, un modèle de démarrage pour sites statiques" ## Le texte alternatif de l'image du site.
image_height: "630" ## La hauteur de l'image du site.
image_width: "1200" ## La largeur de l'image du site.
image: "https://cloudcdn.pro/kaishi/images/banners/banner-kaishi.webp" ## L'image principale du site au format SVG.
keywords: "modèles de démarrage Kaishi, Static Site Generator, générateur de sites statiques, modèles de démarrage, bootstrap, bootstrap css, bootstrap javascript, politique de sécurité de contenu, balises méta open graph, barre de navigation responsive, balises méta schema.org" ## Les mots-clés du site. (max 160 caractères)
language: "fr-FR" ## La langue du site. (par défaut : en-GB)
layout: "feature" ## La mise en page du site.
locale: "fr_FR" ## La locale du site.
logo_alt: "Logo de Kaishi, un modèle de démarrage pour sites statiques" ## Le texte alternatif du logo du site.
logo_height: "33" ## La hauteur du logo du site.
logo_width: "100" ## La largeur du logo du site.
logo: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg" ## Le logo du site au format SVG.
name: "Kaishi" ## Le nom du site. (max 64 caractères)
permalink: "https://kaishi.fr/features" ## L'URL du site.
rating: "general" ## L'évaluation du site.
referrer: "no-referrer" ## Le référent du site.
revisit-after: "7 days" ## Le délai de revisite du site.
robots: "index, follow" ## Les robots du site.
short_name: "kaishi" ## Le nom court du site. (max 12 caractères)
subtitle: "Créez des sites incroyables avec un minimum d'effort grâce aux modèles de démarrage Kaishi" ## Le sous-titre de la page. (max 64 caractères)
tags: "modèles de démarrage Kaishi, Static Site Generator, générateur de sites statiques, modèles de démarrage, bootstrap, bootstrap css, bootstrap javascript, politique de sécurité de contenu, balises méta open graph, barre de navigation responsive, balises méta schema.org" ## Les tags du site. (max 160 caractères)
theme-color: "214, 171, 133" ## La couleur du thème du site.
title: "Fonctionnalités" ## Le titre de la page. (max 64 caractères)
url: "https://kaishi.fr" ## L'URL du site.
viewport: "width=device-width, initial-scale=1, shrink-to-fit=no" ## Le viewport du site.

# News - Les métadonnées SiteMap News (YAML).
news_genres: "Blog" ## Les genres du site. (PressRelease|Satire|Blog|OpEd|Opinion|UserGenerated)
news_keywords: "kaishi, Static Site Generator, générateur de sites statiques, modèle de site minimaliste, modèle de site moderne, modèle de site responsive, modèle de site de démarrage, freelance créatif, fondateur de startup, propriétaire de petite entreprise, présence en ligne" ## Les mots-clés du site. (séparés par des virgules, max 10 mots-clés)
news_language: "fr" ## La langue du site. (par défaut : en)
news_loc: "https://kaishi.fr" ## L'URL du site.
news_publication_date: "Wed, 01 Jan 2025 01:01:01 GMT" ## La date de publication du site.
news_publication_name: "Kaishi" ## Le nom de la publication de nouvelles du site.
news_title: "Fonctionnalités" ## Le titre de la page. (max 64 caractères)

# RSS - Le flux RSS (YAML)
atom_link: https://kaishi.fr/rss.xml
category: "Technologie"
docs: https://validator.w3.org/feed/docs/rss2.html
generator: "SSG (version 0.0.35)"
item_description: Flux RSS pour le site
item_guid: "https://kaishi.fr/fonctionnalites/index.html"
item_link: "https://kaishi.fr/fonctionnalites/index.html"
item_pub_date: "Wed, 01 Jan 2025 01:01:01 GMT"
item_title: "Fonctionnalités"
last_build_date: "Wed, 01 Jan 2025 01:01:01 GMT"
managing_editor: jane.doe@kaishi.fr (Jane Doe)
pub_date: "Wed, 01 Jan 2025 01:01:01 GMT"
ttl: "60"
type: "site web"
webmaster: jane.doe@kaishi.fr

# Apple - Les métadonnées Apple (YAML)
apple_mobile_web_app_orientations: "portrait" ## Les orientations des applications mobiles Apple pour la page.
apple_touch_icon_sizes: "192x192" ## Les tailles des icônes tactiles Apple pour la page.
apple-mobile-web-app-capable: "yes" ## Indique si l'application mobile web Apple est compatible avec la page.
apple-mobile-web-app-status-bar-inset: "black" ## L'encart de la barre de statut Apple mobile web de la page.
apple-mobile-web-app-status-bar-style: "black-translucent" ## Le style de la barre de statut Apple mobile web de la page.
apple-mobile-web-app-title: "Kaishi" ## Le titre Apple mobile web de la page.
apple-touch-fullscreen: "yes" ## Indique si la page supporte le plein écran Apple tactile.

# MS Application - Les métadonnées MS Application (YAML)
msapplication-navbutton-color: "rgb(0,102,204)"

# Twitter Card - Les métadonnées Twitter Card (YAML)
twitter_card: "summary" ## Le type de carte Twitter.
twitter_creator: "janedoe" ## Le créateur de la carte Twitter.
twitter_description: "Tout ce dont vous avez besoin pour créer un site web époustouflant." ## La description de la carte Twitter.
twitter_image: "https://cloudcdn.pro/kaishi/v1/logos/kaishi.svg" ## L'image de la carte Twitter.
twitter_image_alt: "Logo de Kaishi, un modèle de démarrage pour sites statiques" ## L'alternative texte de l'image de la carte Twitter.
twitter_site: "janedoe" ## Le site Twitter associé.
twitter_title: "Kaishi, un modèle de démarrage pour Static Site Generator" ## Le titre de la carte Twitter.
twitter_url: "https://kaishi.fr" ## L'URL de la carte Twitter.

# Humans.txt - Les métadonnées Humans.txt (YAML)
author_website: "https://cloudcdn.pro" ## Le site web de l'auteur de la page.
author_twitter: "@wwdseb" ## Le compte Twitter de l'auteur de la page.
author_location: "Londres, Royaume-Uni" ## La localisation de l'auteur de la page.
thanks: "Merci pour votre lecture !" ## Les remerciements de la page.
site_last_updated: "2025-01-01" ## La dernière mise à jour du site.
site_standards: "HTML5, CSS3, RSS, Atom, JSON, XML, YAML, Markdown, TOML" ## Les standards du site.
site_components: "Kaishi, Kaishi Builder, Kaishi CLI, Kaishi Templates, Kaishi Themes" ## Les composants du site.
site_software: "SSG, Rust" ## Les logiciels utilisés par le site.

---

## Modèles de Démarrage

Tous les modèles de démarrage, qu'il s'agisse de pages ou de sites web, sont construits à partir de zéro en utilisant les mêmes principes et fonctionnalités. Cela signifie que vous pouvez facilement les combiner pour créer vos propres mises en page et contenus personnalisés.

Commencez avec SSG en utilisant l'un de nos modèles de démarrage pour créer votre site web ou application web.

**Les Modèles de Démarrage Kaishi** incluent les fonctionnalités suivantes :

- **Balises Méta pour l'Accessibilité :** Ces balises méta sont conçues pour rendre le site web plus accessible aux utilisateurs en situation de handicap. En configurant les rôles et attributs ARIA (Accessible Rich Internet Applications), le contrôle total via clavier, et en évitant les dangers liés aux clignotements, vous vous assurez que votre site est accessible à tous.
- **Balises Méta Apple :** Ces balises méta optimisent les sites web pour les appareils Apple, comme les iPhones, iPads et autres. Vous pouvez configurer les capacités des applications web, le style de la barre d'état, le titre, le nom de l'application et l'auteur pour améliorer l'apparence sur les appareils Apple.
- **CSS Bootstrap :** Bootstrap est un framework CSS populaire qui offre un ensemble de styles et de composants préconçus. En utilisant Bootstrap, vous pouvez rapidement et facilement créer un site web professionnel sans avoir à écrire du CSS à partir de zéro.
- **JavaScript Bootstrap :** Le JavaScript Bootstrap propose des scripts préconstruits pour fournir des menus de navigation responsive et des boîtes de dialogue modales.
- **Politique de Sécurité du Contenu (Content Security Policy) :** Cette balise méta est utilisée pour spécifier les sources de contenu autorisées sur la page. Elle est conçue pour prévenir les attaques de type cross-site scripting (XSS) et autres vulnérabilités de sécurité.
- **Balises Méta Microsoft :** Ces balises méta optimisent le site web pour les appareils Microsoft. Vous pouvez configurer la vérification du site, la configuration des applications, la couleur de mise en évidence au toucher, la couleur de la vignette et l'image de la vignette pour améliorer l'apparence sur les appareils Windows.
- **Balises Méta Open Graph/Facebook :** Ces balises méta permettent de contrôler l'apparence de votre site lorsqu'il est partagé sur Facebook et d'autres plateformes sociales. En définissant le titre, la description et l'image, vous vous assurez que votre site a une apparence optimale lorsqu'il est partagé en ligne.
- **Barre de Navigation Responsive :** La barre de navigation responsive offre aux utilisateurs une interface intuitive et facile à utiliser pour naviguer sur le site. Elle s'adapte à la taille de l'écran, la rendant accessible aux utilisateurs sur ordinateurs et appareils mobiles.
- **Balises Méta Schema.org :** Ces balises méta sont utilisées pour fournir des données structurées sur le contenu du site web. En configurant le nom, la description et l'image, vous aidez les moteurs de recherche et d'autres services à mieux comprendre le contenu de votre site.
- **Balises Méta Twitter :** Ces balises méta optimisent le site web pour le partage sur Twitter. Vous pouvez définir le type de carte, le créateur, la description, l'image, le site, le titre et l'URL pour que votre site ait une apparence optimale sur Twitter.
