تگ ها در html
تگ small در HTML
مثال (تگ small در HTML)
نمایش یک متن کوچکتر:
<p>W3Schools.com - the world's largest web development site.</p>
<p><small>Copyright 1999-2050 by Refsnes Data</small></p>
خودتان امتحان کنید »تعریف و کاربرد تگ small در HTML
تگ <small> متن درونش را یک واحد کوچکتر از متون اطرافش مشخص می کند.
پشتیبانی مرورگرها از تگ small در HTML
عنصر <small> بله بله بله بله بله تفاوت بین HTML 4.01 و HTML5
تفاوتی وجود ندارد.
ویژگی های عمومی تگ small در HTML
تگ <small> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ small در HTML
تگ <small> از رویدادهای عمومی در HTML پشتیبانی می کند.
تگ source در HTML
مثال (تگ source در HTML)
پخش کننده های صوتی با دو منبع فایل، که مرورگر یکی را انتخاب می کند،بر اساس نوع کدک یا نوع رسانه ای که پشتیبانی می کند:
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
خودتان امتحان کنید »تعریف و کاربرد تگ source در HTML
تگ <source> برای تعیین منابع چند رسانه ای برای عناصر رسانه هایی، مانند<video> و <audio> استفاده می شود.
تگ <source> به شما اجازه می دهد که سورس های متفاوت صوتی یا ویدیویی برای مرورگر تعیین کنید تا بر اساس نوع کدک یا نوع رسانه ای که پشتیبانی می کند، یکی را انتخاب کند.
پشتیبانی مرورگرها از تگ source در HTML
اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.
عنصر <source> 4.0 9.0 3.5 4.0 10.5 تفاوت بین HTML 4.01 و HTML5
تگ <source> یک تگ جدید در HTML5 است.
خصوصیت ها
= جدید در HTML5.
خصوصیت مقدار توضیحات media media_query نوع منبع media را مشخص می کند. src URL آدرس فایل صوتی یا تصویری را مشخص می کند. type media_type نوع media را برای منبع media مشخص می کند. ویژگی های عمومی تگ source در HTML
تگ <source> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ source در HTML
تگ <source> از-رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ source در JavaScript
تگ span در HTML
مثال (تگ span در HTML)
استفاده از عنصر span برای متمایز کردن رنگ قسمتی از متن:
<p>My mother has <span style="color:blue">blue</span> eyes.</p>
خودتان امتحان کنید »تعریف و کاربرد تگ span در HTML
تگ <span> یک عنصر درون خطی (inline) در سند است.
تگ <span> بدون تغییرات بصری هیچ چیز در صفحه نشان نمی دهند.
تگ <span> راهی را برای اضافه کردن قالب به بخشی از یک متن و یا بخشی از یک سند فراهم می کند.
پشتیبانی مرورگرها از تگ span در HTML
عنصر <span> بله بله بله بله بله نکته ها و ترفندها
نکته: هنگامی که شما از تگ <span> استفاده می کنید، می توانید از ویژگی های CSSیا JavaScriptبرای این تگ استفاده کنید.
تفاوت بین HTML 4.01 و HTML5
تفاوتی وجود ندارد.
ویژگی های عمومی تگ span در HTML
تگ <span> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ span در HTML
تگ <span> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ span در JavaScript
تگ strike در HTML
مثال (تگ strike در HTML)
مشخص کردن یک متن خط خورده به شرح زیر:
<p>Version 2.0 is <strike>not yet available!</strike> now available!</p>
خودتان امتحان کنید »هتعریف و کاربرد تگ strike در HTML
تگ <strike> در HTML5 پشتیبانی نمی شود. شما می توانید به جای آن از تگ <del> استفاده کنید.
تگ <strike> یک متن خط خورده را تعریف می کند.
پشتیبانی مرورگرها از تگ strike در HTML
عنصر <strike> بله بله بله بله بله
تگ strong در HTML
تعریف و کاربرد تگ strong در HTML
تگ <strong> یک تگ تعریفی است و متن مهم را تعریف می کند.
نکته: استفاده از این تگ توصیه نمی شود. اما برای رسیدن به نتایج بهتر می توانید از CSSاستفاده کنید.
همه تگ های تعریفی:
Tag توضیحات <em> متن را به صورت emphasized نمایش می دهد. <strong> متن را به صورت strong نمایش می دهد. <dfn> جهت تعریف definition term <code> متن را به صورت computer code نمایش می دهد. <samp> متن را به صورت sample computer code نمایش می دهد. <kbd> متن را به صورت keyboard نمایش می دهد. <var> متن را به صورت variable نمایش می دهد. پشتیبانی مرورگرها از تگ strong در HTML
عنصر <strong> بله بله بله بله بله تفاوت بین HTML 4.01 و HTML5
در HTML 4.01، تگ <strong> متن را به صورت strong emphasized نشان می دهد، اما در HTML5، متن مهم را معرفی می کند.
ویژگی های عمومی تگ strong در HTML
تگ <strong> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ strong در HTML
تگ <strong> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
تگ style در HTML
مثال (تگ style در HTML)
طریقه استفاده از عنصر <style> در سند HTML:
<html>
<head>
<style>
h1{color:red;}
p{color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A paragraph.</p>
</body>
</html>
خودتان امتحان کنید »تعریف و کاربرد تگ style در HTML
تگ <style> برای تعریف اطلاعات استایل برای یک سند HTMLاستفاده می شود.
در داخل عنصر <style> مشخص می کنید که چگونه عناصر HTML باید در یک مرورگر نمایش داده شود.
هر سند HTML می تواند شامل چند تگ <style> باشد .
پشتیبانی مرورگرها از تگ style در HTML
عنصر <style> بله بله بله بله بله نکته ها و ترفندها
نکته: برای لینک کردن به یک فایل CSS خارجی، از تگ <link> استفاده می کنیم.
نکته: برای کسب اطلاعات بیشتر در مورد CSS، به بخش آموزش CSS بروید.
نکته: اگر خصوصیت "scoped" استفاده نشود، هر تگ <style> باید در قسمت head قرار گیرد.
تفاوت بین HTML 4.01 و HTML5
خصوصیت "scoped" در HTML5 جدید است، که اجازه می دهد styles برای بخش مشخصی از سند تعریف شود. اگر خصوصیت"scoped" وجود داشته باشد، آن styles فقط به عناصر style عنصر والد و عنصر فرزند اعمال می شود.
خصوصیت ها
= جدید در HTML5.
خصوصیت مقدار توضیحات media media_query مشخص می کند که چه media یا دستگاهی برای منبع media مناسب است. scoped scoped مشخص می کند که styles فقط به عناصر style عنصر والد و عنصر فرزند اعمال می شود. type text/css نوع media در تگ <style> را مشخص می کند. ویژگی های عمومی تگ style در HTML
تگ <style> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ style در HTML
تگ <style> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ style در JavaScript
تگ sub در HTML
مثال (تگ sub در HTML)
متن زیرنویس:
<p>This text contains <sub>subscript</sub> text.</p>
خودتان امتحان کنید »تعریف و کاربرد تگ sub در HTML
تگ <sub> متن را به صورت زیرنویس تعریف می کند. زیرنویس ها معمولا به اندازه ی نصف ارتفاع یک کاراکتر پایین تر از بقیه ی کاراکتر قرار می گیرند و گاهی اوقات در یک فونت کوچکتر ارائه می شوند . از زیرنویس می توان برای نمایش فرمول شیمیایی استفاده کرد، مانند: H2O.
نکته:از تگ <sup> برای تعریف متن به صورت بالانویس استفاده می کنیم.
پشتیبانی مرورگرها از تگ sub در HTML
عنصر <sub> بله بله بله بله بله تفاوت بین HTML 4.01 و HTML5
تفاوتی وجود ندارد.
ویژگی های عمومی تگ sub در HTML
تگ <sub> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ sub در HTML
تگ <sub> از رویدادهای عمومی در HTML پشتیبانی می کند.
تگ summary در HTML
مثال (تگ summary در HTML)
استفاده از عنصر <summary>:
<details>
<summary>Copyright 1999-2011.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>
خودتان امتحان کنید »تعریف و کاربرد تگ summary در HTML
تگ <summary> یک عنوان قابل مشاهده برای عنصر <details> تعریف می کند. که عنوان را می توان با استفاده از کلیک کردن باز یا بسته نمایید.
پشتیبانی مرورگرها از تگ summary در HTML
اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.
عنصر <summary> 12.0 پشتیبانی نمی شود پشتیبانی نمی شود 6.0 15.0 تفاوت بین HTML 4.01 و HTML5
تگ <summary> یک تگ جدید در HTML5 است.
نکته ها و ترفندها
نکته: تگ <summary> باید به صورت اولین عنصر فرزند تگ <details> قرار گیرد.
ویژگی های عمومی تگ summary در HTML
تگ <summary> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ summary در HTML
تگ <summary> از رویدادهای عمومی در HTML پشتیبانی می کند.
تگ sup در HTML
مثال (تگ sup در HTML)
متن بالانویس:
<p>This text contains <sup>superscript</sup> text.</p>
خودتان امتحان کنید »تعریف و کاربرد تگ sup در HTML
تگ <sup> متن را به صورت بالانویس تعریف می کند. بالا نویس ها معمولا به اندازه ی نصف ارتفاع یک کاراکتر بالاتر از بقیه ی کاراکتر قرار می گیرند و گاهی اوقات در یک فونت کوچکتر ارائه می شوند. بالانویس می تواند برای پانوشت استفاده شود، مانند: WWW[1].
نکته: از تگ <sub> برای تعریف متن به صورت زیر نویس استفاده می کنیم.
پشتیبانی مرورگرها از تگ sup در HTML
عنصر <sup> بله بله بله بله بله تفاوت بین HTML 4.01 و HTML5
تفاوتی وجود ندارد.
ویژگی های عمومی تگ sup در HTML
تگ <sup> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ sup در HTML
تگ <sup> از رویدادهای عمومی در HTML پشتیبانی می کند.
تگ table در HTML
مثال (تگ table در HTML)
جدول HTML ساده، حاوی دو ستون و دو ردیف:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
خودتان امتحان کنید »(مثال های بیشتر را می توانید در پایین صفحه ببینید.)
تعریف و کاربرد تگ table در HTML
تگ <table> یک جدول در HTMLتعریف می کند.
جدول HTML تشکیل شده از عنصر <table> و یک یا چند عنصر <tr> ، <th> و <td> می باشد.
یک جدول حاوی سطرهایی می باشد (که با تگ <tr> مشخص می شود)، هر سطر شامل تعدادی سلول است (که با تگ <td> مشخص می شود) و یک جدول شامل اطلاعات سرتیتر می باشد(که با تگ <th> مشخص می شود).
جداول پیچیده تر نیز شامل عناصر <caption> ،<col> ،<colgroup> ،<thead> ،<tfoot> و <tbody> نیز می باشد.
پشتیبانی مرورگرها از تگ table در HTML
عنصر <table> بله بله بله بله بله تفاوت بین HTML 4.01 و HTML5
خصوصیت های"align" ،"bgcolor" ،"border" ،"cellpadding" ،"cellspacing" ،"frame" ،"rules" ،"summary" و "width" در HTML5 پشتیبانی نمی شود.
توجه داشته باشید که اگر بخواهید طبق استاندارهای HTML پیش بروید نباید از ویژگی border استفاده کنید.
برای تنظیم لبه ها بهتر است از CSSها استفاده کنید.خصوصیت ها
خصوصیت مقدار توضیحات align left
center
rightدر HTML5 پشتیبانی نمی شود.
نحوه تراز بندی و قرار گیری جدول را مشخص می کند.bgcolor rgb(x,x,x)
#xxxxxx
colornameدر HTML5 پشتیبانی نمی شود.
رنگ پس زمینه جدول را مشخص می کند.border 1
""در HTML5 پشتیبانی نمی شود..
ضخامت و پهنای خطوط حاشیه دور جدول را تعیین می کند.cellpadding pixels در HTML5 پشتیبانی نمی شود.
فضای بین دیواره ی سلول و محتویات درون سلول را مشخص می کند.cellspacing pixels در HTML5 پشتیبانی نمی شود.
فضای بین سلول های جدول را مشخص می کند.frame void
above
below
hsides
lhs
rhs
vsides
box
borderدر HTML5 پشتیبانی نمی شود.
مشخص می کند که کدام یک ازborder هایی که در اطراف جدول است نمایش داده شود.rules none
groups
rows
cols
allدر HTML5 پشتیبانی نمی شود.
مشخص می کند کدام یک از حاشیه های داخلی جدول نمایش داده شود.sortable sortable مشخص می کند که جدول باید به صورت sortable باشد. summary text در HTML5 پشتیبانی نمی شود.
خلاصه ای در مورد جدول را مشخص می کند.width pixels
%در HTML5 پشتیبانی نمی شود.
عرض جدول را مشخص می کند.ویژگی های عمومی تگ table در HTML
تگ <table> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ table در HTML
تگ <table> از رویدادهای عمومی در HTML پشتیبانی می کند.
خودتان امتحان کنید - مثال
Tableheaders
نحوه ایجادسرتیترهای جدول.Table with a caption
نحوه اضافه کردن عنوان به یک جدول.Tags inside a table
نحوه نمایش عناصر درون عناصر دیگر.Cells that span more than one row/column
چگونگی تعریف سلول های جدول که بیش از یک سطر یا بیش از یک ستون را شامل می شوند.آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ table در JavaScript
تگ tbody در HTML
مثال (تگ tbody در HTML)
یک جدول HTML با استفاده از عناصر <thead> ،<tfoot> و <tbody>:
<table>
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>
خودتان امتحان کنید »تعریف و کاربرد تگ tbody در HTML
تگ <tbody> محتویات بدنه یک جدول را گروه بندی می کند.
عنصر <tbody> همراه با عناصر <thead> ( عناوین ستونها (header)) و <tfoot> ( محتویات انتهای ستونها(footer)) برای مشخص کردن هر قسمت از جدول استفاده می شوند.
مرورگرهای وب می توانند از این عناصر برای فعال کردن پیمایش بدنه جدول مستقل از سربرگ و پاورقی استفاده کنند. همچنین هنگام print گرفتن از جدول های بزرگ که معمولا چند صفحه ای می باشند این عناصر قادر هستند که header و footer جداول را در بالا و پایین همه صفحات چاپی تکرار کنند.
طریقه قرار گیری تگ <tbody>: تگ <tbody> داخل تگ <table> قرار می گیرد و پس از عناصر <caption> و <colgroup> و عنصر <thead> می آید.
پشتیبانی مرورگرها از تگ tbody در HTML
عنصر <tbody> بله بله بله بله بله نکته ها و ترفندها
نکته: عنصر <tbody> باید حداقل یک تگ <tr> درون خود داشته باشد.
نکته: عناصر <thead>, <tbody>, و <tfoot> به طور پیش فرض بر روی طرح جدول تاثیر نمی گذارند. با این حال، شما می توانید برای استایل دادن به این عناصر از CSS استفاده کنید.
تفاوت بین HTML 4.01 و HTML5
خصوصیت های موجود در HTML 4.01 در HTML5 پشتیبانی نمی شود.
خصوصیت ها
خصوصیت مقدار توضیحات align right
left
center
justify
charدر HTML5 پشتیبانی نمی شود.
نحوه ترازبندی محتویات درون عنصر<tbody> را مشخص می کند.char character در HTML5 پشتیبانی نمی شود.
نحوه ترازبندی محتویات درون عنصر <tbody> برای کاراکتر را مشخص می کند.charoff number در HTML5 پشتیبانی نمی شود.
مقدار حاشیه ای که به کاراکتر اول متن اختصاص داده می شود ، تا متن درون عنصر <tbody> را تراز بندی کند.valign top
middle
bottom
baselineدر HTML5 پشتیبانی نمی شود.
نحوه ترازبندی عمودی محتویات درون عنصر <tbody> را مشخص می کند.ویژگی های عمومی تگ tbody در HTML
تگ <tbody> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ tbody در HTML
تگ <tbody> از رویدادهای عمومی در HTML پشتیبانی می کند.
تگ tr در HTML
مثال (تگ tr در HTML)
جدول HTML ساده، حاوی دو ستون و دو ردیف:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
خودتان امتحان کنید »(مثال های بیشتر را می توانید در پایین صفحه ببینید.)
تعریف و کاربرد تگ tr در HTML
تگ <tr> یک سطر در جدول HTMLتعریف می کند.
یک عنصر <tr> شامل یک یا چند عنصر <th> و <td> است.
پشتیبانی مرورگرها از تگ tr در HTML
عنصر <tr> بله بله بله بله بله تفاوت بین HTML 4.01 و HTML5
همه خصوصیت ها در HTML5 حذف شده است.
خصوصیت ها
خصوصیت مقدار توضیحات align right
left
center
justify
charدر HTML5 پشتیبانی نمی شود.
نحوه ترازبندی محتویات درون سطر را مشخص می کند.bgcolor rgb(x,x,x)
#xxxxxx
colornameدر HTML5 پشتیبانی نمی شود.
رنگ پس زمینه سطر جدول را مشخص می کند.char character در HTML5 پشتیبانی نمی شود.
نحوه ترازبندی محتویات درون سطر برای کاراکترها را مشخص می کند.charoff number در HTML5 پشتیبانی نمی شود.
مقدار حاشیه ای که به کاراکتر اول متن اختصاص داده می شود ، تا متن درون سطر را تراز کند.valign top
middle
bottom
baselineدرHTML5 پشتیبانی نمی شود.
نحوه ترازبندی عمودی محتویات درون سطر جدول را مشخص می کند.ویژگی های عمومی تگ tr در HTML
تگ <tr> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ tr در HTML
تگ <tr> از رویدادهای عمومی در HTML پشتیبانی می کند.
خودتان امتحان کنید - مثال
Table headers
نحوه ایجادسرتیترهای جدول.نحوه اضافه کردن عنوان به یک جدول.
نحوه نمایش عناصر درون عناصر دیگر.
Cells that span more than one row/column
چگونگی تعریف سلول های جدول که بیش از یک سطر یا بیش از یک ستون را شامل می شوند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ tr در JavaScript
تگ track در HTML
مثال (تگ track در HTML)
یک ویدیو با دو آهنگ زیرنویس:
<video width="320" height="240" controls>
<source src="forrest_gump.mp4" type="video/mp4">
<source src="forrest_gump.ogg" type="video/ogg">
<track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
<track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
</video>تعریف و کاربرد تگ track در HTML
تگ <track> آهنگ های متن برای عناصر رسانه ای (<audio> و <video>) را مشخص می کند.
این عنصر برای مشخص کردن زیرنویس ها، فایل های عنوان یا فایل های دیگر که حاوی متن قابل مشاهده هستند استفاده می شود. این تگ زمانی فعال میشود که رسانه در حال پخش باشد.
پشتیبانی مرورگرها از تگ track در HTML
اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.
عنصر <track> 18.0 10.0 31.0 6.0 15.0 تفاوت بین HTML 4.01 و HTML5
تگ <track> یک تگ جدید در HTML5 است.
خصوصیت های اختیاری
= جدید در HTML5.
خصوصیت مقدار توضیحات default default این صفت مشخص می کند که کاربر قادر است انتخاب کند کدام track مناسب تر است و می تواند نشان داده شود.(ریرنویس پیش فرض را می توان انتخاب کرد ) kind captions
chapters
descriptions
metadata
subtitlesنوع track متن را مشخص می کند. label text یک title یا عنوان برای متن track مشخص می کند. src URL الزامی است. آدرس فایل track را مشخص می کند. srclang language_code زبان داده های متن track را مشخص می کند.(اگر kind="subtitles باشد استفاده از این صفت الزامی است) ویژگی های عمومی تگ track در HTML
تگ <track> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ track در HTML
تگ <track> از-رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ track در JavaScript
تگ tt در HTML
تعریف و کاربرد تگ tt در HTML
تگ <tt> در HTML5 پشتیبانی نمی شود. شما می توانید از CSS استفاده کنید.
تگ <tt> متن را به صورت teletype مشخص می کند.
پشتیبانی مرورگرها از تگ tt در HTML
عنصر <tt> بله بله بله بله بله نکته ها و ترفندها
طریقه استایل دادن با استفاده از CSS به صورت زیر:
<p style="font-family:'Lucida Console', monospace">
مثال: define teletype/monospace font for a <p> element
اطلاعات بیشتر در مورد مشخص کردن نوع فونت: آموزش CSS-استایل دهی فونت.
تفاوت بین HTML 4.01 و HTML5
تگ <tt> در HTML5 پشتیبانی نمی شود.
تگ u در HTML
مثال (تگ u در HTML)
کلمه زیر خط دار با استفاده از تگ <u>:
<p>This is a <u>parragraph</u>.</p>
خودتان امتحان کنید »تعریف و کاربرد تگ u در HTML
تگ <u> نشان دهنده قسمتی از متن که باید با سبک نگارشی متفاوت از متن معمولی قرار گیرد، مانند کلمات دارای غلط املایی و یا اسم های خاص در چین
پشتیبانی مرورگرها از تگ u در HTML
عنصر <u> بله بله بله بله بله نکته ها و ترفندها
نکته: از عنصر <u> استفاده نمی کنیم، زیرا ممکن است با لینک ها اشتباه گرفته شود (متونی که به صورت زیر خط دار نمایش داده می شوند معمولأ برای ایجاد پیوند بکار برده می شوند).
نکته: تگ <u> در HTML 5 به خاطر یادآوری کردن توسعه دهندگان مشخص شده، و عناصر دیگر همیشه مناسب تر از تگ <u> است.
تفاوت بین HTML 4.01 و HTML5
تگ <u> در HTML 4.01 تو صیه نمی شود. (تگ <u> در HTML 4.01 محتوی خود را به صورت زیر خط دار نمایش می دهد).
تگ <u> در HTML5، نشان دهنده قسمتی از متن که باید با سبک نگارشی متفاوت از متن معمولی قرار گیرد، مانند کلمات دارای غلط املایی و یا اسم های خاص در چین.
ویژگی های عمومی تگ u در HTML
تگ <u> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ u در HTML
تگ <u> از رویدادهای عمومی در HTML پشتیبانی می کند.
تگ ul در HTML
مثال (تگ ul در HTML)
یک لیست نامرتب در HTML:
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
خودتان امتحان کنید »شما می توانید مثال های بیشتر را در پایین این صفحه مشاهده کنید.
تعریف و کاربرد تگ ul در HTML
تگ <ul> یک لیست غیر ترتیبی یا نامرتب (که به صورت گلوله نمایش داده می شود) را تعریف می کند.
تگ <ul> همراه با تگ <li> برای لیست های غیر ترتیبی بکار می رود.
پشتیبانی مرورگرها از تگ ul در HTML
عنصر <ul> بله بله بله بله بله نکته ها و ترفندها
نکته:برای استایل دادن به لیست ها از CSS استفاده می کنیم.
نکته: برای ایجاد لیست های مرتب از تگ <ol> استفاده می کنیم.
تفاوت بین HTML 4.01 و HTML5
خصوصیت "compact" و "type" در HTML5 پشتیبانی نمی شوند.
خصوصیت ها
خصوصیت مقدار توضیحات compact compact در HTML5 پشتیبانی نمی شود.
مشخص می کند که لیست ها باید کوچکتر از حد نرمال ارائه شوند.type disc
square
circleدر HTML5 پشتیبانی نمی شود.
نوع شکلی که کاربر انتخاب می کند را مشخص می کند.ویژگی های عمومی تگ ul در HTML
تگ <ul> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ ul در HTML
تگ <ul> از رویدادهای عمومی در HTML پشتیبانی می کند.
خودتان امتحان کنید - مثال
A nested list
نمایش لیست های تو در تو.Another nested list
نمایش لیست های تو در توی پیچیده تر.آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ ul در JavaScript
تگ var در HTML
تعریف و کاربرد تگ var در HTML
تگ <var> یک تگ عبارتی است. و یک متغیر را تعریف می کند.
نکته: استفاده از این تگ توصیه نمی شود، اما برای رسیدن به نتایج بهتر می توانید از CSSاستفاده کنید.
تمام تگ های عبارتی:
Tag توضیحات <em> متن را به صورت emphasized نمایش می دهد. <strong> متن را به صورت strong نمایش می دهد. <dfn> جهت تعریف definition term <code> متن را به صورت computer code نمایش می دهد. <samp> متن را به صورت sample computer code نمایش می دهد. <kbd> متن را به صورت keyboard نمایش می دهد. <var> متن را به صورت variable نمایش می دهد. پشتیبانی مرورگرها از تگ var در HTML
عنصر <var> بله بله بله بله بله تفاوت بین HTML 4.01 و HTML5
تفاوتی وجود ندارد.
ویژگی های عمومی تگ var در HTML
تگ <var> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ var در HTML
تگ <var> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
تگ video در HTML
مثال (تگ video در HTML)
استفاده از video:
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
خودتان امتحان کنید »تعریف و کاربرد تگ video در HTML
تگ <video> مشخص کننده ویدئو مانند کلیپ فیلم و یا دیگر جریان های ویدئویی است.
در حال حاضر،برای عنصر <video> مرورگرها از سه فرمت ویدئویی MP4 ،WebM و Ogg پشتیبانی می کنند.
Browser MP4 WebM Ogg Internet Explorer YES NO NO Chrome YES YES YES Firefox YES
Update 1: Firefox 21 on Windows and Android now supports MP4
Update 2: Firefox 30 on Linux now supports MP4YES YES Safari YES NO NO Opera NO YES YES - MP4: فایل های MPEG 4 با کدک تصویری H264 و کدک صوتی AAC
- WebM: فایل های WebM با کدک تصویری VP8 و کدک صوتی Vorbis
- Ogg: فایل های Ogg با کدک تصویری Theora و کدک صوتی Vorbis
انواع MIME برای فرمت های ویدئویی
Format MIME-type MP4 video/mp4 WebM video/webm Ogg video/ogg پشتیبانی مرورگرها از تگ video در HTML
اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.
عنصر <video> 4.0 9.0 3.5 4.0 10.5 تفاوت بین HTML 4.01 و HTML5
تگ <video> یک تگ جدید در HTML5 است.
نکته ها و ترفندها
نکته: در صورتی که مرورگر از عنصر <video> پشتیبانی نمی کند باید بین دو تگ <video> و <video/> متنی مناسب قرار داد.
خصوصیت های اختیاری
جدید در HTML5.
خصوصیت مقدار توضیحات autoplay autoplay در صورتی که وجود داشته باشد ویدئو به محض اینکه آماده شود خود به خود پخش می شود. controls controls برای افزودن کنترل های play ،pause و صدا بکار برده می شود. height pixels ارتفاع پخش کننده ویدئو را تنظیم می کند. loop loop در صورت وجود پس از اتمام نمایش ویدئو پخش آن دوباره شروع می شود. muted muted مشخص کننده قطع صدا به طور پیش فرض برای ویدئو است. poster URL مشخص کننده تصویری است که به عنوان پیش نمایش ویدئو از آن استفاده می کند. مقدار آن یک url یا آدرس اینترنتی است. preload auto
metadata
noneدر صورت وجود ویدئو در زمان لود صفحه، لود شده و آماده اجرا می شود. اگر autoplay وجود داشته باشد این خاصیت نادیده گرفته می شود. src URL آدرس ویدئویی که باید پخش شود. width pixels پهنای پخش کننده ویدئو را تنظیم می کند. ویژگی های عمومی تگ video در HTML
تگ <video> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ video در HTML
تگ <video> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
تگ wbr در HTML
مثال (تگ wbr در HTML)
استفاده از تگ<WBR> برای جلوگیری از شکستن کلمه:
<p>
To learn AJAX, you must be familiar with the XML<wbr>Http<wbr>Request Object.
</p>
خودتان امتحان کنید »تعریف و کاربرد تگ wbr در HTML
تگ <wbr> (جلوگیری از شکستن کلمه) مشخص می کند که در کجای متن خوب است یک line-break اضافه کنیم.
نکته: هنگامی که یک کلمه بیش از حد طولانی باشد یا شما می ترسید که مرورگر ادامه آن کلمه را در خط بعد نمایش دهد می توانید از تگ <wbr> استفاده کنید.
پشتیبانی مرورگرها از تگ wbr در HTML
اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.
عنصر <wbr> 1.0 پشتیبانی نمی شود 3.0 4.0 11.7 تفاوت بین HTML 4.01 و HTML5
تگ <wbr> تگی جدید در HTML5 است.
ویژگی های عمومی تگ wbr در HTML
تگ <wbr> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ wbr در HTML
تگ <wbr> از رویدادهای عمومی در HTML پشتیبانی می کند.
