עיר העתיד, html

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

דוגמה למסמך HTML

HTML (ראשי תיבות של HyperText Markup Language) היא שפת תגיות לתצוגה ועיצוב דפי אינטרנט ותוכן לתצוגה בדפדפן. HTML משמשת תקן ברשת האינטרנט וכלליה מוגדרים על ידי ארגון תקינה בינלאומי, W3C. גרסת HTML 5 נמצאת תחת פיתוח ונעשה בחלקים ממנה שימוש כיום בדפדפנים כגון מוזילה פיירפוקס וגוגל כרום.

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

קבצי HTML נשמרים בסיומות ".htm" ו-".html".

תוכן עניינים

[הסתרה]

1 גרסאות
- 1.1 XHTML
- 1.2 HTML5
2 תגיות
3 יצירת דפי HTML
4 ראו גם
5 קישורים חיצוניים
6 הערות שוליים

[עריכה] גרסאות

סמליל HTML5

גרסה	הושק בתאריך
"HTML 2.0"‏	נובמבר 1995
"HTML 3.2"‏	14 בינואר 1997
"HTML 4.0"‏	18 בדצמבר 1997
"HTML 4.01"‏	24 בדצמבר 1999
"HTML 5"‏	עדיין בפיתוח (נכון ליולי 2011)

[עריכה] XHTML

לאחר יציאת תקן HTML 4.0 התמקדה עבודת הסטנדרטיזציה של ה־W3C בגרסת XML של HTML. זו נקראה XHTML. היא נועדה להיות מוגדרת בצורה יותר ברורה כדי לפשט פענוח אוטומטי של מסמך HTML על ידי תוכנות^[^{דרוש מקור}^].

[עריכה] HTML5

ערך מורחב – HTML 5

בשנת 2004 החליטו מספר כותבי דפדפנים (מוזילה, אופרה ואפל, מפתחת הדפדפן Safari) להקים קבוצת עבודה, בשם WHATWG, שתתאם את פיתוח התקן לכיוונים אשר נדרשים להם. קבוצת העבודה החלה לעבוד על הרחבות לתקן HTML שנודעו בשם הכללי HTML5. בהמשך הצטרפו לקבוצה נציגות מכותבות דפדפנים מובילים אחרים (כגון גוגל ומיקרוסופט). התקן צפוי להגיע לשלב סופי ("המלצת W3C") בשנת 2014. הגישה המנחה תקן זה היא תאימות והגדרה סמנטית של יחידות קוד לתפקידים שונים. לדוגמה - שימוש בתג DIV על מנת לתחום אלמנטים של קוד הורחב לתגים ייעודיים שנועדו לעיצוב כותרת עליונה, תחתונה, מאמר, ציטוט ועוד. בנוסף, נוספו תגיות המייצגות וידאו, אודיו, תפריטים וכדומה - לטובת שיפור התאימות של הקוד לדפדפנים שונים והקלה על יכולת הדפדפן להבין את התוכן אותו הוא נדרש להציג. שינוי מהותי בין HTML5 לגירסתו הקודמת, הוא תוספת תגים המתייחסים לתוכן המידע שבדף הרשת. HTML 4 הכיל אך ורק מידע הנוגע לאופי תצוגת דף האינטרנט ולא לתוכנו.

[עריכה] תגיות

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

[עריכה] חלוקת התגיות

ניתן לחלק את התגיות למספר קבוצות:

תגיות מבניות, המתארות את תפקיד המלל במסמך, כמו תגיות שקובעות את סוג הקידוד, אזורי סקריפטים, וכדומה. לדוגמה: <h1>כלבי ים</h1> פירושו עבור הדפדפן - הצג את המלל "כלבי ים" ככותרת ראשית.

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

קישורים, שתפקידם לקשר את הדף, בלחיצת עכבר, לדפים אחרים. לדוגמה: <a href="http://he.wikipedia.org">ויקיפדיה</a> יצור קישור כזה: ויקיפדיה.

תגיות המשמשות להצגת אובייקטים שונים, כגון תמונות, מדיה ופקדים. לדוגמה: <img src="a.png" /> יציג את התמונה a.png בתוך המסמך.

תגיות המשמשות ליצירת טפסים.

[עריכה] מבנה התגיות

מבנה תגית ה-HTML דומה את מבנה התגית בXML, ואפשר לתארו בצורה כללית:

