امیدوارم مطالب خوب و کاربردی رو بتونم در سایتم برای شما دوستان قرار بدم.
در این مطلب از سایت میرممد براتون تکه کد پیام اختصاصی برای مقدار اشتباه input در HTML 5 رو میذارم.برای این کار از ویژگی oninvalid در اینپوت استفاده میکنیم.
کد :
<input type="text" placeholder="min 4" oninvalid="this.setCustomValidity('باید مقدار بالای 4 حرف وارد کنید')" pattern=".{4,}">
در کد بالا اگر مقدار کمتر از 4 حرف وارد شود ارور شما را نمایش میدهد.
امیدوارم مفید باشه براتون.
در اين مطلب از سايت ميرممد با DocType در HTML 5 آشنا خواهيم شد.
در نسخه هاي قبلي HTML تعريف DocType به صورت زير بود :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "HTTP>
/www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "HTTP>
/www.w3.org/TR/html4/frameset.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "HTTP>
/www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "HTTP>
/www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
ولي در HTML 5 به سادگي كد زير DocType تعريف ميشه :
<!DOCTYPE html>
يك نمونه كد HTML 5 همراه با تعريف DocType :
<!DOCTYPE html>
<html>
<head>
<title>HTML5 DocType </title>
</head>
<body>
<h1>HTML5 DocType </h1>
</body>
</html>
در اين مطلب از سايت ميرممد نحوه ي استفاده از تگ video در HTML5 رو براتون قرار ميدم.تگ video زماني استفاده ميشه كه بخواييم يك كليپ رو به صورت آنلاين در سايت قرار بديم.حتي زيرنويس هم ميشه به اين قابليت جديد در html 5 اضافه كرد.
كد زير يك تكه كد از تگ video در اچ تي ام ال 5 هست كه در آن از دو كيفيت تصويري mp4 و ogg استفاده شده و همچنين دوتا زيرنويس با زبان انگليسي و نروژي رو هم اضافه كرده :
<video width="320" height="240" controls>
<source src="klip.mp4" type="video/mp4">
<source src="klip.ogg" type="video/ogg">
<track src="subtitles.vtt" kind="subtitles" srclang="en" label="English">
<track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
</video>
فقط كافيه در كد بالا لينك كليپ خودتونه به شكل زير اضافه كنيد :
<source src="لينك ويدئو" type="فرمت ويدئو">
در كد اولي كه قرار دادم از دوتا كد سورس استفاده كردم كه هر كدوم از سورس ها يك فرمت خاصي از همون كليپ هستش شما ميتونيد از چند فرمت با كيفيت هاي متفاوت براي كليپتون استفاده كنيد.