مقدمه
سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTM کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه گذشته با تگ کامنت آشنا شدیم و کاربردهای آن را در HTML فراگرفتیم.
در این جلسه به آموزش کار با اعلان DOCTYPE در HTML می پردازیم.
آموزش کار با اعلان DOCTYPE در HTML
به مثال زیر که یک اعلان <DOCTYPE!> است توجه نمایید.
مثال :
| <!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html> |
تعریف و کاربرد
اعلان <DOCTYPE!> قبل از تگ <html> باید اولین چیزی باشد که در سند HTML شما قرار بگیرد.
اعلان <DOCTYPE!> یک تگ HTML نیست.
این اعلان یک دستورالعمل برای مرورگر وب در خصوص HTML ای است که یک صفحه با آن نوشته شده است.
در HTML 4.01 ، اعلان <DOCTYPE!> به DTD اشاره دارد ، زیرا HTML 4.01 مبتنی بر SGML است.
DTD قوانینی را برای زبان نشانه گذاری مشخص می کند، به گونه ای که مرورگرها به درستی مطالب را ارائه می دهند.
HTML5 مبتنی بر SGML نیست ، بنابراین نیازی به مراجعه به DTD ندارد.
نکته
همیشه اعلان <DOCTYPE!> را به اسناد HTML خود اضافه کنید، تا مرورگر بداند با چه نوع سندی سر و کار دارد.
پشتیبانی مرورگرها
| عنصر |  |  |  |  |  |
| <DOCTYPE!> | بله | بله | بله | بله | بله |
تفاوت بین HTML 4.01 و HTML5
در HTML 4.01 سه اعلان <DOCTYPE!> متفاوت و در HTML5 فقط یک اعلان <DOCTYPE!> در HTML5 متفاوت وجود دارد:
نکات و توصیه ها
اعلان <DOCTYPE!> به حروف بزرگ و کوچک حساس نیست.
اعلان های رایج <DOCTYPE!>
HTML 5
HTML 4.01 Strict
این DTD شامل تمام عناصر و خصیصه ( attributes ) های HTML است ، اما عناصر ارائه دهنده یا مستهلک را شامل نمی شوند (مانند فونت).
در این بین فریم ها Framesets نیز مجاز نیستند.
مثال :
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
HTML 4.01 Transitional
این DTD شامل تمام عناصر و ویژگی های HTML از جمله شامل عناصر ارائه دهنده و استهلاک شده (مانند فونت) هستند.
فریم ها Framesets باز هم مجاز نیستند.
مثال :
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> |
HTML 4.01 Frameset
این DTD برابر با HTML 4.01 Transition است، اما امکان استفاده از محتوای فریم را می دهد.
مثال :
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> |
XHTML 1.0 Strict
این DTD شامل تمام عناصر و خصیصه ( attributes ) های HTML است، اما عناصر ارائه دهنده یا مستهلک را شامل نمی شوند (مانند فونت).
در این بین فریم ها Framesets نیز مجاز نیستند.
علاوه بر این نشانه گذاری ها باید باید به خوبی XML تشکیل شده باشد.
مثال :
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
XHTML 1.0 Transitional
این DTD شامل تمام عناصر و ویژگی های HTML از جمله شامل عناصر ارائه دهنده و استهلاک شده (مانند فونت) هستند.
فریم ها Framesets باز هم مجاز نیستند.
علاوه بر این نشانه گذاری ها باید باید به خوبی XML تشکیل شده باشد.
مثال :
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
XHTML 1.0 Frameset
این DTD برابر با XHTML 1.0 Transition است، اما امکان استفاده از محتوای فریم را می دهد.
مثال :
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> |
XHTML 1.1
این DTD برابر است با XHTML 1.0 Strict، اما به شما امکان می دهد ماژول هایی اضافه کنید (برای مثال پشتیبانی از روبی برای برخی از زبانهای آسیای شرقی).
مثال :
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> |
کلام آخر
در این جلسه با آموزش کار با اعلان DOCTYPE در HTML همراه شما بودیم.
در جلسه بعدی به آموزش کار با تگ a در HTML خواهیم پرداخت.
با پی وی لرن همراه باشید.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
