Welcome To w3cschools

html xhtml

HTML

XHTML چیست؟

XHTML مخفف Extensible HyperText Markup Language

(زبان نشانه گذاری ابرمتن توسعه پذیر) است.

XHTML تقریبا با HTML 4.01 یکسان است

XHTML سخت گیرانه تر و تمیزتر از نسخه HTML 4.01 است

HTML ، XHTML را در قالب یک برنامه XML تعریف می نماید

XHTML توسط تمام مرورگرهای اصلی پشتیبانی می شود

چرا XHTML ؟

بسیاری از صفحات بر روی اینترنت شامل HTML بد (bad) هستند

(منظور نشانه گذاری ناقص و یا حتی نادرست است)

کد HTML زیر به خوبی کار می کند اگر شما آن را در مرورگر ببینید (حتی اگر این کد از

قوانین HTML پیروی نکند)

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

XHTML یک زبان نشانه گذاریست جایی که اسناد باید به فرم خوب و به طور صحیح

نشانه گذاری شوند ، اگر شما می خواهید XML را مطالعه کنید لطفا از آموزش XML ما

بازدید کنید.

نشانه گذاری های امروزه شامل فن آوری های مرورگرهای مختلف می باشد

برخی از مرورگرها بر روی کامپیوتر ها اجرا می شوند ، برخی از مرورگرها بر روی

موبایل ها یا دیگر دستگاه های کوچک اجرا می شوند ، دستگاه های کوچک اغلب فاقد

منابع یا قدرت تفسیر زبان نشانه گذاری بد هستند

بنابراین از ترکیب تقاط قوت HTML و XHTML ، XML توسعه یافت

HTML ، XHTML را در قالب XML طراحی مجدد کرده است

مهمترین تفاوت ها نسبت به HTML :

ساختار اسناد:

XHTML DOCTYPE اجباریست

خصیصه فضای نام XML در تگ html اجباریست <html>

تگ های html و head و title و body اجباری هستند

عناصر XHTML :

عناصر XHTML باید به درستی تو در تو باشند

عناصر XHTML همیشه باید بسته باشند

عناصر XHTML همیشه باید با حروف کوچک باشند

اسناد XHTML باید یک عنصر ریشه داشته باشند

خصیصه های XHTML :

نام خصیصه باید با حروف کوچک باشد

مقدار خصیصه باید درون " " باشد

کوچک سازی خصیصه Attribute minimization ممنوع است

توضیح Attribute minimization: برخی از خصیصه ها در HTML مقدار نداشتند مانند

خصیصه های زیر:

<dl compact>

<input checked>

<input readonly>

<input disabled>

<option selected>

<frame noresize>

اما در XHTML باید مقدار آن ها را برابر نام خود خصیصه قرار دهیم به شکل زیر:


<dl compact="compact">

 <input checked="checked" />

<input readonly="readonly" />

<input disabled="disabled" />

<option selected="selected" />

<frame noresize="noresize" />

اجباریست <!DOCTYPE ....> تگ

یک سند XHTML باید یک اعلان داکتایپ XHTML داشته باشد

لیست کاملی از تمام داکتایپ های XHTML در مرجع تگ های HTML ما یافت می شود

عناصر <html> و <head> و <body> و <title> باید حتما موجود باشند و خصیصه

xmlns در تگ <html> باید فضای نام XML را برای سند مشخص کند

مثال زیر یک سند XHTML را با کمترین تگ های مورد نیاز نشان می دهد:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Title of document</title>

</head>

<body>

......

</body>

</html>

عناصر XHTML باید به درستی تو در تو باشند

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

<b><i>This text is bold and italic</b></i>

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

<b><i>This text is bold and italic</i></b>

عناصر XHTML باید همیشه بسته باشند

نمونه ی زیر اشتباه است :

<p>This is a paragraph

<p>This is another paragraph

نمونه ی زیر صحیح است :

<p>This is a paragraph</p>
<p>This is another paragraph</p>

عناصر خالی نیز همچنین باید بسته باشند

نمونه ی زیر اشتباه است :

A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">

نمونه ی زیر صحیح است :

A break: <br />
A horizontal rule: <hr />

An image: <img src="happy.gif" alt="Happy face" />

نام خصیصه باید با حروف کوچک باشد

نمونه ی زیر اشتباه است :

<table WIDTH="100%">

نمونه ی زیر صحیح است :

