Looking at the image below, how many attributes are you familiar with? Some attributes are very familiar like src, alt, type, nameor autocompletesome seem quite strange because we may have never used them before poster, srcset, spellcheck, …
Attributes
In HTML, attributes are used to provide additional information about HTML elements. In this post, let’s review and learn more about the definition of some attributes in HTML.
Let’s start 🚀🚀🚀
Accept
acceptUse the with element attribute <input>(files only) to specify the file types that the server can accept.
<input type="file" accept=".jpg, .jpeg, .png">
Everything
Use attributes altwith elements <img>to specify alternative text in cases where the image cannot be displayed on the web page.
<img src="hinhanh.png" alt="Tranh phong cảnh">
Autocomplete
Use attributes autocompletewith tags <form>, <input>and <textarea>to control the browser’s autofill feature.
<input type="text" name="name" autocomplete="on" />
Contenteditable
Use the attribute contenteditableto specify whether an element’s content is editable. It allows users to modify the content within the element.
This is a global attribute, which means you can use it with all HTML elements.
<div contenteditable="true">Nội dung này có thể chỉnh sửa được</div>
Download
Use an attribute downloadwith a tag <a>to specify that when a user clicks a link, the linked resource will be downloaded instead of navigated.
<a href="document.pdf" download="document.pdf">Tải PDF</a>
Hidden
Use properties hiddento hide elements on the web page. This property is useful when controlling display capabilities when using JavaScript or CSS.
This is a global attribute, which means you can use it with all HTML elements.
<div hidden>Đây là nội dung bị ẩn</div>
Loading
Use attributes loadingwith tags <img>to control how the browser loads images. There are three values: “eager,” “lazy,” and “auto”.
<img src="image.png" loading="lazy" />
Multiple
Use attributes multiplewith tags <input>and <select>to allow users to select/enter multiple values at once.
<input type="file" multiple />
<select multiple>
<option value="java">Java</option>
<option value="javascript">JavaScript</option>
<option value="typescript">TypeScript</option>
</select>
Poster
Use an attribute posterwith a tag <video>to display the image until the user plays the video.
<video controls poster="image.png" width="500">
<source src="video.mp4" type="video/mp4" />
</video>
Readonly
Use an attribute readonlywith a tag <input>to designate the element as read-only, not editable.
<input type="text" value="This is readonly." readonly />
Srcset
Use attributes srcsetwith tags <img>and <source>(in <picture>) to provide a list of image sources. This helps the browser choose different images for different screen sizes.
<img src="hinhanh.png" srcset="hinhanh.png, hinhanh-2x.png, hinhanh-3x.png">
Spellcheck
Use attributes spellcheckwith tags <input>(except passwords), content-editable elements, and elements <textarea>to enable or disable browser spell checking.
<input type="text" spellcheck="false" />
Title
Use attributes titleto provide additional information about an element. This information is typically displayed when the user hovers over the element.
This is a global attribute, which means you can use it with all HTML elements.
<a href="document.pdf" title="Nhấn để tải">Tải File</a>
Conclude
After the article, I think you SHOULD need to know the above properties, let’s take notes so you can optimize your code and applications!
Source : https://viblo.asia/p/ban-co-biet-html-co-nhung-atributes-nay-MkNLrbyoLgA
https://t.me/s/TOPCasinO_POrtable
конфигуратор игрового ПК Игровой ПК в сборе – готовое решение для геймеров, не желающих тратить время на сборку.
прогнозы на спорт бесплатно от профессионалов на сегодня [url=https://www.prognoz-na-segodnya-na-sport2.ru]https://www.prognoz-na-segodnya-na-sport2.ru[/url] .
советы по нейросетям Боты Telegram: автоматизация задач, общение и развлечения в мессенджере.
скачать приложение 1вин [url=http://1win1138.ru/]скачать приложение 1вин[/url]
Комплексный подход к решению проблемы предлагает наша [url=https://narkologicheskaya-klinika01.ru/]клиника наркологии и алкоголизма[/url] в Санкт-Петербурге. Работаем с пациентом и его семьей.
В наркологической клинике пациенты находят поддержку и лечение для преодоления зависимостей. Здесь работают квалифицированные специалисты, готовые помочь каждому пациенту.
Одной из главных задач клиники является диагностика и лечение алкогольной и наркотической зависимости. Наркологическая клиника применяет различные методы, чтобы помочь пациентам преодолеть зависимость.
Специалисты работают с клиентами над психологическими аспектами их зависимостей. Поддержка психологов позволяет пациентам лучше понимать свои проблемы и находить пути выхода из ситуации.
Процесс реабилитации может занять различное время, в зависимости от сложности случая. Однако, завоевание контроля над своей жизнью стоит затраченных усилий.
Вам нужна качественная помощь в борьбе с зависимостями? Обратитесь в [url=https://narkologicheskaya-klinika01.ru/]наркологический центр в спб[/url] и начните свой путь к здоровой жизни!
В наркологической клинике пациенты находят поддержку и лечение для преодоления зависимостей. Команда профессионалов в наркологической клинике обеспечивает индивидуальный подход к каждому пациенту.
Клиника специализируется на лечении различных форм зависимостей, включая алкогольную и наркотическую. Наркологическая клиника применяет различные методы, чтобы помочь пациентам преодолеть зависимость.
Специалисты работают с клиентами над психологическими аспектами их зависимостей. Психологические занятия способствуют личностному росту и укреплению мотивации для изменений.
Длительность реабилитации варьируется в зависимости от индивидуальных особенностей пациента. Важно помнить, что процесс выздоровления требует времени, но результаты оправдают усилия.
Как вернуть мужа Очищение дома от негатива – необходимо для создания гармоничной и уютной атмосферы. Существуют различные способы очищения дома, такие как окуривание травами, использование соли и свечей.
1 вин ставка [url=http://1win1139.ru/]http://1win1139.ru/[/url]
1Win — онлайн-казино с широкой линейкой игровых автоматов, живыми дилерами и ставками на спорт. Платформа предлагает высокие коэффициенты, бонусы и акции для игроков. Простота регистрации, быстрая поддержка и удобный интерфейс делают игровой опыт комфортным. Однако важно помнить о рисках азартных игр и играть ответственно.
https://t.me/Mobile_1win/188
mostbet pul çıxarma [url=https://www.mostbet4042.ru]https://www.mostbet4042.ru[/url]
металлообработка Металлообработка – это обширная сфера деятельности, охватывающая широкий спектр процессов, направленных на изменение формы, размеров и свойств металлов и сплавов. От простых ручных операций до высокотехнологичных автоматизированных производств, металлообработка играет ключевую роль во многих отраслях промышленности, обеспечивая создание деталей, инструментов и конструкций, необходимых для функционирования современного мира.
напольные кашпо купить в интернет магазине [url=http://kashpo-napolnoe-spb.ru/]http://kashpo-napolnoe-spb.ru/[/url] .
mostbet idman mərcləri [url=https://mostbet3041.ru/]mostbet idman mərcləri[/url]
прогнозы на чемпионат мира по хоккею [url=http://luchshie-prognozy-na-khokkej1.ru]http://luchshie-prognozy-na-khokkej1.ru[/url] .
прогнозы на хоккей лайв [url=https://luchshie-prognozy-na-khokkej2.ru/]https://luchshie-prognozy-na-khokkej2.ru/[/url] .
free hwid spoofer Бесплатный HWID Spoofer – это привлекательное предложение, однако важно помнить о рисках. Зачастую, такие программы содержат вредоносное ПО или работают нестабильно. Рекомендуется использовать проверенные и надежные решения, даже если они платные.
you are in point of fact a good webmaster. The web site loading velocity is amazing. It kind of feels that you’re doing any unique trick. Moreover, The contents are masterpiece. you’ve done a fantastic activity on this topic!
https://keepstyle.com.ua/shcho-oznachaye-antyfoh-pokryttya-na-skli.html
сантехника москва купить [url=http://gessi-santehnika-1.ru/]http://gessi-santehnika-1.ru/[/url] .
Рейтинг онлайн казино России Бонусы за пополнение счета в онлайн казино России
cours de theatre Academie des arts de la scene
работа военным Работа военным – призвание, требующее самоотдачи и готовности к риску. Это служение Родине, защита ее интересов и обеспечение безопасности граждан. Военные – это не просто люди в форме, это профессионалы, прошедшие серьезную подготовку и обладающие уникальными навыками. Их работа сопряжена с трудностями, лишениями и опасностью, но она также приносит чувство гордости и удовлетворения от выполнения долга. Военная служба – это возможность проявить свои лучшие качества, такие как мужество, дисциплина, ответственность и товарищество. Это шанс внести свой вклад в историю страны и оставить след в сердцах людей. Военные – это опора государства, гарант его стабильности и процветания. Они всегда на передовой, готовы защитить свою землю и свой народ от любых угроз. Служба в армии – это школа жизни, которая закаляет характер и учит ценить простые вещи. Это возможность получить образование, освоить новую профессию и построить карьеру. Военные – это люди, которые умеют работать в команде, принимать решения в сложных ситуациях и нести ответственность за свои действия. Их опыт и навыки востребованы не только в военной сфере, но и в гражданской жизни. Военная служба – это выбор сильных и смелых людей, готовых посвятить свою жизнь защите Родины. Это работа, которая требует полной отдачи и преданности своему делу. Военные – это гордость нации, пример для подражания и символ мужества и героизма.
mostbet az etibarlıdırmı [url=http://mostbet4045.ru/]http://mostbet4045.ru/[/url]
https://stroidom36.ru/catalog/proekty-domov-do-150-kv-m/ Остекление балкона или лоджии позволяет значительно расширить полезное пространство квартиры и создать уютную зону отдыха. Существуют различные виды остекления, от холодного до теплого, в зависимости от ваших потребностей.
От посуточной аренды комнаты до длительной аренды коттеджа – большой выбор жилья для вашего пребывания. [url=https://otdyh-v-arhipo-osipovke.ru/]снять жилье в архипо осиповке[/url] можно в пару кликов, изучив отзывы и фото.
Отдых в Архипо-Осиповке — отличный выбор для любителей природы. Сюда часто приезжают туристы, желающие насладиться теплым морем и живописными пейзажами.
Пляжи Архипо-Осиповки славятся своей чистотой и уютной атмосферой. Купание и водные развлечения делают отдых здесь незабываемым.
Разнообразие мест для проживания в Архипо-Осиповке удовлетворит любые потребности отдыхающих. От комфортабельных отелей до уютных гостевых домов — выбор за вами.
Здесь вы найдете множество развлечений для всей семьи. Разнообразные экскурсии и культурные события позволят вам глубже узнать местную культуру.
красивые напольные горшки для цветов [url=kashpo-napolnoe-rnd.ru]красивые напольные горшки для цветов[/url] .
Hi there, constantly i used to check blog posts here in the early hours in the daylight, since i enjoy to find out more and more.
https://stroyazbuka.com/komplekt-sklo-ta-korpus-fary-yak-vybraty-prav.html
напольные кашпо для цветов высота [url=https://kashpo-napolnoe-rnd.ru]напольные кашпо для цветов высота[/url] .
iphone питер [url=http://kupit-ajfon-cs2.ru/]http://kupit-ajfon-cs2.ru/[/url] .
купить высокое кашпо напольное недорого [url=https://kashpo-napolnoe-rnd.ru/]https://kashpo-napolnoe-rnd.ru/[/url] .
как справиться со стрессом Женская энергия: Раскрытие и развитие женской силы и потенциала. Гармония с собой и окружающим миром.
Грузоперевозки Луганск Луганск грузоперевозки: Быстрая и безопасная доставка грузов любого объема. Наши опытные водители и логисты гарантируют соблюдение сроков и сохранность вашего имущества.
Денежная магия Как вернуть мужа
Play and enjoy vibrant slot mechanics with [url=https://sweet-bonanza25.com/]bahsegel sweet bonanza[/url], delivering an exceptional blend of fun and real earnings.
One of the most beloved online slot games is Sweet Bonanza, enchanting players globally. This game features vibrant graphics and exciting gameplay, making it a favorite.
The unique characteristics of Sweet Bonanza are what truly set it apart. The cascading reels mechanism allows for multiple wins in a single spin.
Moreover, the game offers a free spins feature that enhances the gaming experience. This feature can lead to substantial payouts, making it even more enticing.
Ultimately, Sweet Bonanza proves to be an engaging slot option for enthusiasts. The combination of its eye-catching graphics and generous rewards makes it a top choice for many.
Как эфирные масла могут помочь в личностном росте Эфирные масла для духовного роста и самосовершенствования: Откройте для себя путь к просветлению с помощью целебных ароматов. Ладан, мирра и сандал – ваши проводники в мир медитации и осознанности.
Грузоперевозки Луганск Грузоперевозки профессионалы Луганск: Команда профессионалов в сфере грузоперевозок.
I loved as much as you’ll receive carried out right here. The sketch is attractive, your authored material stylish. nonetheless, you command get bought an nervousness over that you wish be delivering the following. unwell unquestionably come more formerly again as exactly the same nearly a lot often inside case you shield this hike.
Stretch limo near me
1win affiliate [url=https://www.1win3024.com]https://www.1win3024.com[/url]
It’s awesome in favor of me to have a site, which is good in favor of my knowledge. thanks admin
Limousine service near me
купить айфон в спб [url=http://www.kupit-ajfon-cs3.ru]купить айфон в спб[/url] .
Today, I went to the beachfront with my kids. I found a sea shell and gave it to my 4 year old daughter and said “You can hear the ocean if you put this to your ear.” She put the shell to her ear and screamed. There was a hermit crab inside and it pinched her ear. She never wants to go back! LoL I know this is completely off topic but I had to tell someone!
Limousine service near me
завьялов илья поинт пей Илья Завьялов: Роль PointPay в формировании нормативной базы для крипто-индустрии
макросы warface бесплатно Хотите доминировать в Warface? Макросы варфейс – ваш лучший помощник! Улучшите свою стрельбу, контролируйте отдачу и станьте непобедимым игроком. Покажите всем, кто здесь лучший!
Профессиональная частная наркологическая клиника. Лечение зависимостей, капельницы, вывод из запоя, реабилитация. Анонимно, круглосуточно, с поддержкой врачей и психологов.
купить шторы в пятигорске Рулонные шторы Пятигорск купить: Защита от Солнца с Комфортом Если вы хотите купить рулонные шторы в Пятигорске, обратите внимание на разнообразие моделей и материалов. Рулонные шторы обеспечивают надежную защиту от солнца и позволяют регулировать уровень освещенности в комнате.
how to load code on 1win [url=1win3027.com]1win3027.com[/url]
завьялов илья поинт пей PointPay: Илья Завьялов о будущем крипто-банкинга и финансовых технологий
1win casino bonus account [url=https://1win3026.com/]1win casino bonus account[/url]
Pretty component of content. I simply stumbled upon your site and in accession capital to say that I acquire actually enjoyed account your blog posts. Anyway I will be subscribing in your augment or even I achievement you access persistently rapidly.
Town car near me