תגיות בשפת HTML

כדי להפוך ידע זה לשימושי ככל האפשר, אנו מעמידים לרשות המשתמש רשימה של אלמנטים בשפת HTML, רשימת התגיות מסודרת לפי נושאים כדי לסייע למשתמש למצוא את דרכו בקלות ולאתר את המידע  לו הוא זקוק. למידע נוסף והיכרות ראשונה עם שפת HTML למשתמשים מתחילים, בקר במבוא לשפת HTML.

תגיות שורש

Element Description
<html> תגית <html> נחשבת לתגית העליונה ביותר של מסמך ה-HTML ולכן היא מכונה לעיתים תגית השורש (Root). כל שאר התגיות יהיו כפופות לתגית זו.

מטא-דאטה ונתונים אודות המסמך

מטא-דאטה מכילים מידע על הדף: גיליונות סגנון מדורגים, סקריפטים ומידע המסייע למנועי החיפוש, דפדפנים ועוד. ניתן להגדיר עיצובים וסקריפטים בדף עצמו או בקישור לקובץ נפרד המכיל את המידע.

Element Description
<base>
<head> תגית <head> מספקת מידע כללי על מסמך ה-HTML כגון: כותרת, מטא-דאטה, קישורים לסקריפטים (JavaScript) וגליונות סגנון מדורגים (CSS).
<link>
<meta>
<style>
<title> תגית <title> מגדירה את כותרת מסמך ה-HTML. הכותרת מופיעה בשורת הכותרת של הדפדפן או בשם הכרטיסיה. תג זה מכיל טקסט ומספרים בלבד.

תגיות לסימון גוף המסמך

Element Description
<body>

תגיות לארגון תוכן

תגיות המאפשרות לארגן ולחלק את המסמך בצורה נוחה והגיונית: כותרת עליונה ותחתונה, תוכן, מאמרים, תפריט ועוד.

