زمان کنونی: 1397-04-31, 01:19 ب.ظ
خوش آمدید، مهمان! (ورودثبت نام)
http://uploader.bushehrteam.com/do.php?imgf=137519987016081.jpg آموزش کوتاه روز : آیا می دانستید در محیط کد نویسی سی شارپ با دستور ";(System.Diagnostics.Process.Start("calc"" می توانید برنامه ماشین حساب ویندوز را اجرا کنید.
 ( آموزشهای کوتاه خود را در هر زمینه ای و در هر سطحی از طریق این لینک برای ما  بفرستید تا با نام خودتان روزانه در این قسمت قرار بگیرد)
قابل توجه اعضا و بازدیدکنندگان محترم سایت : دامنه کوتاه BUTM.IR در کنار دامنه اصلی ( BushehrTeam.Com ) به وب سایت متصل هست و می توانید به جای استفاده از دامنه BushehrTeam.Com  از دامنه BUTM.IR برای بازدید از سایت استفاده نمایید . . .

ارسال پاسخ 
 
امتیاز موضوع:
  • 1 رأی - میانگین امتیازات: 5
  • 1
  • 2
  • 3
  • 4
  • 5
اشتراک موضوع در Digg delsios Reddit Facebook Twitter StumbleUpon
تگ های جدید اضافه شده به HTML5
نویسنده پیام
********
مدیر ارشد
مدیر ارشد سایت
وضعيت : آفلاین
ارسال ها:304
تاریخ ثبت نام:خرداد 1392
اعتبار: 10
سن: 25
ساکن: بوشهر
حالت من: شاد
سپاس ها: 1004
سپاس شده 1364 بار در 313 ارسال

ارسال: #1
تگ های جدید اضافه شده به HTML5
لیست تگ های اضافه شده به HTML  ورژن 5 :



<article>
برای نوشتن مقاله، خبر و در کل هرچیزی که شامل متنی برای بازدید کننده باشه

<aside>
برای قرار دادن بخشی از سایت خارج از چارچوب کلی، مثلا برای لیست خبر های سایت

<audio>
برای پخش موزیک در صفحه سایت، با قابلیت کنترل شدن توسط بازدید کننده
مثلا:
<audio src="m.ogg">
یا



کد:
<audio>
<source src="m1.ogg" type="audio/ogg" >
<source src="m2.ogg" type="audio/ogg" >
</audio>



در این حالت اگر فایل اولی(m1.ogg) به هر دلیلی load نشد فایل دوم رو load و اجرا میکنه

میتوان کلید های هم برای کنترل موزیک قرار داد:

<audio controls>
برای تنظیم اجرا شدن خودکار:
<audio autoplay>
یا به این صورت:
<audio autoplay="true">
برای تنظیم پیوستگی خودکار:
<audio loop>
یا به این صورت:
<audio loop="true">
////////////////////////////////////////////////////////////////////////////////////////////////////////////

<video>
برای پخش ویدئو در صفحه سایت، با قابلیت کنترل شدن توسط بازدید کننده
مثلا:
<video src="m.mp4">
یا



کد:
<video>
<source src="m1.mp4" type="video/mp4" >
<source src="m2.mp4" type="video/mp4" >
</video>




در این حالت اگر فایل اولی(m1.mp4) به هر دلیلی load نشد فایل دوم رو load و اجرا میکنه

میتوان کلید های هم برای کنترل ویدئو قرار داد:

<video controls>
برای تنظیم اجرا شدن خودکار:
<video autoplay>
یا به این صورت:
<video autoplay="true">
برای تنظیم پیوستگی خودکار:
<video loop>
یا به این صورت:
<video loop="true">
////////////////////////////////////////////////////////////////////////////////////////////////////////////

<canvas>
برای رسم خط، منحنی، اشکال هندسی، با امکان دارا بودن انیمیشن، دو و سه بعدی به وسیله توابع تعریف شده در javascript

////////////////////////////////////////////////////////////////////////////////////////////////////////////

<datalist>
اضافه کردن لیست برای تگ input
مثلا:



کد:
<input type="text" list="myListId" />
<datalist id="myListId">
<option value="list1">
<option value="list2">
</datalist>



////////////////////////////////////////////////////////////////////////////////////////////////////////////

<details>
نوعی tooltip با امکان باز یا بسته بودن اولیه
مثلا:



کد:
<details> <summary> title </summary> my text fo details </details>



////////////////////////////////////////////////////////////////////////////////////////////////////////////

<summary>
عنوانی که در تگ details نوشته میشود با کلیک روی آن متن قرار داده شده در details باز یا بسته می شود

////////////////////////////////////////////////////////////////////////////////////////////////////////////

<embed>
برای وارد کردن آبجکت های با فرمت های مختلف و کاربردی مثلا .swf
مثلا:

<embed src="flash.swf" type="application/x-shockwave-flash">

////////////////////////////////////////////////////////////////////////////////////////////////////////////

<figure>
برای معرفی کردن شخصی خاص معمولا به همراه تصویر شخص
مثلا:



کد:
<figure>
<img src="">
<figcaption> my text about image</figcaption>


