Атрибут title у HTML — спливна підказка елемента

<p><abbr title="Каскадні таблиці стилів">CSS</abbr> — наведи курсор на абревіатуру.</p>
<button title="Ця підказка теж із title">Кнопка з підказкою</button>

HTML

<p><abbr title="HyperText Markup Language">HTML</abbr> — наведіть курсор на абревіатуру.</p>

<table>
    <tr><th>Файл</th><th>Опис</th></tr>
    <tr>
        <td>report.pdf</td>
        <td class="cut" title="Річний звіт за 2025 рік із додатками, поясненнями та розрахунками">Річний звіт за 2025 рік із додатками, поясненнями та розрахунками</td>
    </tr>
</table>

<p title="Підказка від абзаца-батька дістається і його дітям">
    Наведіть сюди — <span>цей span підказку успадкував</span>,
    а <span title="">цей скасував її порожнім title</span>.
</p>

<p><button title="Цієї підказки ви не побачите, якщо дійдете сюди клавішею Tab">Кнопка з title</button> — спробуйте Tab замість миші.</p>

CSS

.cut {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

table {
    border-collapse: collapse;
    margin: 1rem 0;
}

th, td {
    padding: 0.4rem 0.7rem;
    border: 1px solid #99aaaa;
    text-align: left;
}

abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
}