מקטעים ומאמרים
חלק מהיחידה יסודות במסלול ה-HTML של Coddy. שיעור 28 מתוך 60.
ב-HTML, התגיות <section> ו-<article> משמשות לארגון התוכן לחלקים הגיוניים.
תגית <section> מגדירה יחידה במסמך, כמו פרק או חלק אחר במסמך שעוסק בנושא אחד, בדרך כלל עם כותרת משלו. כך אפשר לקבץ יחד תוכן קשור. לדוגמה, אפשר להשתמש ב־<section> כדי לחלק דף למבוא, לתוכן ולפרטי יצירת קשר.
כך אפשר להשתמש בתג <section>:
<section>
<h2>Section Heading</h2>
<p>Section content goes here.</p>
</section>התגית <article> מציינת תוכן עצמאי העומד בפני עצמו. התוכן צריך להיות מובן בפני עצמו, ואפשר לקרוא אותו בנפרד משאר האתר. דוגמאות למקומות שבהם אפשר להשתמש ברכיב <article>: פוסט בפורום, רשומה בבלוג, כתבת חדשות או תגובה.
כך אפשר להשתמש בתג <article>:
<article>
<h2>Article Title</h2>
<p>Article content goes here.</p>
</article>אתגר
קלצרו מסמך HTML שמשתמש בתגיות <section> ו-<article> כדי לבנות את המבנה של דף אינטרנט. כללו את היחידות הבאות:
- יחידת
<main>שתכיל את התוכן הראשי של הדף. - בתוך
<main>, צרו<section>עם כותרת (<h2>) שאומרת "Upcoming Events". - בתוך
<section>, צרו שני רכיבי<article>. - לכל
<article>צריכות להיות כותרת (<h3>) ופסקה (<p>) עם טקסט לדוגמה. השתמשו ב-"Event 1" וב-"Event 2" עבור הכותרות, וב-"Event 1 details..." וב-"Event 2 details..." עבור הפסקאות.
נסו בעצמכם
<!DOCTYPE html>
<html>
<body>
<!-- כתבו כאן קוד -->
</body>
</html>השיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה יסודות
תרגלו בעצמכם: Web אונליין