////////////////////////////////////////////////////////////////////////////////////////////////////////////

<figcaption>
در تگ figure نوشته می شود و برای اضافه کردن متنی مربوط به عکس یا شخص

<footer>
تقسیم بندی و جدا کردن footer از سایر بخش ها

<header>
تقسیم بندی و جدا کردن header از سایر بخش ها

////////////////////////////////////////////////////////////////////////////////////////////////////////////

<hgroup>
قرار دادن گروهی از تگ های h1 تا h6 در کنار هم و دسته بندی آن ها
مثلا:



کد:
<hgroup>
<h1> my text </h1>
<h3> my text </h3>
<h5> my text </h5>
</hgroup>




////////////////////////////////////////////////////////////////////////////////////////////////////////////

<keygen>
نوعی input که برای ارسال امن اطلاعات به سرور استفاده می شود

<mark>
نوعی استایل برای مشخص و جدا کردن متنی از سایر متن ها

////////////////////////////////////////////////////////////////////////////////////////////////////////////

<meter>
نوعی اندازه گیری که بیشتر برای نظرسنجی ها کاربرد دارد
مثلا:

<meter min="10" max="100" value="30"></meter>
////////////////////////////////////////////////////////////////////////////////////////////////////////////

<nav>
تقسیم بندی و جدا کردن منوی سایت از سایر بخش ها

////////////////////////////////////////////////////////////////////////////////////////////////////////////

<output>
نمایش خروجی در فرم که معمولا مقدار(value) خود را از سرور یا javascript دریافت می کند

////////////////////////////////////////////////////////////////////////////////////////////////////////////

<progress>
نوعی loading برای نمایش میزان پیشرفت یک فرآیند
مثلا:
<progress min="10" max="100" value="30"></progress>
////////////////////////////////////////////////////////////////////////////////////////////////////////////

<section>
دسته بندی بخش هایی از سایت که بخش بزرگی از سایت را شامل می شوند

////////////////////////////////////////////////////////////////////////////////////////////////////////////

<time>
برای نوشتن زمان با استایلی خاص به کار می رود

////////////////////////////////////////////////////////////////////////////////////////////////////////////

<wbr>
جلوگیری از جدا شدن دو یا چند کلمه در اثر تغییر سایز
مثلا:



کد:
<textarea>
<wbr>my text</wbr>
</textarea> 


با تغییر سایز textarea دو نوشته my و text از هم جدا نمیشوند

////////////////////////////////////////////////////////////////////////////////////////////////////////////



لیست type های اضافه شده به تگ input:

image
range
number
color
search
email
tel
url
time
date
datetime
datetime-local
week
month



 

 
















پیروزی آن نیست که هرگز زمین نخوری، آنست که بعد از هر زمین خوردنی برخیزی.(مهاتما گاندی)
انجمن تخصصی برنامه نویسی و نرم افزار بوشهرتــیــــــــم
(آخرین ویرایش در 1393-02-20 04:41 ب.ظ توسط: Reza.Heydari. دلیل ویرایش : )
1393-02-19 11:35 ب.ظ
مشاهده سایت این کاربر یافتن همه ی ارسالهای این کاربر نقل قول این ارسال در یک پاسخ
 سپاس شده توسط sajednet ، sajad safaie ، nahid ، Ehsan.Teimouri ، omrani.meysam63
****
کاربر فعال


NAHID
وضعيت : آفلاین
ارسال ها:286
تاریخ ثبت نام:آبان 1392
اعتبار: 7
سن:
ساکن: بوشهر
حالت من: شاد
سپاس ها: 763
سپاس شده 982 بار در 284 ارسال

ارسال: #2
RE: تگ های جدید اضافه شده به HTML5
دست شما درد نکنه
برای پروژه ای که دارم بسیار مفید است
ممنون















[size=x-large]هنگامی که خدا انسان را اندازه می گیرد متر را دور قلبش می گذارد نه دور سرش ...
«نورمن وینسنت پیل»
 
1393-02-20 11:26 ق.ظ
مشاهده سایت این کاربر یافتن همه ی ارسالهای این کاربر نقل قول این ارسال در یک پاسخ
 سپاس شده توسط sajad safaie ، omrani.meysam63
****
کاربر فعال


NAHID
وضعيت : آفلاین
ارسال ها:286
تاریخ ثبت نام:آبان 1392
اعتبار: 7
سن:
ساکن: بوشهر
حالت من: شاد
سپاس ها: 763
سپاس شده 982 بار در 284 ارسال

ارسال: #3
RE: تگ های جدید اضافه شده به HTML5
ببخشید
تگ<audio> زمانی که بسته میشه،  اسلش <audio/> اینجوری است یا همون جوری که در پست قرار دادید ؟
 لطفا اگر امکانش هست برای تگهای <figvaption>،<mark>،<nav>،<canvas>،<section>،<time> <keygen>مثال بزنید و آیا این تگها ، تگهای تک قسمتی بوده یا همراه با تگ پایانی هستند؟
البته اون تگهایی که همراه با مثال بوده مشخص است که تگ پایانی داشته یا تک قسمتی هستند.
 تشکر

 

 

 















