آموزش HTML – قسمت دهم

جمعه, ۲۹ام مرداد , ۱۳۸۹ | ۱۲ دیدگاه

کرکترهای خاص

تعدادی از کرکترها در زبان HTML دارای مفهومی خاص هستند و استفاده از آنها در مواردی خاص جایز است. به طور مثال شما نمی توانید از کرکترهای بزرگتر از ( > ) و یا کوچکتر تر از ( < ) در داخل متون خود استفاده کنید. مرورگرها ( browser ) این حروف را به عنوان شروع و پایان یک تگ HTML می شناسند و این باعث بهم ریختگی و ایجاد اشتباه در تفسیر کدهایHTML می گردد. بنابراین برای استفاده از این نوع کرکترها در متون باید از کلمات اختصاری خاصی استفاده شود تا تفسیر گرها بتوانند تفاوت آنها را درک کنند. به طور مثال به جای استفاده از علامت ( > ) در متون خود از حروف اختصاری و خاص ( &gt; ) استفاده نمائید.

نمونه ای دیگر از کاربرد این کرکترهای خاص ، ایجاد فاصله در بین کلمات و یا حروف است. تفسیرگرها همیشه فاصله ها را کوتاه می کنند به این معنی که اگر شما بین دو کرکتر با استفاده از space فاصله ای به اندازه ده کرکتر ایجاد کنید عملا در هنگام نمایش این فاصله به یک کرکتر کاهش می یابد.بنابر این شما نمی توانید با استفاده از space بین دو حرف یا کلمه فاصله ای به اندازه ده کرکتر و یا بیشتر از یک کرکتر ایجاد نمائید.

برای رفع این مشکل می تواند از کرکتر خاص non-breaking space (&nbsp;) استفاده نمائید و به تعداد دلخواه بین حروف فاصله ایجاد نمائید. هر (&nbsp;) نشان دهنده یک فاصله است.

Result Description Entity Name Entity Number
non-breaking space &nbsp; &#160;
< less than &lt; &#60;
> greater than &gt; &#62;
& ampersand &amp; &#38;
¢ cent &cent; &#162;
£ pound &pound; &#163;
¥ yen &yen; &#165;
euro &euro; &#8364;
§ section &sect; &#167;
© copyright &copy; &#169;
® registered trademark &reg; &#174;
trademark &trade; &#8482;

URL ( Uniform Resource Locators ) چیست ؟

شناسه های منحصر به فردی که برای مشخص کردن محل حضور اطلاعات موجود روی شبکه ( فایل کامپیوتری ، سند یا منابع دیگر ) به کار می روند.
آدرس ها گاهی شامل نامها و حروف هستند مانند http://www.topdesign.ir و گاهی نیز از یک شماره IP مانند ۷۴٫۱۲۵٫۶۷٫۱۰۰ تشکیل می شوند. وقتی می خواهید یک وب سایت را با استفاده از مرورگر خود فراخوانی کنید ، باید نشانی سرور آن وب سایت را بدانید.
نشانی این سرور با نشانی IP ( Internet Protocol (IP) address: 74.125.67.100 ) مشخص می‌شود. اما به خاطر سپردن نشانی IP دشوار است. می‌توان به جای نشانی آی‌پی از نام‌های دامنه استفاده کرد. برای هر نشانی IP یک نام دامنه در نظر گرفته شده است. مثلا نشانی IP وب سایت گوگل ۷۴٫۱۲۵٫۶۷٫۱۰۰ است. برای دسترسی به گوگل می‌توانید از این نشانی آی ‌پی یا نام دامنه آن یعنی www.google.com نیز استفاده کنید. نام های معادل هر IP توسط سیستم نام دامنه Domain Name System که به صورت مخفف DNS ، خوانده می‌شود به IP مربوطه ترجمه می شوند.
DNS (Domain Name System) سلسله‌ مراتبی برای نام‌گذاری رایانه‌ها و دیگر منابعی است که به اینترنت یا شبکه‌های دیگر رایانه‌ای متصل می‌شوند.