<table width="100%">

مقدار خصیصه باید درون " " باشد

نمونه ی زیر اشتباه است :

<table width=100%>

نمونه ی زیر صحیح است :

<table width="100%">

کوچک سازی خصیصه Attribute minimization ممنوع است

نمونه ی زیر اشتباه است :

<dl compact>

<input checked>

<input readonly>

<input disabled>

<option selected>

<frame noresize>

نمونه ی زیر صحیح است :

<dl compact="compact">

<input checked="checked" />

<input readonly="readonly" />

<input disabled="disabled" />

<option selected="selected" />

<frame noresize="noresize" />

چگونگی تبدیل کردن HTML به XHTML :

تگ داکتایپ XHTML را به اولین خط هر صفحه اضافه کنید

خصیصه xmlns را به عنصر html هر صفحه اضافه کنید

نام تمام عناصر را به حروف کوچک تغییر دهید

تمام عناصر خالی را ببندید

نام تمام خصیصه ها را به حروف کوچک تغییر دهید

تمام مقادیر خصیصه ها باید درون " " باشد

معتبر ساختن XHTML با اعتبارسنج W3C

آزمون تستی XHTML :

این آزمون شامل 20 سوال است که محدودیت زمانی ندارد ، این آزمون رسمی نیست

فقط یک راه خوب برای فهمیدن این است که شما چقدر در رابطه با XHTML می دانید یا

نمی دانید برای هر پاسخ صحیح 1 امتیاز می گیرید ؛ در پایان آزمون ، مجموع امتیاز

نمایش داده خواهد شد ؛ بیشترین نمره 20 امتیاز است.

آزمون XHTML را شروع کن

امیر Tj چهارشنبه 10 آبان‌ماه سال 1391 ساعت 03:35 ق.ظ

1 نظر

خلاصه html

HTML

شما HTML را فرا گرفتید اکنون چه باید کنید؟

خلاصه HTML :

این خودآموز به شما آموخت که چگونه با استفاده از HTML وب سایت شخصی خود را

ایجاد کنید HTML یک زبان نشانه گذاری جهانی برای وب است HTML به شما اجازه

خواهد داد که متن را قالب بندی کنید ؛ گرافیک اضافه کنید ؛ لینک ها ، فرم های ورودی ،

قالب ها و جدول ها را ایجاد کنید و همه آن ها را در یک فایل متنی که مرورگرها می

توانند بخوانند و نمایش دهند ذخیره کنید

کلید HTML تگ ها هستند که نشان می دهند چه محتوایی بالا آمده است

برای اطلاعات بیشتر درباره HTML ، لطفا نگاهی به HTML examples و HTML reference

بیندازید

اکنون شما HTML را فراگرفتید ، گام بعدی چیست؟!

CSS را فرابگیرید

از CSS برای کنترل سبک (استایل) و طرح صفحات وب متعدد استفاده می شود

با CSS تمام قالب بندی از اسناد HTML می تواند برداشته شود و در یک فایل جداگانه

ذخیره شود.

CSS به شما کنترل کاملی از طرح بندی (layout) را ، بدون از دست رفتن محتویات اسناد

می دهد ؛ برای فراگیری این که چگونه برگه های سبک (style sheets) ایجاد کنید

لطفا از آموزش CSS ما بازدید کنید

JavaScript را فرابگیرید

جاوااسکریپت می تواند وبسایت شما را پویاتر(dynamic) کند

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

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

اجازه می دهد

اگر شما می خواهید درباره جاوااسکریپت بیشتر فرابگیرید لطفا از آموزش JavaScript ما

بازدید کنید

میزبان شدن وبسایت خودتان

میزبان شدن وبسایت شما بر روی سرور شما همیشه گزینه هایی دارد ، نکاتی که باید

در نظر گرفته شود:

مخارج سخت افزار:

برای اجرای واقعی وبسایت ، شما باید تعدادی سخت افزار سرور قوی را خریداری کنید

انتضار نداشته باشید که یک PC کم هزینه این کار را انجام دهد

مخارج نرم افزار:

به یاد داشته باشید که مجوز های سرور اغلب بالاتر از مجوزهای مشتری هستند

همچنین توجه داشته باشید که مجوزهای سرور ممکن است محدودیت در تعداد کاربران

داشته باشد

مخارج کار:

انتظار مخارج کم کار را نداشته باشید. شما مجبورید سخت افزار و نرم افزار خودتان را

نصب کنید شما همچنین مجبورید با ویروس ها و باگ ها مقابله کنید و از سرورتان که در

حال اجراست نگه داری کنید آن هم در محیطی که هر چیزی در آن می تواند اتفاق بیفتد

از یک ارائه دهنده خدمات اینترنتی(ISP) استفاده کنید

اجاره یک سرور ارائه دهنده خدمات اینترنتی یک گزینه مشترک است

بسیاری از شرکت های کوچک وبسایت خودشان را بر روی یک سروری که ارائه شده

توسط (ISP =Internet service provider) ذخیره می کنند

برخی از مزایا:

سرعت اتصال:

بیشتر ISP ها اتصالات بسیار سریع به اینترنت دارند

سخت افزار قوی:

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

اشتراک گذاشته شود شما همچنین می توانید از آن ها برای داشتن یک load balancing

موثر و سرورهای ضروری پشتیبان انتظار داشته باشید (منظور از load balancing یعنی

در حقیقت ترافیک شبکه کم شود )

ISP ها متخصصان میزبانی وب هستند ؛ از سرورهای آن ها انتظار داشته باشید که

داشته باشند : بیشتر از 99up time % (منظور از up time درصد زمانیست که سایت

شما کار می کند ) ، آخرین وصله های نرم افزار ، بهریتن محافظ ویروس

نکاتی که در رابطه با ISP باید در نظر گرفت

24 ساعت پشتیبانی

اطمینان حاصل کنید که ISP شما پشتیبانی 24 ساعته ارائه می دهد ؛ خودتان را در

وضعیتی قرار ندهید که نتوانید مسائل حیاتی را بدون داشتن صبر تا روز بعد کاری حل

کنید تلفن رایگان می تواند حیاتی باشد اگر شما نمی خواهید برای تماس های راه دور

هزینه پرداخت کنید اطمینان حاصل کنید ISP شما یک روال پشتیبان گیری روزانه را اجرا

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

حجم ترافیک

محدودیت حجم ترافیک ISP ها را مطالعه کنید ، اطمینان حاصل کنید که اگر وبسایت

شما محبوب می شود مجبور نیستید برای ترافیک بالای غیر منتظره هزینه پرداخت کنید

پهنای باند یا محدودیت محتوا

پهنای باند و محدودیت محتوای ISP ها را مطالعه کنید ، اگر شما به انتشار تصاویر و

پخش ویدیو و صدا قصد دارید ، اطمینان حاصل کنید که شما می توانید

قابلیت های ایمیل

اطمینان حاصل کنید ISP شما قابلیت های ایمیلی که شما نیاز دارید را پشتیبانی می کند

دسترسی به پایگاه داده

اگر شما قصد استفاده از داده ها از پایگاه داده را بر روی وبسایت خود دارید اطمینان

حاصل کنید ISP شما دسترسی به پایگاه داده ای که شما نیاز دارید را پشتیبانی می کند

قبل از این که شما یک ISP را انتخاب کنید اطمینان حاصل کنید که شما آموزش میزبانی

وب W3cschools را خوانده اید

امیر Tj چهارشنبه 10 آبان‌ماه سال 1391 ساعت 03:35 ق.ظ

0 نظر

فهرست سریع html

HTML

در زیر فهرست سریع HTML از سایت w3schools گردآوری شده است که آن را

می توانید پرینت کنید و هر زمانی که احساس نیاز کردید فورا استفاده کنید

سند اصلی HTML

<html>

<head>

<title/> عنوان سند در اینجا نوشته میشود <title>

<head/>

<body>

متن قابل دیدن اینجا نوشته می شود

<body/>

<html/>

عناصر سرتیتر

<h1/>بزرگترین سر تیتر<h1>

<h2> . . . </h2>

<h3> . . . </h3>

<h4> . . . </h4>

<h5> . . . </h5>

<h6/>کوچکترین سر تیتر<h6>

عناصر متن

<p/>این یک پاراگراف است<p>

( یک خط شکسته یا خط جدید ایجاد می کند) </br>

(یک خط افقی) </hr>

<pre/>این یک نوشته بدون فرمت است<pre>

Logical Styles

<em/>این یک متن تاکیدی است<em>

<strong/>این یک متن ضخیم است<strong>

<code/>این یک کد کامپیوتری است<code>

Physical Styles

<b/>این یک متن ضخیم است<b>

<i/>این یک متن مورب(کج) است<i>

توضیح: تگ هایی مانند <b><i><u><s> را physical می نامند یعنی متن بکار رفته در
آنها بصورت آنچه که انتظار داریم نمایان میشوند اما در مقابل ، تگ های logical هم
هستند که تنظیمات مرورگرها در آنها موثر خواهند بود

لینک ها (پیوندها)

<Ordinary link: <a href="http://www.example.com">Link-text goes here</a

Image-link:

<a href="http://www.example.com"><img src="URL" alt="Alternate Text" /></a>

Mailto link

<a href="mailto:webmaster@example.com"> Send e-mail </a>

A named anchor

<a name="tips">Tips Section</a>

<a href="#tips">Jump to the Tips Section</a>

لیست بدون ترتیب

<ul>

<li>Item</li>

<ul/>لیست با ترتیب

<ol>

<li>First item</li>

<li>Second item</li>

<ol/>

لیست تعریفی

<dl>

<dt>First term</dt>

<dd>Definition</dd>

<dt>Next term</dt>

<dd>Definition</dd>

<dl/>

جدول ها

<"table border="1>

<tr>

<th>Tableheader</th>

<tr/>

<tr>

<td>sometext</td>

<tr/>

<table/>

قاب ها

<"frameset cols="25%,75%>

</frame src="page1.htm>

</frame src="page2.htm>

<frameset/>

فرم ها

<"form action="http://www.example.com/test.asp" method="post/get>

</"input type="text" name="email" size="40" maxlength="50>

</"input type="password>

</"input type="checkbox" checked="checked>

</"input type="radio" checked="checked>

</"input type="submit" value="Send>

</"input type="reset>

</"input type="hidden>

<select>

<option>Apples</option>

<option selected="selected">Bananas</option>

<option>Cherries</option>

<select/>

<textarea name="comment" rows="60" cols="20"></textarea>

<form/>

Entities

< lt; is the same as&

> gt; is the same as&

عناصر دیگر

<blockquote>

این یک نقل قول بلند است

<blockquote/>

<address>

Written by W3Schools.com<br />
<a href="mailto:us@example.org">Email us</a><br />
Address: Box 564, Disneyland<br /> Phone: +12 34 56 78

<address/>

Source : http://www.w3schools.com/html/html_quick.asp

امیر Tj چهارشنبه 10 آبان‌ماه سال 1391 ساعت 03:34 ق.ظ

0 نظر

انکد URL

HTML

URL یک کلمه دیگر برای آدرس وب است

یک URL می تواند از کلمات مانند w3scschools.ir و یا یک IP آدرس مانند .192.68.20.50

تشکیل شده باشد ، بسیاری از افراد هنگام گشت و گذار در وب نام وبسایت را وارد می

کنند زیرا به خاطر آوردن نام ساده تر از به خاطر آوردن اعداد است

URL - Uniform Resource Locator

مرورگرهای وب ، با استفاده از URL صفحات را از سرورهای وب درخواست می کنند

وقتی که شما در یک صفحه HTML بر روی یک لینک کلیک می کنید در حقیقت زیر خط

مربوط به تگ <a> به یک بر روی وب جهان گستر اشاره می کند

یک URL برای آدرس یک سند بر روی وب جهان گستر استفاده می شود

یک آدرس وب چیزی شبیه به این است : /http://w3cschools.ir/1391/08/07/post-25

از قاعده زیر پیروی کنید:

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

توضــــــیح:

scheme : نوعی از سرویس اینترنت را تعریف می کند ، متداول ترین نوع http است

host : میزبان دامنه را تعریف می کند ، پیش فرض آن www است

domain : یک نام دامنه اینترنتی تعریف می کند مانند w3cschools.ir

port:شماره پورت میزبان وبسایت را معرفی می کند پورت پیش فرض 80 است

path :مسیر داخلی فایل را بر روی حافظه سرور تعیین می کند

filename : نام یک سند را معرفی می کند

Scheme های متداول :

لیستی از Scheme های متداول در زیر آمده است:

صفحاتی که برای این scheme استفاده می شوند...	مخفف	scheme
صفحات متداول وب با http شروع می شوند رمز نگاری نشده اند	HyperText Transfer Protocol	http
صفحات امنیتی وب با https شروع می شوند تمام اطلاعات رد و بدل شده رمزنگاری شده اند	Secure HyperText Transfer Protocol	https
برای دانلود یا آپلود فایل های وبسایت است	File Transfer Protocol	ftp
یک فایل بر روی کامپیوتر شما		file

انکد URL :

URL ها تنها می توانند با استفاده از مجموع کاراکتر ASCII بر روی اینترنت فرستاده شوند

از آن جا که URL ها اغلب حاوی کاراکترهای خارج از مجموعه ASCII هستند ، URL تبدیل

می شود به یک فرمت ASCII معتبر تبدیل می شود

انکدینگ URL کاراکترها را به فرمتی تبدیل می کند که بر روی اینترنت بتواند تواند منتقل

بشود

انکدینگ URL کاراکترهای غیر از ASCII را با یک % به همراه 2 رقم هگزادسیمال است

جایگزین می کند

URL ها نمی توانند شامل فاصله ها باشند ، انکدینگ URL به طور معمول یک فاصله را با

یک علامت + جایگزین می کند

حالا خودتان امتحان کنید

اگر شما بر روی دکمه ارسال کلیک کنید مرورگر ورودی شما را قبل از ارسال به سرور

انکد می کند ، یک صفحه بر روی سرور ورودی های دریافتی را نشان خواهد داد

مثال های انکدینگ URL

انکدینگ URL	کاراکتر ها
%80	€
%A3	£
%A9	©
%AE	®
%C0	À
%C1	Á
%C2	Â
%C3	Ã
%C4	Ä
%C5	Å

برای یک مرجع کاملی از انکدینگ های URL از مرجع انکدینگ URL ما بازدید کنید

امیر Tj چهارشنبه 10 آبان‌ماه سال 1391 ساعت 03:34 ق.ظ

0 نظر

نویسه های html

HTML

کاراکترهای رزرو شده در HTML باید با نویسه های کاراکتر جایگزین شوند

نویسه های HTML

برخی از کاراکترها در HTML رزرو شده هستند

این ممکن نیست که شما از علامت های کوچکتر ( < ) یا بزرگتر ( >) در متن خودتان

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

کاراکترهای رزرو شده ، ما باید از نویسه های کاراکتر در HTML استفاده کنیم

یک نویسه کاراکتر شبیه به این است :

&entity_name;

OR

&#entity_number;

برای نمایش علامت کوچک تر ما باید بنویسیم : ;lt& یا ;60#&

نکته : مزیت استفاده از نام نویسه به جای اعداد این است که به خاطرآوردن نام آسان

تر است ؛ اما اشکال ان این است که مرورگرها از تمامی نام های نویسه پشتیبانی نمی

کنند (اما پشتیبانی از اعداد نویسه بسیار خوب است)

Non-breaking Space

یک کاراکتر نویسه معمول در Non-breaking Space ، html است ;nbsp&

مرورگرها همیشه فاصله ها را در صفحات HTML کوتاه می کنند اگر شما 10 فاصله در

متن خود بنویسید مرورگر 9 فاصله قبل از نمایش در صفحه را پاک می کند برای اضافه

کردن فاصله ها به متن خود شما می توانید از کاراکتر نویسه ;nbsp& استفاده کنید

مثال نویسه های HTML

برای امتحان کردن نویسه های کاراکتر HTML خودتان امتحان کن ید

نویسه های کاراکتر مفید HTML

نکته : اسامی نویسه ها به حروف کوچک و بزرگ حساس است

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

برای یک مرجع کاملی از تمامی نویسه های کاراکتر ، از مرجع نویسه های HTML

ما بازدید فرمایید

امیر Tj چهارشنبه 10 آبان‌ماه سال 1391 ساعت 03:33 ق.ظ

0 نظر

Welcome To w3cschools

نظرسنجی

دسته‌ها

جدیدترین یادداشت‌ها

بایگانی

html xhtml

اجباریست <!DOCTYPE ....> تگ

خلاصه html

فهرست سریع html

سند اصلی HTML

عناصر سرتیتر

عناصر متن

Logical Styles

Physical Styles

لینک ها (پیوندها)

لیست بدون ترتیب

لیست تعریفی

جدول ها

قاب ها

فرم ها

Entities

عناصر دیگر

انکد URL

URL - Uniform Resource Locator

نویسه های html

Non-breaking Space