<name property="value" method>תוכן</name>

התגית נפתחת תמיד ב<> שביניהם מופיע שם התגית (name בדוגמא), ולפעמים גם תכונות נוספות, באמצע מופיע התוכן (אם יש), וסוף התגית הוא </>, כלומר נוסף / לפני שם התגית

במידה ותגית אינה מצריכה תוכן, כגון תגיות input,img,br - אז אין צורך להוסיף </name>, במקומו מוסיפים את הסימן / בסוף התגית. לדוגמה:  

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

ה-property שמופיע במבנה, הוא בעל ערך (ה - value).
ה-method הוא תכונה בוליאנית, שערכה בעצם ציונה או אי-ציונה.

אפשר לציין יותר מתכונה אחת בתגית, בהתאם לתכונות הרלוונטיות לכל תגית.

[עריכה] עץ המסמך

ערך מורחב – Document Object Model

דוגמה למדרג עצמים ב־DOM של מסמך HTML.

התגיות במסמך HTML מסודרות במבנה היררכי (של עץ) - המסמך מכיל ראש (head) וגוף (body). מבנה מסמך HTML בסיסי נראה כך:

<html>
        <head>
                <title>כותרת</title>
        </head>
        <body>
                תוכן הדף
        </body>
</html>

תגית ה - html היא התגית הראשית, שבתוכה נכתב מסמך ה - HTML.
תגית ה - head היא התגית שמסמלת את ראש המסמך. בתגית זו מיועדת לכותרת דף ה-HTML, למידע כללי על הדף, כותרת הדף, עיצובים ותסריטים.
תגית ה - body היא התגית שמסמלת את גוף המסמך. בתגית זו נמצא תוכן המסמך.

כיוון שהמבנה היררכי, חשוב הקינון של התגיות (הסידור שלהן אחת בשנייה) לדוגמא: עוד טקסט לדוגמה תהווה טעות, והצורה התקנית תיהיה: טקסט לדוגמה

[עריכה] Doctype

לפי התקן, דפי אינטרנט צריכים להכיל תגית Doctype בתחילת הדף, על מנת להצהיר על גרסת ה-HTML של הדף. דוגמה למשפט כזה: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

[עריכה] ישויות HTML

ישות HTML ‏(Entity reference) היא סימן טקסטי שלרוב אינו מופיע בא"ב של השפות השונות. מבנה של ישות HTML הוא כזה: ;name& כאשר "name" הוא שם הישות. קובץ הגדרות המסמך של HTML 4 מצהיר על 252 ישויות HTML‏^[1].

[עריכה] יצירת דפי HTML

יצירתו של דף אינטרנט מבוסס HTML ניתנת להיעשות באמצעות עורך טקסט פשוט, או כלים מתקדמים יותר לשם הנוחות. נפוצים גם כלים ידידותיים יותר, הפוטרים את המשתמש משימוש ב-HTML, ומאפשרים לו יצירת דף בטכניקת WYSIWYG, בשימוש בממשק משתמש גרפי. כלי בסיסי למטרה זו הוא מעבד התמלילים Word המאפשר גם שמירת מסמך כדף HTML ועריכתו. כלים ייעודיים ליצירת דפי HTML הם Microsoft FrontPage או Macromedia Dreamweaver. קיימת ביקורת בנוגע לעורכים אלה, כיוון שהם נוטים ליצור קוד מבולגן ומסורבל, ואינם משתמשים בסמנטיקה נכונה.

[עריכה] ראו גם

גיליונות סגנון מדורגים (CSS)‏
DOM‏
Javascript - שפת תכנות שאחד משימושיה העיקריים הוא דפי HTML דינאמיים.
אלמנט כתובת קנונית

[עריכה] קישורים חיצוניים

מיזמי קרן ויקימדיה
ספר לימוד בוויקיספר: HTML
תמונות ומדיה בוויקישיתוף: HTML

מפרט תקן HTML 4.01, אתר W3C
הצעת טיוטה של מפרט תקן HTML 5, אתר W3C
אתר הבית של W3C
על תקינה של HTML באתר mozilla.org.il
תקני HTML באתר ה־W3C‏
שאלות נפוצות על WHATWG ו־HTML5 מאתר WHATWG

[עריכה] הערות שוליים

^ רשימה הישויות המוגדרות בHTML 4