Har bir veb dasturchi HTML bilan yaxshi tanish bo'lishi kerak. Bu tilni bilmay turib, haqiqiy mutaxassis bo‘lib bo‘lmaydi. Internetdagi har qanday sayt HTML-ga asoslangan, chunki u juda ko'p foydali va samarali funktsiyalarni o'z ichiga oladi. Bundan tashqari, HTMLda elementlar yoki teglar bilan birgalikda ma'lum interaktiv xususiyatlarni berish uchun ishlatilishi mumkin bo'lgan atributlar ham mavjud. Keling, hamma ham foydalana olmaydigan ushbu foydali HTML funksiyalaridan bir nechtasini ko'rib chiqaylik.

1. Accept

Ma'lumki, HTMLda fayllarni yuklash imkonini beruvchi kiritish imkoniyatlari mavjud. Ushbu imkoniyatni kengaytirish uchun HTML atributi accept serverga yuklashda ruxsat etilgan fayl turlarini yoki formatini belgilash uchun ishlatiladi.

Misol:

<input type="file" accept=".jpg, .png" >

2. Multiple

HTML atributiga va teglarga multiple biriktirilishi mumkin . Asosan, foydalanuvchiga bir nechta qiymatlarni kiritish imkonini beradi. Masalan, u bir nechta fayl yuklashga ruxsat berish uchun ishlatilishi mumkin.<input><select>

Misol:

<input type="file" multiple />

3. Content editable

Atribut contenteditable HTML kontentining veb-sahifasini tahrirlashga ruxsat berish uchun ishlatiladi. Bu, asosan, foydalanuvchiga sahifa elementlarini tahrirlash imkonini beradi contenteditable .

Misol:

<div>
   <h1> Employees: </h1>
   <ul contenteditable="true">
    <li> 1. John </li>
    <li> 2. Mehdi </li>
    <li> 3. James </li>
   </ul>
 </div>

4. Download

HTML atributi download havola bosilgandan keyin yuklab olishni belgilaydi. Bu atribut foydalanuvchilarga veb-saytlardan fayllarni yuklab olish imkonini beradi.

Misol:

<div>
 <a href="index.html" download="fileName">Download this</a>
</div>

5. Translate

Atribut translate kontentni tarjima qilish kerakmi yoki yo'qligini ko'rsatish uchun ishlatiladi. Bu global atribut bo'lib, barcha HTML teglariga biriktirilishi mumkin. U, masalan, matn logotiplarida sahifani boshqa tilga tarjima qilishda asl brend nomini saqlab qolish uchun ishlatilishi mumkin.

Misol:

<p translate="no">Mehdi</p>

6. Poster

Atribut poster HTML video yuklanayotganda yoki foydalanuvchi ijro tugmasini bosguncha tasvirni ko'rsatish uchun ishlatiladi.

Kod misoli:

<video poster="picture.jpeg" controls>
  <source src="file.mp4" type="file/mp4">
  <source src="file.ogg" type="file/ogg">
</video>

Foydalanuvchi ijro tugmasini bosmaguncha tasvir video eskizi sifatida ko'rsatiladi.

7. Pattern

Atribut pattern forma ichidagi kirish elementiga muntazam ifoda qo'shishni osonlashtiradi.

Kod misoli:

<form >
 <label for="input">Country Code:</label>
 <input type="text" id="input" pattern="[A-Za-z]{3}" title="Three letters country code.">
 <input type="submit">
</form>