وبلاگ سعید زبردست

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

• از نظر HTML فرقی نمی کند که شما از تگ های html، head و body و DOCTYPE استفاده کنید؛ ولی نوشتن این المان ها در XHTML ضروری است.
• HTML به شما اجازه می دهد که بعضی از تگ های بسته را حذف کنید؛ ولی XHTML چنین نیست و حتی المان های خالی نیز به تگ های بسته نیاز دارند. برای این که سازگاری با برنامه های مرورگر تا حد امکان حفظ شود، یک Space(فضای خالی) و یک اسلش(/) به المان های خالی اضافه کنید. مانند:

  <img src="logo.gif" />

  و برای المان هایی که خالی نیستند، حتماً یک تگ بسته مستقل بنویسید. مانند:

  <p> Para
  
  </p>

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

• HTML به شما اجازه می دهد که مقادیر خصیصه ها را بدون کوتیشن بنویسید (البته این مقادیر فقط شامل حروف، اعداد و چهار سمبل – ، . ، _ و : می باشد). حذف کوتیشن، XHTML را دچار کابوس می کند و در نتیجه خطا رخ می دهد.
• HTML نسبت به بزرگی و کوچکی حروف حساس نیست؛ ولی XHTML چنین است. در XHTML باید تمامی المان ها، خصیصه ها و مقادیر از پیش تعریف شده ی آنها را باید با حروف کوچک بنویسید.
• اگر مقدار خصیصه ای با نام آن یکسان باشد، در HTML می توانید از آن صرف نظر کنید. ولی در XHTML باید مقادیر تمام خصیصه ها را به طور صریح مشخص نمایید.

اشتراک‌گذاری

CSS یا همان Cascading Style Sheets در لغت به معنی شیوه نامه های آبشاری می باشد و در دنیای طراحی وب منظور از آن زبان قالب بندی صفحه معروف به CSS است که طراحی را بسیار آسان تر نموده است.

CSS زبان قالب بندی صفحه می باشد و در کل به 3 نوع تقسیم می شود:

شیوه نامه های inline
در این نوع دستورات لازم در کنار کد های HTML در داخل عبارت “”=style نوشته می شود. مانند زیر:

<p style="color:#aaaaaa;
font-size:12px;">inline</p>

شیوه نامه های درون صفحه ای
دستورات در این نوع نمایش داخل عبارت زیر قرار می گیرد:

<style>

<!–

–>

</style>

مانند:

<style>

<!–

p {

color:#aaaaaa;

font-size:12px;

}

–>

</style>

نکته: عبارت

<!–

بعد از

<style>

و عبارت

–>

قبل از

</style>

به این دلیل می باشد که اگر مرورگر از شیوه نامه پشتیبانی نکند، دستورات شیوه نامه به صورت توضیحات در نظر گرفته می شود(جهت جلوگیری از چاپ آنها به صورت متن).

شیوه نامه های خارجی(پیوند شده)
این شیوه نامه ها به صورت یک فایل جداگانه ذخیره شده و ساختار دستورات و ویژگی های آن مانند دو نوع قبل می باشد. اینگونه شیوه نامه ها در قالب فایلی با پسوند CSS. ذخیره می شوند.
با دستور زیر فایل شیوه نامه خارجی فراخوانی می شود(CSS URL آدرس نسبی یا مطلق فایل شیوه نامه است):

<link rel="stylesheet" href="CSS URL" type="text/css">

اشتراک‌گذاری

بخش فضای سفید مربوط به php ، x-html می باشد و در بسیاری از زبان های دیگر نیز همینگونه است.

فضای سفید
جدا کردن کاراکتر های مانند برگه ها (tab)، فضای خالی (space) و خطوط جدید (newline) را فضای سفید (whitespace) گویند. همانطور که می دانید، مرورگرهای HTML فضای سفید را نادیده می گیرند. موتور PHP هم از این روش تبعید می کند. این دو قطعه HTML در نظر بگیرید:

<h5>welcome to 5ww.ir</h5><p>What you like to search today</p>

و

<h5>welcome

to 5ww.ir</h5>

<p>What you like

to search today</p>

