تنظیم cookie و کامنت
در این جلسه به آموزش تنظیم cookie و کامنت ها زبان کد نویسی html خواهیم پرداخت, لطفا قبل از مشاهده این جلسه ابتدا جلسه ی قبل را از این لینک مشاهده کنید.
Cookies داده هایی هستند که در یک فایل کوچک متن روی کامپیوتر شما ذخیره شده اند و بین مرورگر وب و سرور وب ردو بدل می شود تا مسیر اطلاعات مختلف را براساس نیاز برنامه ی وب شما حفظ کنند. شما می توانید از برچسب <meta> برای ذخیره ی cookies در بخش کاربری استفاده کنید و پس از آن این اطلاعات می توانند توسط سرور وب استفاده شوند تا بازدیدکننده ی سایت را پیگیری کنند.
مثال
<!DOCTYPE html> <html> <head> <title>Meta Tags Example</title> <meta name="keywords" content="HTML, Meta Tags, Metadata" /> <meta name="description" content="Learning about Meta Tags." /> <meta name="revised" content="Tahlildadeh, 3/7/2014" /> <meta http-equiv="cookie" content="userid=xyz; expires=Wednesday, 08-Aug-15 235959 GMT;" /> </head> <body> <p>Hello HTML5!</p> </body> </html>
اگر تاریخ و زمان انقضا را مشخص نکرده اید، cookie یک cookie session می باشد و وقتی که یوزر از مرورگر خارج شود، پاک خواهد شد.
تنظیم نام نگارنده
می توانید با استفاده از tag meta نام یک نگارنده را برای صفحه ی وب خود تنظیم کنید. یک مثال در این رابطه را در زیر مشاهده می کنید
مثال
<!DOCTYPE html> <html> <head> <title>Meta Tags Example</title> <meta name="keywords" content="HTML, Meta Tags, Metadata" /> <meta name="description" content="Learning about Meta Tags." /> <meta ame="author" content="Mahnaz Mohtashim" /> </head> <body> <p>Hello HTML5!</p> </body> </html>
تعیین تنظیم کاراکتر
می توانید از برچسب <meta>برای تعیین تنظیم کاراکتر مربوط به صفحه ی وب استفاده کنید.
مثال
به طور پیش فرض مرورگرها و سرورهای وب از رمزگزاری ۱-۸۸۵۹-ISO برای پردازش صفحات وب استفاده می کنند. در زیر مثالی را می بینید برای تنظیم رمزگزاری ۸-UTF
<!DOCTYPE html> <html> <head> <title>Meta Tags Example</title> <meta name="keywords" content="HTML, Meta Tags, Metadata" /> <meta name="description" content="Learning about Meta Tags." /> <meta ame="author" content="Mahnaz Mohtashim" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> <p>Hello HTML5!</p> </body> </html>
برای ارائه ی کاراکترهای چینی سنتی به یک صفحه ی استاتیک، صفحه ی وب باید دارای یک برچسب <meta> باشد تا رمزگذاری Big5 را تنظیم کند.
<!DOCTYPE html> <html> <head> <title>Meta Tags Example</title> <meta name="keywords" content="HTML, Meta Tags, Metadata" /> <meta name="description" content="Learning about Meta Tags." /> <meta ame="author" content="Mahnaz Mohtashim" /> <meta http-equiv="Content-Type" content="text/html; charset=Big5" /> </head> <body> <p>Hello HTML5!</p> </body> </html>
آموزش استفاده از comment در html
کامنت قطعه ای از کد می باشد که توسط مرورگرها نادیده گرفته می شود. افزودن کامنت به کد HTML خود، تمرین خوبی است، به ویژه در داکیومنت های پیچیده برای نشان دادن بخش هایی از یک داکیومنت و یادداشت هایی دیگر به هرکس که کد را نگاه می کند. کامنت ها به شما و دیگران کمک می کنند تا کد خود را متوجه شوید و قابلیت خواندن آن را افزایش می دهد.
کامنت های HTML بین برچسب های <– … –!> واقع می شوند. بنابراین هر محتوایی که بین این برچسب ها واقع شود، مثل کامنت با آن رفتار خواهد شد و توسط مرورگرها به طور کامل نادیده گرفته خواهد شد.
مثال
<!DOCTYPE html> <html> <head> <!-- Document Header Starts --> <title>This is document title</title> </head> <!-- Document Header Ends --> <body> <p>Document content goes here.....</p> </body> </html>
این مثال نتیجه ی زیر را بدون نمایش محتوای ارائه شده به عنوان بخشی از کامنت ها، به دنبال دارد.
Document content goes here…..
کامنت های معتبردر مقابل کامنت های نامعتبر
کامنت ها تودرتو نمی شوند، یعنی اینکه یک کامنت نمی تواند در داخل کامنت دیگری قرار بگیرد. خط تیره ی (dash) دوتایی “–” ممکن نیست در داخل یک کامنت ظاهر شود، به جز در مواردی که بخشی از برچسب closing باشد. شما باید مطمئن باشید که هیچ فضایی در ابتدای رشته ی کامنت وجود ندارد.
مثال
در اینجا کامنت ارائه شده یک کامنت معتبر می باشد و توسط مرورگر پاک می شود.
<!DOCTYPE html> <html> <head> <title>Valid Comment Example</title> </head> <body> <!-- This is valid comment --> <p>Document content goes here.....</p> </body> </html>
اما خط زیر یک کامنت معتبر نیست و توسط مرورگر نمایش داده خواهد شد. این به این خاطر است که فضایی بین حاشه ی چپ پرانتز و عالمت تعجب وجود دارد.
مثال
<!DOCTYPE html> <html> <head> <title>Invalid Comment Example</title> </head> <body> < !-- This is not a valid comment --> <p>Document content goes here.....</p> </body> </html>
این مثال نتیجه ی زیر را به دنبال خواهد داشت
< !– This is not a valid comment –>
Document content goes here…..
کامنت های چندخطی
تاکنون فقط کامنت های تک خطی را مشاهده کردیم، اما HTML کامنت های چندخطی را نیز پشتیبانی می کند. شما می توانید کامنت های چند خطی داشته باشید با استفاده از برچسب آغازگر <– و پایان دهنده ی –!> که قبل از اولین خط و در پایان آخرین خط قرار دارد، همانطور که در مثال زیر می بینید.
مثال
<!DOCTYPE html> <html> <head> <title>Multiline Comments</title> </head> <body> <!-- This is a multiline comment and it can span through as many as lines you like. --> <p>Document content goes here.....</p> </body> </html>
این مثال نتیجه ی زیر را ایجاد خواهد کرد
Document content goes here…..
کامنت های شرطی
کامنت های شرطی تنها در اینترنت اکسپلورر روی ویندوز کار می کنند، اما توسط مرورگرهای دیگر نادیده گرفته می شوند. این کامنت ها در اکسپلورر ۱ به باالتر پشتیبانی می شوند و می توانید از آنها برای دادن دستورات شرطی به ورژن های مختلف IE استفاده کنید.
مثال
<!DOCTYPE html> <html> <head> <title>Conditional Comments</title> <!--[if IE 6]> Special instructions for IE 6 here <![endif]--> </head> <body> <p>Document content goes here.....</p> </body> </html>
در جایی که نیاز خواهید داشت یک صفحه ی طراحی متفاوت بر اساس ورژن های مختلف اینترنت اکسپلورر به کار بگیرید، به راه حلی نیاز خواهید داشت. در این مواقع چنین کامنت های شرطی مفید خواهند بود.
ممنون که در این جلسه هم با ما همراه بودید در این جلسه به یادگیریتنظیم cookie و کامنت در زبان html پرداخته شد. در جلسه ی آینده نیز به نکات کلیدی و پرکاربردی خواهیم پرداخت پس حتما با ما همراه باشید و جلسات آینده را از دست ندهید! برای تمرین هر جلسه میتوانید به وبسایت جهانی W3C مراجعه نمایید. تمرین مستمر همواره تاثیر بسیار خوب و مهمی در یادگیری و تقویت مهارت های شما دارد پس حتما آن را جدی بگیرید
دیدگاه ها