« Tâches Sites » : différence entre les versions
Aller à la navigation
Aller à la recherche
Page créée avec « <!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <title>Ma ToDo List - Sites Web</title> <style> body { font-family: Arial, sans-serif; padding: 20px; background: #f8f8f8; } h2 { margin-top: 30px; } .site-section { background: #fff; padding: 15px; border-radius: 8px; margin-bottom: 20px; box-shadow: 0 0 8px rgba(0,0,0,0.1); } ul { list-style-type: none; padding-left: 0; } li { margin: 5px 0; } input[type="checkbox"] { m... » |
(Aucune différence)
|
Version du 16 mai 2025 à 06:53
<!DOCTYPE html> <html lang="fr"> <head>
<meta charset="UTF-8">
<title>Ma ToDo List - Sites Web</title>
<style>
body { font-family: Arial, sans-serif; padding: 20px; background: #f8f8f8; }
h2 { margin-top: 30px; }
.site-section { background: #fff; padding: 15px; border-radius: 8px; margin-bottom: 20px; box-shadow: 0 0 8px rgba(0,0,0,0.1); }
ul { list-style-type: none; padding-left: 0; }
li { margin: 5px 0; }
input[type="checkbox"] { margin-right: 10px; }
.done { text-decoration: line-through; color: gray; }
</style>
</head> <body>
✅ Ma ToDo List de Sécurité Web
🔒 lesbourdons.ch
- <label><input type="checkbox"> Ajouter le header
X-Frame-Options: SAMEORIGIN</label> - <label><input type="checkbox"> Ajouter le header
X-Content-Type-Options: nosniff</label> - <label><input type="checkbox"> Ajouter
Referrer-Policy: strict-origin-when-cross-origin</label> - <label><input type="checkbox"> Ajouter
Strict-Transport-Security</label> - <label><input type="checkbox"> Forcer redirection HTTPS via .htaccess</label>
🔐 mtk-collec.ch
- <label><input type="checkbox"> Vérifier la disponibilité du site à distance</label>
- <label><input type="checkbox"> Corriger timeout (hébergement sur NAS)</label>
- <label><input type="checkbox"> Ajouter Content-Security-Policy (et tester C3.js)</label>
- <label><input type="checkbox"> Corriger Referrer-Policy: utiliser
strict-origin-when-cross-origin</label>
🎨 amecreative.ch
- <label><input type="checkbox"> Vérifier tous les headers de sécurité</label>
- <label><input type="checkbox"> Activer
Strict-Transport-Security</label> - <label><input type="checkbox"> Ajouter Permissions-Policy pour bloquer micro/caméra</label>
- <label><input type="checkbox"> Tester sur <a href="https://securityheaders.com" target="_blank">securityheaders.com</a></label>
<script>
// Marquer les tâches cochées comme "faites"
document.querySelectorAll('input[type="checkbox"]').forEach(cb => {
cb.addEventListener('change', () => {
cb.parentElement.classList.toggle('done', cb.checked);
});
});
</script>
</body> </html>