تکین وب | آموزش برنامه نویسی
تکین وب | آموزش برنامه نویسی

ساختار کلی یک صفحه html

۲۳ مهر ۱۳۹۴

ساختار کلی یک صفحه ی اینترنتی به شکل زیر است، همانطور که مشاهده می کنید همه ی کد های زیر شامل تگ هایی است که در جلسه ی پیش به آنها اشاره کردیم.

<!DOCTYPE html>
<html dir="rtl" lang="fa-IR"">
<head>
<meta charset="UTF-8">
<title>takinweb</title>
</head>

<body>
</body>
</html>

همه ی کدهای html باید درون تگ html قرار بگیرند و همانطور که ملاحظه می کنید کد های ذکر شده نیز از تگ<html> آغاز و به تگ <html/> خاتمه می یابند.

دستور DOCTYPE یک دستور راهنما برای مرورگرهای وب است، از آنجایی که کنسرسیوم جهانی وب (w3c) استاندارد های مختلفی از زبان پایه ی وب یعنی HTML یا (HyperText Markup Language) را ارائه نموده که هر کدام از آنها در مقایسه با هم دارای تفاوت هایی هرچند اندک هستند، اما این موضوع سبب می شود که مرورگرهای وب، در برخورد با صفحات مختلف نتوانند در حالت عادی، استاندارد صحیح را شناسایی کنند و لذا به جای پردازش متناسب با استاندارد اصلی، عملیات پیش فرض خود را برای نمایش صفحه انجام می دهند که این موضوع ممکن است با آنچه مورد نظر شما بوده باشد، فرق کند و یا از مرورگری به مرورگر دیگر، صفحات شما به چند شکل مختلف پردازش شوند، لذا برای جلوگیری از بروز چنین مشکلاتی، از دستور راهنمای DOCTYPE استفاده می شود تا نوع نسخه HTML استفاده شده را برای مرورگر مشخص کند.

در نسخه ی HTML5 از DOCTYPE به شکل زیر استفاده میکنیم:

<!DOCTYPE html>

برای نسخه های HTML 4.01 یا XHTML 1.0 استفاده از DOCTYPE اجباری است. برای نسخه های دیگر استفاده از این تگ اجباری نیست ولی بهتر هست در همه ی نسخه ها از این تگ استفاده کنیم.

برای هر یک از نسخه های HTML 4.01 و XHTML 1.0 سه حالت استفاده از DOCTYPE با سه هدف متفاوت وجود دارد.

استاندارد HTML 4.01 Strict

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">;

به طور کلی در این استاندارد استفاده از تگ frameset و font و همچنین استفاده از استایل هایی هچون bgcolor، background ممنوع است.

تگ frameset برای صفحاتی به کار می رود که مبتنی بر frame یا صفحات خارجی هستند و با قرار دادن frame ها در درون تگ frameset، امکان فرمت بندی و تنظیم موقعیت سطرها و ستون ها (rows و columns) میسر می شود

استاندارد HTML 4.01 Transitional

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

نسخه Transitional در مقایسه با استاندارد Strict محدودیت کمتری دارد و استفاده از تگ های ایجاد کننده استایل (مانند bgcolor، background و…) در آن مجاز است ولی استفاده از تگ frameset همچنان ممنوع است.

استاندارد HTML 4.01 Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

این نسخه، دقیقا مشابه نسخه HTML 4.01 Transitional است، با این تفاوت که در اینجا استفاده از تگ frameset مجاز است.

در کنار زبان HTML ساده، زبانی ترکیبی (از HTML و XML) با نام XHTML یا وجود دارد که در آن، زبان HTML توسعه یافته و با XML ترکیب شده است، از آنجایی که HTML نسبت به XML محدودیت هایی دارد، استفاده از XHTML که به دلیل استفاده از XML با سیستم های مختلف سازگارتر است، توسط W3C توصیه شده است.

همانطور که پیش تر گفتیم برای نسخه ی XHTML 1.0 هم سه حالت استفاده از DOCTYPE وجود دارد

استاندارد XHTML 1.0 Strict

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

استاندارد XHTML 1.0 Transitional

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

استاندارد XHTML 1.0 Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

حالت های ذکر شده برای نسخه ی XHTML 1.0 دقیقا همنام با استاندارد های معرفی شده برای نسخه ی HTML 4.01 است . عملکر آنها نیز مشاب یکدیگر است با این تفاوت که در استاندارد های معرفی شده برای نسخه ی XHTML 1.0 سند XHTML باید از اصول نگارشی XML نیز پیروی کند.

اگر به مثال بالا دقت کرده باشید تگهمراه چند Attribute تعریف شده است.

اگر ما بخواهیم صفحه ای طراحی کنیم که از سمت راست به چپ طراحی شود باید از ویژگی”dir=”rtl استفاده کنیم و اگر استفاده نشود، برای مثال متن های نوشته شده به زبان فارسی از سمت چپ به راست نمایش داده می شود.

ویژگی lang هم برای تعریف زبان مورد نظر ما در سند html می باشد.

اگر شما مثال بالا را در قالب یک فایل html ذخیره کنید خواهید دید که صفحه ای ایجاد شده است که به صورت خام و بدون عناصر خاصی است.

اگر شما درون تگ <body> عنصری را تعریف کنید در صفحه ی شما قابل نمایش خواهد بود.

 

درباره ی کمال قره جه لو

دیدگاه ها

5 دیدگاه ارسال شده !

  1. sara می‌گه:

    سلام من یه منو ساختم میخوام نحوه نمایش اون رو راست چین کنم ولی نمیشه میشه کمکم کنید؟

  2. sara می‌گه:

    سلام میشه منو راهنماییم کنید؟به ایمیلتون پیام دادم

    • کمال قره جه لو می‌گه:

      با سلام
      من کد هایی که ارسال کرده بودین رو دیدم متاسفانه هیچ کدوم از کد ها نوشته خودتون نبود و همشو از سورس سایت دانشگاهی که آدرسشو دادید کپی کردید
      شما باید تا یه حدی بلد باشید که من راهنماییتون کنم
      چون پروژه درسیتونم هست انتظار نداشته باشید که کسی آماده بیاره تحویلتون بده

دیدگاه خود را به ما بگویید.

کلیه ی حقوق مادی و معنوی مطالب متعلق به سایت تکین وب می باشد و کپی برداری و بازنشر آن بدون ذکر منبع کاری غیر حرفه ای و غیر اخلاقی و قابل پیگرد قانونی خواهد بود.
کانال تلگرام تکین وب