Element Description
<address> תגית <address> נועדה כדי להציג מידע ליצירת קשר אודות אדם יחיד או ארגון.
<article> תגית <article> הינה עצמאית ומגדירה אזור תוכן במסמך ה-HTML.
התוכן שיוזן בין התגיות עשוי להיות כתבה, מאמר, תגובה או הודעה.
<aside> תגית <aside> מייצגת את התפריט / האזור הצדדי במסמך ה-HTML. תחת תגית זו נהוג להוסיף פרסומות, ציטוטים מטקסטים, תוספים, ורכיבי תוכן (ווידג'טים) המציגים מידע בצורה נגישה וישירה.
<footer> תגית <footer> מייצגת את התפריט / האזור התחתון במסמך ה-HTML. תחת תגית זו נהוג לכתוב זכויות יוצרים, קישורים, תנאי שימוש, טופס צור קשר, הרשמה לעדכונים ועוד.
<header> תגית <header> מייצגת את החלק העליון של מסמך ה-HTML. 
אזור זה משמש ככותרת עבור <section> או בעבור כל הדף.
מלבד כותרת אזור זה מכיל תוכן עניינים, תיבת חיפוש, לוגו של חברה ועוד.
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> תגיות <h1>-<h6> מגדירות כותרת בגדלים שונים במסמך ה-HTML.
תגית <h1> היא הגדולה ביותר ותגית <h6> היא הקטנה ביותר.
<hgroup> תגית <hgroup> מאגדת בתוכה מספר כותרות <h1> עד <h6> ונועדה כדי ליצור כותרות משנה.
<main> תגית <main> מייצגת את התוכן הראשי במסמך ה-HTML. 
<nav> תגית <nav> משמשת להגדרת התפריט במסמך ה-HTML.
תחת אלמנט זה ניתן להציג קישורים לדפי אחרים או קישורים פנימיים בתוך הדף.
<section> תגית <section> מייצגת חלק כללי במסמך ה-HTML. 
אזור זה מורכב מכותרת ותוכן ומשמשת להגדרת פרק בספר, אזור חדשות וכו'.

תגיות להזנת תוכן

תגיות להזנת תוכן ימוקמו תחת התגית <body> ויסייעו בקידום האתר (SEO) ובבניית אתר מותאם, כמו כן מסייעות בסידור וארגון של מקטעי תוכן הנמצאים בגוף המסמך.

Element Description
<blockquote>
<dd>
<div>
<dl>
<dt>
<figcaption> תגית <figcaption> היא תגית המייצגת כותרת או טקסט לאלמנט האב שלו תגית <figure>.
<figure> תגית <figure> היא תגית עצמאית העוטפת תמונה או גרף במסמך ה-HTML ומאפשרת להוסיף להם כותרת באמצעות תגית משלימה <figcaption>.
<hr> תגית <hr> מוסיפה קו אופקי המפריד בין פסקאות טקסט במסמך ה-HTML. זוהי תגית בלוק החוסמת את כל השורה.
<li>
<ol>
<p> תגית <p> מציגה פסקת טקסט במסמך ה-HTML. זוהי תגית בלוק החוסמת את כל השורה.
<pre>
<ul>

תגיות מסוג Inline

אלמנטים מסוג Inline מאפשרים למקם אותם באותה השורה עם אלמנטים נוספים, מכיוון שהם לא תופסים 100% מרוחב השורה, אלא רק את הרוחב המדויק.

Element Description
<a> תגית <a> מוסיפה קישור טקסט/תמונה במסמך ה-HTML. זוהי תגית מסוג Inline המסמנת את האלמנט עצמו בלבד.
<abbr>
<b> תגית <b> מציגה טקסט באופן מודגש, כיום מומלץ להשתמש בתגית <string> כדי לציין שהטקסט בעל חשיבות. בנוסף ניתן להשתמש בגיליונות סגנון מדורגים (CSS) באמצעות font-weight.
<bdi> תגית <bdi> משמשת לציון קטע טקסט העשוי להיות מוצג בפורמט אחר או בסדר הפוך מאשר הטקסט שמסביבו.
<bdo>
<br> תגית <br> מבצעת הורדת שורה במסמך ה-HTML. תגית זו שימושית לרוב בכתיבת טקסט שבו חלוקת הרווחים משפיעה על הבנתו: שיר, סיפור קצר או כתובת.
<cite> תגית <cite> מגדירה ציטוט וביצוע הפניה לתוכן ממנו נלקחו הנתונים.
<code>
<data>
<dfn>
<em> תגית <em> מציגה פסקת טקסט באופן מודגש.
<i>
<kbd>
<mark> תגית <mark> משמשת לסימון קטע בתוך טקסט אותו אנו מעוניינים להדגיש.
<q>
<rb>
<rp>
<rt>
<rtc>
<ruby>
<s>
<samp>
<small>
<span>
<strong> תגית <strong> מציגה פסקת טקסט באופן מודגש.
<sub>
<sup>
<time> תגית <time> משמשת להגדרת תאריך / שעה לתוכן שנכתב.
<u>
<var>
<wbr>

תמונות ומולטימדיה

שילוב קובצי מולטימדיה כגון: תמונות, סירטונים, מוסיקה ועוד.

Element Description
<area>
<audio>
<img>
<map>
<track>
<video>

הטמעת תכנים

שפת HTML מאפשרת הטמעה של אובייקטים חיצוניים בתוך המסמך.

Element Description
<embed>
<iframe>
<object>
<param>
<picture>
<portal>
<source>

סקריפטים

In order to create dynamic content and Web applications, HTML supports the use of scripting languages, most prominently JavaScript

Certain elements support this capability

Element Description
<canvas> תגית <canvas> מאפשרת ליצור צורות דו מימדיות ולהטמיע אותן במסמך ה-HTML. 
אלמנט זה יוצר אזור מלבני בו ניתן לצייר באמצעות קוד.
<noscript>
<script>

תגיות לסימון שינויים

תגיות אלה מאפשרות להציג שינויי טקסט.

Element Description
<del> תגית <del> מציגה טקסט מחוק המסומן בקו בפסקה או בחלק ממאמר.
<ins> תגית <ins> מציגה פסקה / קטע טקסט חדש שהוכנס למסמך. 

טבלאות

בניה והצגת נתונים באמצעות טבלאות.

Element Description
<caption>
<col>
<colgroup>
<table> תגית <table> מציגה נתונים טבלאיים - כלומר, מידע המוצג בטבלה דו-מימדית המורכבת משורות ועמודות של תאים המכילים נתונים שונים.
<tbody>
<td>
<tfoot>
<th>
<thead>
<tr>

טפסים

אלמנטים אלה הם דרך לקבלת קלט מהמשתמש.
לדוגמא: המשתמש ממלא טופס צור קשר ושולח אותו לאתר האינטרנט או היישום.
למידע נוסף בקר במדריך הטפסים.

Element Description
<button>
<datalist>
<fieldset>
<form>
<input>
<label>
<legend>
<meter>
<optgroup>
<option>
<output>
<progress>
<select>
<textarea>

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

Element Description
<details>
<dialog>
<menu>
<summary>

רכיבי אינטרנט

Element Description
<content>
<shadow>
<slot>
<template>