HTML

שיטות עבודה מומלצות

קונבנציות קוד

תגיות באותיות קטנות

<!-- ✅ נכון -->
<div>
    <p>תוכן</p>
</div>

<!-- ❌ שגוי -->
<DIV>
    <P>תוכן</P>
</DIV>

מרכאות לתכונות

<!-- ✅ נכון -->
<a href="page.html">קישור</a>

<!-- ❌ שגוי -->
<a href=page.html>קישור</a>

הזחה עקבית

השתמשו ב-2 או 4 רווחים לכל רמה.

סגירת תגיות בסדר הפוך

<!-- ✅ נכון -->
<div><p><strong>טקסט</strong></p></div>

<!-- ❌ שגוי -->
<div><p><strong>טקסט</p></strong></div>

נגישות (Accessibility)

alt לתמונות

<img src="dog.jpg" alt="כלב חום רץ בפארק">

label לשדות

<label for="email">אימייל:</label>
<input type="email" id="email" name="email">

מבנה כותרות נכון

• רק <h1> אחד בדף
• לא לדלג על רמות

ניגודיות צבעים

ודאו שהטקסט קריא על הרקע.

SEO בסיסי

Title ייחודי לכל דף

<title>מדריך HTML | האתר שלי</title>

Meta Description

<meta name="description" content="תיאור קצר של הדף">

כותרות משמעותיות

השתמשו בכותרות לתוכן, לא לסטיילינג.

HTML סמנטי

<article>, <nav>, <main>, <footer>

ביצועים

טעינה עצלה

<img src="image.jpg" loading="lazy" alt="...">

גדלי תמונה

<img src="photo.jpg" width="400" height="300" alt="...">

CSS ו-JS בסוף

<body>
    ...
    <script src="app.js"></script>
</body>

בדיקות

• W3C Validator - תקינות HTML
• Lighthouse - ביצועים ונגישות
• קורא מסך - בדיקת נגישות

← חזרה: תכונות | → חזרה לתפריט הראשי