علی اکبر ظهور
علی اکبر ظهور
خواندن ۲ دقیقه·۳ سال پیش

خفن ترین تگ ها و اتریبیوت های 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>


نتیجه گیری

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

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


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


htmlکاربردیاچ تی ام الخفنبرنامه نویسی
محتوای کاربردی در زمینه برنامه نویسی و مهندسی نرم افزار تولید میکنم و سعی میکنم تا تجربیات خودم رو مطرح کنم . صفحه لینکدین من : https://www.linkedin.com/in/aliakbarzohour/
شاید از این پست‌ها خوشتان بیاید