url ها به صورت کلی دارای ساختار زیر می باشد.

scheme:// host.domain:port/path/filename

http://topdesign.ir/WebDesign.asp

  • scheme

    – مشخص کننده نوع سرویس دهنده است که به طور متداول http:// است . از انواع دیگر سرویس دهنده ها می توان به ftp:// و https:// اشاره کرد.

  • host

    – مشخص کننده نوع خدمات وب سات که به طور پیش فرض برای http معادل www است و می تواند نشان دهنده خدماتی چون mail و یا Usenet باشد.

  • domain

    – مشخص کننده نام دامنه domain مانند www.topdesign.ir

  • :port

    – مشخص کننده port که به طور پیش فرض برای http معادل ۸۰ است.

  • path

    – مشخص کننده مسیر اطاعات و فایلها بر روی فضای میزبانی

  • filename

    – مشخص کننده نام فایل یا سند به همراه نوع آن

سیستم نام دامنه (Domain Name System) که به صورت مخفف DNS ، خوانده می‌شود سلسله‌ مراتبی برای نام‌گذاری رایانه‌ها و دیگر منابعی است که به اینترنت یا شبکه‌های دیگر رایانه‌ای متصل می‌شوند.

URL Encoding ( رمزگذاری url ها )

با استفاده از URL Encoding کلیه URL ها دارای فرمت یکسان و استاندارد خواهند بود. طبق استانداردهای وب کرکترهای تشکیل دهنده URL ها از استاندارد ASCII استفاده میکنند.

استاندارد ASCII شامل ۱۲۸ کرکتر است و از اعداد ۱ تا ۹ ، حروف انگلیسی بزرگ و کوچک و تعدادی از کرکتر های خاص تشکیل می شود.
هنگامی که کرکتری خارج از محدوده استاندارد ASCII در یک URL موجود باشد ، با استفاده از URL Encoding به “%” و به دنبال آن دو رقم hexadecimal تبدیل می گردد و یا اینکه فاصله ها در این سیستم تبدیل به “+” می شوند.

در زیر می توانید نحوه تبدیل تعدادی از کرکترهای غیر استاندارد را به سیستم ASCII ببینید .

Character URL-encoding
%۸۰
£ %A3
© %A9
® %AE
À %C0
Á %C1
 %C2
à %C3
Ä %C4
Å %C5

چرا XHTML ؟

بسیاری از صفحات وب دارای کدهای HTML غیر استانداردی هستند و بنابر این بسیاری از مرورگرها و یا ابزارهای کاربردی تحت وب مانند مرورگرهای تلفن های همراه و یا PDA ها ، برای استفاده و تفسیر این کدها دچار مشکلات فراوانی می شوند.
به طور مثال کد HTML زیر دچار مشکلات ساختاری است .

<html>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML
<p>This is a paragraph
</p></h1></body>

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

همچنین XHTML 1.0 از سه الگوی DTD استفاده میکند: Strict “سختگیرانه” ، Transitional “انتقالی” و Frameset این الگو در اصل از HTML 4.0 پدیدار شد و در HTML 4.0.1 دنبال شد.

در زیر می توانید تعدادی از قوانین زبان علامت گذاری XHTML را ملاحظه نمائید

  • اعلام DOCTYPE برای هر سند الزامی است.
  • ساختار یک سند ، شامل اعلام DOCTYPE ، یک عنصر html با یک اعلام xhtml ، یک عنصر head که در برگیرنده عنصر title است و یک عنصر body .
  • اینکه تمامی عناصر و ویژگی‌ها با حروف کوچک نوشته شده و اینکه تمامی مقادیر به صورت نقل قول-شده باشند (درون یک جفت ” قرار گیرند)
  • عناصر غیر تهی (p، li و…) به درستی با یک تگ بسته پایان یافته باشد
  • عناصر تهی (br، hr، img و …) به درستی با یک ممیز انتهایی پایان یافته باشد ()
  • اسناد بر طبق DTD که اعلام شده معتبر باشند

