מחולל תבנית HTML בסיסית — חינם אונליין

מה הכלי עושה

המחולל כותב את שלד הפתיחה של דף HTML5: הצהרת <!DOCTYPE html>, אלמנט <html> עם מאפיין lang, אזור <head> עם קידוד UTF-8 וכותרת הדף, ו־<body> עם כותרת ראשית. שנו את הכותרת או את השפה, והקוד מתעדכן מיד.

שלוש אפשרויות מופעלות כברירת מחדל ואפשר לכבות אותן: תגית Meta ל־viewport רספונסיבי (הכרחית כדי שהדף יוצג נכון בטלפונים), קישור ל־style.css, ותגית script.js עם המאפיין defer, שמורידה את הסקריפט במקביל ומריצה אותו אחרי שהדף נותח. הכותרת והשפה עוברות escaping, כך שתווים כמו & או < לא שוברים את הקוד.

מתי להשתמש בו

• להתחיל אב־טיפוס, הדגמה או שחזור של באג שצריכים קובץ HTML נקי.
• ללמד את המבנה המינימלי של דף HTML5 תקין.
• ליצור דף נחיתה סטטי לפני שמוסיפים פריימוורק.
• לבדוק אילו תגיות head צריכות להיות בדף לפני שמוסיפים תגיות SEO עם מחולל תגיות Meta.

דוגמה

קלט

Title: My Page
Language: en
Viewport, style.css and script.js on

פלט

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>My Page</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <h1>My Page</h1>
  <script src="script.js" defer></script>
</body>
</html>

שאלות על הכלי