[size=x-large]هنگامی که خدا انسان را اندازه می گیرد متر را دور قلبش می گذارد نه دور سرش ...
«نورمن وینسنت پیل»
 
(آخرین ویرایش در 1393-02-20 02:21 ب.ظ توسط: nahid. دلیل ویرایش : )
1393-02-20 11:45 ق.ظ
مشاهده سایت این کاربر یافتن همه ی ارسالهای این کاربر نقل قول این ارسال در یک پاسخ
 سپاس شده توسط Reza.Heydari ، omrani.meysam63 ، sajad safaie
********
مدیر ارشد
مدیر ارشد سایت
وضعيت : آفلاین
ارسال ها:304
تاریخ ثبت نام:خرداد 1392
اعتبار: 10
سن: 25
ساکن: بوشهر
حالت من: شاد
سپاس ها: 1004
سپاس شده 1364 بار در 313 ارسال

ارسال: #4
RE: تگ های جدید اضافه شده به HTML5
(1393-02-20 11:45 ق.ظ)'nahid' نوشته شده توسط:  ببخشید
تگ<audio> زمانی که بسته میشه،  اسلش <audio/> اینجوری است یا همون جوری که در پست قرار دادید ؟
 لطفا اگر امکانش هست برای تگهای <figvaption>،<mark>،<nav>،<canvas>،<section>،<time> <keygen>مثال بزنید و آیا این تگها ، تگهای تک قسمتی بوده یا همراه با تگ پایانی هستند؟
البته اون تگهایی که همراه با مثال بوده مشخص است که تگ پایانی داشته یا تک قسمتی هستند.
 تشکر


 


فکر میکنم با ویرایش کردن پست اول جواب سوال اولتون رو گرفته باشید.
مثال زدنشون هم بسیار ساده هست کافیه ازشون توی یه فایل html استفاده و ذخیره کنید و فایل رو با مرورگر باز کنید و نتیجه رو ببینید.

مثال تگ مارک :

کد:
<mark>Bushehr Team </mark>


مثال تگ nav:

کد:
<nav>
  <ul>
   <li>
    <a href="butm.ir">Bushehr Team</a>
   </li>
   <li>
    <a href="BushehrTeam.Com">B.T.M</a>
   </li>
  </ul>
</nav>
1
2
3
4
5
6
7
8
9
10


مثال تگ Keygen:

کد:
<form action="Login.html" method="get">
Username: <input type="text" name="user_name">
Security : <keygen name="security">
<input type="submit">
</form> 


مثال تگ Section:

کد:
<section>
  <h1>Busher Team (Title)</h1>
  <p>Welcome To Bushehr Team Website.</p>
</section> 


مثال تگ time:

کد:
< p >
Time : < time>10:00< /time > . Welcome
< /p >

ازجمله تگ های جدید HTML5 است. یک تاریخ/ساعت تعریف می کند
این جزء می تواند به عنوان یک روشی برای رمز کردن تاریخ و زمان در یک روش قابل خواندن توسط ماشین استفاده شود چنانکه، به طور مثال،عوامل کاربر می توانند پیشنهاد افزودن یادآور تولد یا رویداد های زمان را به تقویم کاربر بدهند و موتورهای جستجوگر می توانند نتایج جستجوی با هوشمندی بیشتری را تولید کنند.


مثال تگ figcaption :

کد:
<figure>
  <img src="btm.gif" alt="BTM" width="400" height="200">
  <figcaption> This Is BTM Logo </figcaption>
</figure>

از تگ < figcaption > ، برای تعیین یک عنوان یا توضیح برای تگ < fiqure > استفاده می شود .
این عنوان هم می تواند در ابتدا و هم در انتهای عنصر مادر قرار داده شود .

 
















پیروزی آن نیست که هرگز زمین نخوری، آنست که بعد از هر زمین خوردنی برخیزی.(مهاتما گاندی)
انجمن تخصصی برنامه نویسی و نرم افزار بوشهرتــیــــــــم
1393-02-20 10:12 ب.ظ
مشاهده سایت این کاربر یافتن همه ی ارسالهای این کاربر نقل قول این ارسال در یک پاسخ
 سپاس شده توسط nahid ، omrani.meysam63 ، sajednet ، sajad safaie
****
کاربر فعال


NAHID
وضعيت : آفلاین
ارسال ها:286
تاریخ ثبت نام:آبان 1392
اعتبار: 7
سن:
ساکن: بوشهر
حالت من: شاد
سپاس ها: 763
سپاس شده 982 بار در 284 ارسال

ارسال: #5
RE: تگ های جدید اضافه شده به HTML5
تشکر فراوان















[size=x-large]هنگامی که خدا انسان را اندازه می گیرد متر را دور قلبش می گذارد نه دور سرش ...
«نورمن وینسنت پیل»
 
1393-02-20 11:48 ب.ظ
مشاهده سایت این کاربر یافتن همه ی ارسالهای این کاربر نقل قول این ارسال در یک پاسخ
 سپاس شده توسط omrani.meysam63 ، sajad safaie
ارسال پاسخ 


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان

دوستان ما