آموزش مفاهیم~ Html ~

[Aref_2008]

<abbr> یک کلمه مخفف را معرفی می کند

برچسب abbr
تعریف و کاربرد
یک حالت مخفف را نشان می دهد مثل "Inc." یا "etc." . با نشان گذاری مخفف ها شما می توانید اطلاعات مفیدی رادر مرورگرها ، کنترل کننده املا ، سیستم های ترجمه و موتورهای جستجو بدهید.
تفاوت بین HTML و XHTML
تفاوتی ندارد
نکات
نکته: در بعضی از مرورگرها موجودیت title در عنصر acronym می تواند نسخه کامل عبارت را وقتی شما ماوس را بر روی مخفف نگه می دارید نشان دهد.
مثال
منبع خروجی
<acronym title="United Nations"> un </acronym> UN

خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

[Aref_2008]

<acronym> یک سرنام را معرفی می کند

برچسب acronym
تعریف و کاربرد
برچسب acronym شروع یک سرنام را معرفی می کند مثل "NATO".با نشان گذاری مخفف ها شما می توانید اطلاعات مفیدی رادر مرورگرها ، کنترل کننده املا ، سیستم های ترجمه و موتورهای جستجو بدهید.
تفاوت بین HTML و XHTML
تفاوتی ندارد
نکات
نکته: در بعضی از مرورگرها موجودیت title در عنصر acronym می تواند نسخه کامل عبارت را وقتی شما ماوس را بر روی مخفف نگه می دارید نشان دهد.
مثال
منبع خروجی
<acronym title="World Wide Web"> www </acronym> www

خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

[Aref_2008]

برچسب address
تعریف و کاربرد
برچسب address شروع یک آدرس را نشان می دهد. شما باید از آن در تعریف آدرس ها ، دست نوشته ها و متن اصلی یک پرونده استفاده کنید.
تفاوت بین HTML و XHTML
تفاوتی ندارد
نکات
آدرس معمولا بصورت مورب نشان داده می شود.بیشتر مرورگرها ممکن است یک پرش به خط بعد قبل و بعد از عنصر address قرار دهند اما پرش به خط بعد داخل متن را باید خودتان قرار دهید.
مثال
منبع خروجی
<address><br>
Donald Duck <br>
Box 555 <br>
Disneyland
</address> Donald Duck
Box 555
Disneyland

خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

[Aref_2008]

<bdo> جهت متن را معرفی می کند

برچسب bdo
تعریف و کاربرد
برچسب bdo مسیر متن پیش فرض را باطل می کند.
تفاوت بین HTML و XHTML
تفاوتی ندارد
مثالمنبع خروجی
<bdo> Here is some Hebrew text </bdo> Here is some Hebrew text


خواص انتخابی
DTD نشان می دهد که در کدام DTD این خواص مجاز هستند.S=اکید ، T=وابسته، F=frameset. موجودیت مقدار توضیحات DTD
dir ltr
rtl مسیر متن را مشخص می کند. STF

خواص استاندارد
id, class, title, style, dir, lang, xml:lang

[Aref_2008]

<blockquote> یک کتیشن بلند را معرفی می کند


برچسب blockquote
تعریف و کاربرد
برچسب blockquote یک کتیشن بلند را تعریف می کند.
تفاوت بین HTML و XHTML
برچسب <blockqoute> برای عناصر بلاک بندی شده نیز استفاده می شود وفقط برای متون ساده نیست.
برای معتبر سازی یک صفحه بعنوان یک XHTML صریح ، شما باید یک عنصر بلاک بندی را در اطراف متن و در میان برچسب <blockquote> قرار دهید. مثل این:

< blockquote >
<p> here is a long quotation here is a long quotation </p>
</blockquote>
نکات
عنصر blockquote در هر دو طرف متن فاصله سفید ایجاد می کند.
مثال
منبع خروجی
Here comes a long quotation:
<blockquote> here is a long quotation
here is a long quotation
here is a long quotation
here is a long quotation
here is a long quotation
here is a long quotation
here is a long quotation
here is a long quotation
here is a long quotation
here is a long quotation
here is a long quotation </blockquote> Here comes a long quotation:
here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation

خواص انتخابی
DTD نشان می دهد که در کدام DTD این خواص مجاز هستند.S=اکید ، T=وابسته، F=frameset. خاصیت مقدار توضیحات DTD
cite url url کتیشن را اگر از وب گرفته شده باشد. STF

خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

[Aref_2008]

<q> یک کتیشن کوتاه را معرفی می کند



برچسب Q
تعریف و کاربرد
برچسب q شروع یک کتیشن کوتاه را معرفی می کند.
تفاوت بین HTML و XHTML
تفاوتی ندارد
نکات
عنصر q بعنوان هیچ چیز خاصی معرفی نمی شود و شما مجبورید از style برای قالب بندی متنتان استفاده کنید.
مثالمنبع خروجی
Here comes a short quotation: <q>here is a short quotation here is a short quotation </q> Here comes a short quotation: "here is a short quotation here is a short quotation"


خواص انتخابی
DTD نشان می دهد که در کدام DTD این خواص مجاز هستند.S=اکید ، T=وابسته، F=frameset. خاصیت مقدار توضیحات DTD
cite citation یک علامت نقل قول را برای یک کتیشن معرفی می کند. STF

خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

[Aref_2008]

برچسب های em,strong,dfn,code,samp,kbd,var,cite
تعریف و کاربرد
عناصر زیر همگی عناصر عبارات هستند. عناصر خوبی هستند اما بوسیله style sheet می توان نتایج بهتری گرفت.
<em> برجسته نشان داده می شود
<strong> بصورت درشت نشان داده می شود
<dfn> بصورت یک عبارت توصیفی نشان داده می شود
<code> بصورت کد کامپیوتری نشان داده می شود
<samp> بصورت مثال های کامپیوتری نشان داده می شود
<kbd> به حالت متن صفحه کلید نشان داده خواهد شد
<var> یک متغیر را معرفی می کند
<cite> بصورت نقل قول نمایش می دهد

تفاوت بین HTML و XHTML
تفاوتی ندارد
مثال
منبع خروجی
<em>Emphasized text</em><br>
<strong>Strong text</strong><br>
<dfn>Definition term</dfn><br>
<code>Computer code text</code><br>
<samp>Sample computer code text</samp><br>
<kbd>Keyboard text</kbd><br>
<var>Variable</var><br>
<cite>Citation</cite> Emphasized text
Strong text
Definition term
Computer code text
Sample computer code text
Keyboard text
Variable
Citation

خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

[Aref_2008]

<dfn> یک عبارت توضیحی را معرفی می کند

برچسب های em,strong,dfn,code,samp,kbd,var,cite
تعریف و کاربرد
عناصر زیر همگی عناصر عبارات هستند. عناصر خوبی هستند اما بوسیله style sheet می توان نتایج بهتری گرفت.
<em> برجسته نشان داده می شود
<strong> بصورت درشت نشان داده می شود
<dfn> بصورت یک عبارت توصیفی نشان داده می شود
<code> بصورت کد کامپیوتری نشان داده می شود
<samp> بصورت مثال های کامپیوتری نشان داده می شود
<kbd> به حالت متن صفحه کلید نشان داده خواهد شد
<var> یک متغیر را معرفی می کند
<cite> بصورت نقل قول نمایش می دهد

تفاوت بین HTML و XHTML
تفاوتی ندارد
مثال
منبع خروجی
<em>Emphasized text</em><br>
<strong>Strong text</strong><br>
<dfn>Definition term</dfn><br>
<code>Computer code text</code><br>
<samp>Sample computer code text</samp><br>
<kbd>Keyboard text</kbd><br>
<var>Variable</var><br>
<cite>Citation</cite> Emphasized text
Strong text
Definition term
Computer code text
Sample computer code text
Keyboard text
Variable
Citation

خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

[Aref_2008]

موجودیت های HTML


تعدادی از کاراکترها مثل کاراکتر ">" یک معنی خاص در HTML دارندو از این رو نمی توان از آنها در متن ها استفاده کرد. برای نشان دادن علامت کوچکتر از ">" ما باید از یک موجودیت کاراکتر استفاده کنیم.
موجودیت های کاراکتر
تعدادی از کاراکترها یک معنی خاص در HTML دارند.مثل علامت کوچکتر از ">" که شروع یک برچسب HTML را معرفی می کند.اگر ما بخواهیم که مرورگر عملا این کاراکتر ها را نشان بدهد باید در منبع کد HTML موجودیت های کاراکتر را وارد کنیم.
یک موجودیت کاراکتر سه بخش دارد: یک علامت "&" ، یک موجودیت اسم یا یک علامت "#" و یک موجودیت عددو در نهایت یک ";".
برای نمایش یک علامت کوچکتر از در یک پرونده HTML ما باید بنویسیم: ;lt& یا ;60#& .
فایده استفاده از یک نام بجای یک عدد این است که به خاطر سپردن یک نام آسان تر است و اشکال آن این است که همه مرورگر ها موجودیت کاراکترها را پشتیبانی نمی کنند در حالی که تقریبا همه مرورگرها خیلی خوب از موجودیت عددها پشتیبانی می کنند.
توجه کنید که موجودیت ها حساس به حروف کوچک و بزرگ هستند.
فاصله بدون شکست
یکی از موجودیت کاراکترهای پر استفاده در HTML فاصله بدون شکست است. بطور عادی HTML فاصله ها را در متن شما کوتاه خواهد کرد ، اگر شما ده فاصله در متن خود بگذارید HTML 9 تای آن را از بین خواهد برد. برای اضافه کردن فاصله در متنتان ، از موجودیت کاراکتر ;nbsp& استفاده کنید.

[Aref_2008]

قابها
هر پرونده HTML یک قاب نامیده می شود ، و هر قاب نیز مستقل از دیگر قاب هاست. بدی استفاده از قاب ها این است که :
توسعه دهنده وب باید پیوسته رد بیشتر پرونده های HTML را داشته باشد.
چاپ کردن کل صفحه مشکل است




برچسب Frameset
برچسب <frameset> معرفی می کند که چگونه می شود پنجره را به قابها تقسیم کرد.
هر frameset یک مجموعه از سطرها یا ستون ها را معرفی می کند.




برچسب Frame
برچسب <frame> پرونده HTML ای را معرفی می کند که در هر قاب قرار می گیرد.
در مثال پایین یک frameset با دو ستون داریم. ستون اول با پهنای 25% از پنجره مرورگر ست شده است.ستون دوم با پهنای 75% از پنجره مرورگر ست شده است. پرونده "HTML "frame_a.html در ستون اول قرار گرفته و پرونده "HTML "frame_b.html در ستون دوم قرار داده شدهاست.

<frameset cols="25%,75%">
<frame src="frame_a.html">
<frame src="frame_b.html">
</frameset>



نکات پایه ای-اطلاعات مفید
اگر یک قاب حاشیه پدیدار داشته باشد کاربر می تواند با کشیدن حاشیه آن ، اندازه آن را تغییر دهد. برای جلوگیری از این عمل کاربر ، شما می توانید "noresize="noresize را به برچسب <frame> اضافه کنید. اگر برچسب <noframes> را اضافه کنیم ، مرورگر قاب را پشتیبانی نمی کند.
مهم:شما نمی توانید برچسب های <body> </body> و <frame> </frame> را با هم استفاده کنید. هر چند اگر شما برچسب <noframes> را در مرورگر هایی که قابها را پشتیبانی نمی کنند و حاوی مقداری متن نیز باشد اضافه کنید شما باید متن را بین برچسب های <body> </body> قرار دهید.



<frameset> یک مجموعه از قاب ها را معرفی می کند
<frame> یک زیر پنجره (قاب) را معرفی می کند
<noframes> برای مرورگر هایی که قاب ها را پشتیبانی نمی کنند ، بخش بدون قاب را معرفی می کند.
<iframe> یک زیر پنجره درون برنامه ای را معرفی می کند.