تبلیغات
وبسایت تخصصی فناوری اطلاعات + فروشگاه اینترنتی :) - ویژگی های جدید HTML5

ویژگی های جدید HTML5

نویسنده : ekhshemasi سه شنبه 1392/09/26 12:55  •   

تعیین کردن نوع سند :

در نسخه های قبلی HTML برای مشخص کردن نوع سند برای مرورگر باید از یک سری کدهای مزاحم XHTML استفاده می شد که در نسخه جدید HTML5 این کار خیلی خلاصه شده مثل کد زیر :

1<!DOCTYPE html>

ساختن متن های قابل ویرایش :

با استفاده صفت contenteditable در HTML5 می توان محتوایی در پوشش صفحات وب با قابلیت ویرایش ساخت و می توان به کاربران اجازه داد نوشته هایی که در پوشش این المان هستند را ویرایش کنند .

01<!DOCTYPE html>
02 
03<html lang="en">
04<head>
05    <meta charset="utf-8">
06    <title>untitled</title>
07</head>
08<body>
09    <h2>Editable</h2>
10    <ul contenteditable="true">
11        <li>Text 1</li>
12        <li>Text 2</li>
13        <li>Text 3</li>
14    </ul>
15</body>
16</html>

استفاده از HTML5 در Internet Explorer :

در مرورگر Internet Explorer پشتیبانی خوبی از تگ های HTML5 نمی شود و به همین دلیل برای استفاده باید از یک سری تکنیک ها استفاده شود که بهترین روش استفاده از اسکریپت HTML5.js است که باید به صورت زیر در قسمت Head صفحات وب استفاده شود :

1<!--[if IE]>
3<![endif]-->

صفت مورد نیاز برای فیلدها :

برای اجباری کردن فیلد های مورد نظر درفرم های تماس و … در HTML5 می توان از صفت Required به دو روش استفاده کرد :

1<input type="text" name="someInput" required>

یا

1<input type="text" name="someInput" required="required">

صفت انتخاب اتوماتیک فیلدها :

از این صفت برای انتخاب اتوماتیک فیلد مورد نظر در فرم ها استفاده می شود که همان حالت Focus است که بعد از کلیک کردن روی فیلد اتفاق می افتد . که باید به صورت زیر استفاده شود :

1<input type="text" name="someInput" autofocus>

عبارات منظم :

گاهی اوقات ورودی فیلدها و اغلب در فیلدهای ایمیل ، متن ورودی باید از قاعده خاصی پیروی کند که قبل از HTML5 از کدهای جاوا برای این منظور استفاده می شد و در حال حاضر با یک کد خلاصه می شود این کار را به راحتی انجام داد :

01<form action="" method="post">
02    <label for="username">Create a Username: </label>
03    <input type="text"
04       name="username"
05       id="username"
06       placeholder="4 <> 10"
07       pattern="[A-Za-z]{4,10}"
08       autofocus
09       required>
10    <button type="submit">Go </button>
11</form>


آخرین ویرایش: سه شنبه 1392/09/26 14:11

دوشنبه 1396/06/27 09:29
When I originally left a comment I seem to have clicked on the -Notify me
when new comments are added- checkbox and from now on every
time a comment is added I get four emails with the same
comment. Perhaps there is a means you are able to remove me from that service?
Thanks a lot!
یکشنبه 1396/05/15 14:22
I quite like looking through an article that will make
men and women think. Also, thank you for allowing for me to comment!
شنبه 1396/05/7 22:03
Hi! This post couldn't be written any better! Reading through this post reminds me of my old room mate!

He always kept talking about this. I will forward this write-up to him.
Fairly certain he will have a good read. Thanks for sharing!
سه شنبه 1396/01/22 05:07
Hello mates, good article and fastidious urging commented here, I am in fact
enjoying by these.
شنبه 1396/01/19 19:14
We are a group of volunteers and starting a brand new scheme in our community.
Your site provided us with helpful information to work on.
You've done an impressive process and our whole neighborhood will
be grateful to you.
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر