Атрибут title з'явився в HTML досить давно, але раніше він підтримувався обмеженою кількістю тегів, а тепер він є у всіх. Тому, якщо на сторінках опису якихось тегів ви побачите логотип HTML 5 () навпроти атрибуту, то знайте, що цей тег почав підтримувати даний атрибут саме з версією HTML 5. C іншого боку, хоч в HTML 5 тепер все теги можуть мати цей атрибут - не факт, що браузери його будуть також розуміти у всіх випадках. Більш того, в описах W3C також немає конкретики з цього питання, наприклад про те, для чого використовувати атрибут title в тезі або
.</p><p>Значенням атрибута title є будь-який рядок тексту, укладена в подвійні ( "") або одинарні ( '') лапки. Причому, якщо використовуються подвійні лапки, то всередині тексту можна використовувати тільки одинарні і навпаки.</p>
<p>Значення за замовчуванням: немає.</p>
<p>Обов'язковий атрибут: немає.</p>
<p>Приклад HTML: застосування атрибута title</p>
<p>Результат: Застосування атрибуту title.</p>
<p><div style="text-align:center;"><img src='https://webp.images-on-off.com/25/223/372x182_xoilpqwmmabmowxihkhl.webp' title="Загальні атрибути html - атрибут title (title)" alt="Загальні атрибути html - атрибут title" width='372' height='182'/></div></p>
<h4>Схожі статті</h4>
<ul>
<li>
<p><a href="/articles/specifikacija-html-4.html">Специфікація html 4</a></p>
</li>
<li>
<p><a href="/articles/opis-sutnostej-atributiv-kljuchiv-zv-jazkiv.html">Опис сутностей, атрибутів, ключів, зв'язків</a></p>
</li>
<li>
<p><a href="/articles/gorizontalne-menju-shho-vipadae-na-css-stvorennja.html">Горизонтальне меню, що випадає на css, створення сайтів на cms wordpress, верстка сайтів (html, css</a></p>
</li>
</ul>
</div>
<div class="extra">
<div class="info"><a href="/articles/zobrazhennja-inoplanetjan-kazus-abo-fotografii-z.html">Попередня</a> ◈ <a href="/articles/pristrij-karkasa-endovi-dahu-osoblivosti-montazh.html">Наступна</a></div>
</div>
</article>
</div>
</div>
</div>
</div>
<div id="sidebar" class="col-1-3">
<div class="wrap-col">
<div class="box">
<div class="content">
</div>
</div> </div>
</div>
</div>
</div>
</section>
<footer>
<div class="wrap-footer pominodiko">
<div class="row">
<div class="col-1-1">
<div class="wrap-col">
<div class="box">
<div class="content">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="copyright">
<p>© Copyright 2016 - 2026 | Всі права захищені</p>
<script>
new Image().src = "https://counter.yadro.ru/hit?r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";h"+escape(document.title.substring(0,150))+
";"+Math.random();</script>
</div>
</footer>
<style>
#cookieNoticeOverlay{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;padding:20px}#cookieNoticeBox{width:100%;max-width:520px;background:#fff;border-radius:18px;padding:28px 24px;box-shadow:0 20px 60px rgba(0,0,0,.35);font-family:Arial,sans-serif;text-align:center}#cookieNoticeBox h2{margin:0 0 14px;font-size:24px;line-height:1.25;color:#111}#cookieNoticeBox p{margin:0 0 22px;font-size:16px;line-height:1.5;color:#333}#cookieNoticeOk{display:inline-block;width:100%;max-width:240px;border-radius:12px;padding:14px 22px;background:#111;color:#fff;font-size:17px;font-weight:700;text-decoration:none;box-sizing:border-box;cursor:pointer}#cookieNoticeOk:hover{background:#333}body.cookie-notice-locked{overflow:hidden}
</style>
<div id="cookieNoticeOverlay">
<div id="cookieNoticeBox" role="dialog" aria-modal="true">
<h2>Cookie на сайті</h2>
<p>Ми використовуємо cookie для коректної роботи сайту та покращення сервісу.</p>
</div>
</div>
<script>
(function(){var storageKey='cookie_notice_ok_until';var showAgainAfter=24*60*60*1000;var now=Date.now();function getAcceptedUntil(){try{return Number(localStorage.getItem(storageKey))||0}catch(e){return 0}}
function setAcceptedUntil(value){try{localStorage.setItem(storageKey,String(value))}catch(e){}}
if(getAcceptedUntil()>now){return}
var overlay=document.getElementById('cookieNoticeOverlay');var okLink=document.getElementById('cookieNoticeOk');if(!overlay||!okLink){return}
function showNotice(){overlay.style.display='flex';document.body.classList.add('cookie-notice-locked')}
function closeNotice(){overlay.style.display='none';document.body.classList.remove('cookie-notice-locked')}
okLink.addEventListener('click',function(event){event.preventDefault();setAcceptedUntil(Date.now()+showAgainAfter);var rawHref=(okLink.getAttribute('href')||'').trim();if(rawHref==='#'||rawHref===''){closeNotice();return}
var targetUrl=new URL(rawHref,window.location.origin).href;window.open(targetUrl,'_blank','noopener,noreferrer');closeNotice()});overlay.addEventListener('click',function(event){event.stopPropagation()});document.addEventListener('keydown',function(event){if(overlay.style.display==='flex'&&event.key==='Escape'){event.preventDefault();event.stopPropagation()}},!0);showNotice()})()
</script></div>
</body>
</html>