خفن ترین تگ ها و اتریبیوت های HTML5

توی این مطلب قراره که خفن ترین تگ ها و ویژگی های HTML5 رو بررسی کنیم و اگر برنامه نویسی وب میکنید و یا به هر طریقی به طراحی وب مربوط میشید , این مطلب برای شما مناسبه .

توی این مطلب تگ ها و ویژگی هایی رو معرفی میکنم که میتونه خیلی توی پروژه هاتون شما رو جلو بندازه و کمک کنه که کد های زیاد ننویسید . بریم برای بررسی :

- تگ ها

تگ های detail و summary

شما با استفاده از این تگ ها میتونید بدون استفاده از کد های تو در تو , دراپ داون های خیلی ساده و شیک درست کنید ! نمونه کد زیر یک دراپ داون رو نمایش میده :

<details>
<summary>Front-End developing</summary>
html
css
js
javascript library
</details>  

تگ ins

با استفاده از این تگ بدون استفاده از before و after های سی اس اس , میتونید زیر کلمات خط بکشید . مثال :

<p>
hello im <ins> aliakbar_zohour </ins>
</p>

تگ progress

این کد به شما امکان میده که درصد پیشرفت رو به نمایش بزارید ! مثلا توی یه وب سایتی شما میخواید که درصد پیشرفت دوره آموزشی رو به نمایش در بیارید , از کد زیر استفاده میکنید :

<div>
<span>میزان پیشرفت دوره  : </span>
<progress value=&quot46&quot max=&quot100&quot></progress>
</div>

تگ mark

این تگ به شما این امکان رو میده که تیکه های خاصی از متن رو هایلایت کنید ! مثال :

<p>
hello im <mark> aliakbar_zohour </mark>
</p>

- اتریبیوت ها ( ویژگی ها )

اتریبیوت ها , ویژگی هایی هستن که ما به تگ های مورد نظرمون میدیم . مثل ویژگی href به تگ a که به ما این امکان رو میده که اون تگ رو به یه url وصل کنیم . توی این مطلب سه تا از باحال ترین ویژگی ها رو با هم بررسی میکنیم ...

ویژگی contenteditable

با استفاده از این ویژگی , شما میتونید که محتوای یه تگ رو , توی خروجی تغییر بدید ! کد زیر رو امتحان کنید :

<div contenteditable >
hi , welcome to this content
</div> 

ویژگی spellcheck

اگر این ویژگی رو به تگ خودتون بدید , غلط املاییه نوشته های داخلش رو به شما نشون میده . مثال :

<p spellcheck=true >
helllo mi aliakbar zohour !
</p>

ویژگی poster

با استفاده از این ویژگی شما میتونید که برای تگ video یک عکس رو بزارید که تا قبل پخش شدن, نمایش بده ! مثال :

<video poster=&quot./poster.jpg&quot > </video>

نتیجه گیری

تگ ها و ویژگی های دیگه ای هستن که شما میتونید با سرچ کردن و خوندن مطالب , با اون ها آشنا بشید . من احساس کردم که این ها میتونن برنامه نویس های وب رو جلو بندازن و امیدوارم که درست فکر کرده باشم و امیدوارم که برای برنامه نویس های وب, جذاب بوده باشه .

حتما نظر خودتون رو توی بخش کامنت ها ارسال کنید ...

سالم و سلامت باشید . . .