ودر اینجا نمونه ای از یک سند XHTML



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

<html>
<head>
<title>simple document</title>
</head>
<body>
<p>a simple paragraph</p>
</body>
</html>




فایل pdf

آموزش HTML قسمت اول

آموزش HTML قسمت دوم

آموزش HTML قسمت سوم

آموزش HTML قسمت چهارم

آموزش HTML قسمت پنجم

آموزش HTML قسمت ششم

آموزش HTML قسمت هفتم

آموزش HTML قسمت هشتم

آموزش HTML قسمت نهم

Be Sociable, Share!


۱۲ دیدگاه


  1. poria
    ۳۰ مرداد ۱۳۸۹

    سلام
    ممنون از آموزشتون… یه سوال داشتم: مجتمع فنی تهران کلاس های ciw رو چطور ارزیابی می کنید؟ از مبتدی می رسه به پیشرفته یا از ابتدا باید چیزهایی رو بلد باشی؟ در کل رفتن این کلاس با نلاش فردی می تونه در رسیدن به یک طراح ماهر و مسلط مسمر ثمر شود؟ ممنون از شما و سایت آموزشی بسیار عالیتون.
    عضو خبرنامه شما بودم اولین نفر اومدم نظر دادم!




  2. user
    ۳۰ مرداد ۱۳۸۹

    در ۹ آموزش قبلی PDF هم گذاشته بودید – ما کلکسیون جمع کردیم
    اگه این رو هم به صورت PDF یزارید که به کلکسیون اضافه کنیم
    ممنون میشم
    تشکر




  3. امیر
    ۳۱ مرداد ۱۳۸۹

    با سلام تشکر از شما
    لطفا لینک دانلود این قسمت را هم بزارید
    با تشکر




  4. امیر
    ۳۱ مرداد ۱۳۸۹

    لینک دانلود pdf گذاشته شد. با تشکر




  5. کارآموز
    ۹ شهریور ۱۳۸۹

    سلام من تازه با این وب سایت و مطالب مفیدوتون آشنا شدم الان هم آموزش htmlرو تا قسمت هفتم خوندم واقعا مفید نوشته بودید خواستم ازتون به خاطر آموزشهای کاملتون تشکر کنم




  6. امیر
    ۹ شهریور ۱۳۸۹

    خواهش می کنم . خوشحالم که مفید بوده و همین برای من کافیه.امیدوارم موفق باشید.




  7. مهشید
    ۱۳ شهریور ۱۳۸۹

    سلام
    ممنون بخاطر سایت مفیدتون
    من یه ادیتور واسهhtml 5 می خوام
    شما می تونید به من معرفی کنید
    مرسی!




  8. ریحانه
    ۱۷ شهریور ۱۳۸۹

    سلام خسته نباشید
    من یادگیری HTML رو اینجا شروع کردم از توضیحات ساده و مفیدتون ممنون حتما ادامه بدید.
    با تشکر.




  9. zahra
    ۲۳ شهریور ۱۳۸۹

    سلام
    خسته نباشید
    تو جلسات اول آموزش htmlگفته بودین آموزش عملی طراحی سایت رو هم می گذارین، پس چی شد؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟




  10. شاهرخی
    ۶ بهمن ۱۳۸۹

    مرسی




  11. Sepehr
    ۶ فروردین ۱۳۹۱

    سلام خسته نباشید !
    واقعا سایتتون عالیه من بیشتر مطالبتون را خوندم و واقعا حال کردم !
    دستتون درد نکنه
    ( آقا امیر دسته شما هم درد نکنه )




  12. masih
    ۸ فروردین ۱۳۹۱

    ممنون .اگر ممکن است آموزش عملی آنرا هم بنویسید .با تشکر



دیدگاه خود را بنویسید