خروجی این کدها یکسان است زیرا مرورگر به آنها با یک دید می نگرد. استفاده از فضای سفید در HTML خوانائی کد را بالا می برد و مطالعه آن توسط انسان را ساده می سازد اما در نگرش مرورگر به آن نقشی ندارد. در PHP همین اصل حکم فرماست. استفاده از فضای سفید خوانائی کد PHP را بالا می برد. مثلا دو کد
(ادامه…)

اشتراک‌گذاری

HTML را می توان پایه طراحی صفحات وب دانست. با فراگیری HTML می توانید گام های بعدی را راحت تر بردارید. در راه خود استوار بوده و به صورت استاندارد به طراحی وب بپردازید.
کتاب الکترونیکی html شامل تمامی تگ های و دستور های HTML می باشد. شما با مطالعه این کتاب بخش عظیمی از زبان قالب بندی صفحه HTML را خواهید آموخت. این کتاب از 48 صفحه تشکیل شده است. کتاب تماماً به زبان فارسی بوده و به صورت ترتیبی و طبقه بندی شده html را به شما عزیزان یاد می دهد. پسوند فایل Doc. می باشد.
منبع اصلی کتاب در دست نیست. بعضی از قسمت های کتاب تغییر داده ام تا راحت تر بتوانید از آن استفاده کنید.
لینک دانلود کتاب الکترونیکی html با حجم 284 کیلو بایت

پی نوشت: لینک اصلاح شد.

اشتراک‌گذاری

HTML سرواژه‌ٔ HyperText Markup Language و به معنای « زبان نشانه‌گذاری اَبَرمتن » است (که البته برخی آنرا « زبان علامت‌گذاری فرامتن » ترجمه کرده‌اند).

اچ‌تی‌ام‌ال، سنگِ‌بنای وب است؛ یک زبان رایانه‌ای که برای تدوین قالب و طراحی صفحات وب به کار برده می‌شود. دستورالعملهای این زبان، برچسب (Tag) نام دارند که محتوای یک صفحهٔ وب، به وسیلهٔ آنها، نشانه‌گذاری شده و بدین‌ترتیب، نحوهٔ نمایش آن صفحه برای مرورگرهای وِب، توصیف می‌شود.

هر یک از برچسبهای اچ‌تی‌ام‌ال، معنا و مفهوم خاصی دارند و تأثیر مشخصی بر محتوا می‌گذارند؛ مثلاً برچسبهایی برای تغییر شکل ظاهری متن، نظیر درشت‌ و ضخیم کردن یک کلمه یا برقراری پیوند (Link) به صفحات دیگر در اچ‌تی‌ام‌ال تعریف شده‌اند.

یک سند اچ‌تی‌ام‌ال، یک پرونده مبتنی بر متن (Text–based) است که معمولاً با پسوند .htm یا .html نامگذاری شده و محتویات آن از برچسبهای اچ‌تی‌ام‌ال تشکیل می‌شود. مرورگرهای وب، که قادر به درک و تفسیر برچسبهای اچ‌تی‌ام‌ال هستند، تک‌تک آنها را از داخل سند اچ‌تی‌ام‌ال خوانده و سپس محتوای آن صفحه را نمایان‌سازی (Render) می‌کنند.

اچ‌تی‌ام‌ال یک زبان برنامه‌نویسی نیست، بلکه زبانی برای نشانه‌گذاری ابرمتن است و اساساً برای ساختمندکردن اطلاعات و تفکیک اجزای منطقی یک نوشتار — نظیر عناوین، تصاویر، فهرستها، بندها و جداول — به کار می‌رود. از سوی دیگر، اچ‌تی‌ام‌ال را نباید به عنوان زبانی برای صفحه‌آرایی یا نقاشی صفحات وب به کار بُرد؛ این وظیفه اکنون بر دوش فناوریهای دیگری چون شیوه‌نامه‌های آبشاری است.

گفتنی است اچ‌تی‌ام‌ال شکلی از زبان دیگری بنام اس.جی.ام.ال است و « کنسرسیوم وب جهان گستر » آنرا به عنوان استانداردی برای نشانه‌گذاری مستندات ابرمتنی برای عرضه در وب، تدوین کرده است.

اشتراک‌گذاری