Ця стаття є дзеркальною статтею машинного перекладу, будь ласка, натисніть тут, щоб перейти до оригінальної статті.

Вид: 11708|Відповідь: 0

[HTML/HTML5] Різниця між тегами div, span і label у HTML

[Копіювати посилання]
Опубліковано 18.12.2014 13:33:30 | | |
Div and span
Коли вперше вивчаєш розташування div+css, виникає багато плутанини: у процесі використання div і span не відчувають, що існує певний «розділ», я відчуваю, що між ними немає великої різниці, у W3C щодо визначення div і span: div як структура розділеного документа природно робить його найофіційнішою семантикою, але така офіційна семантика надто заплутана, і велика структура також
Добре, але все одно залишається заплутаним, чи варто використовувати div чи span для маленьких місць. Насправді це саме «Microsoft MSDN Library»
Визначення всередині раптом стає просвітницьким.
div: Визначає контейнер для рендерингу HTML
span: Визначає вбудований текстовий контейнер
Простими словами, div слід використовувати, якщо в ньому є інші теги, а span — якщо в ньому є лише текст
Div — це елемент на рівні блоку, який забезпечує структуру та контекст для великих частин контенту в HTML-документі
span — це вбудований елемент, який визначає область всередині прямої (тобто її можна розділити на кілька областей у межах <span>лінії)
div-тег можна вбудувати разом із span-тегом (div можна розглядати як великий контейнер, span — це маленький контейнер, а великий контейнер, звісно, може розмістити маленький контейнер)

Розмах і етикетка
Оскільки наведено вище твердження про span, ми можемо виконати операцію span container для тексту, ми можемо визначити CSS-стилі чи щось подібне, але мітка теж здається нормальною? Але в чому різниця між цими двома?
Тег label в основному використовується для зв'язування елемента форми, і коли на тег мітки натискається, вхідний фокус отримує саме елемент Bound Form
Span — це свого роду контейнер для звичайного тексту.




Попередній:Javascript для отримання cookie для поточного входу на сайт!
Наступний:[Super Dick] — це шедевр народної технології спецефектів AE
Застереження:
Усе програмне забезпечення, програмні матеріали або статті, опубліковані Code Farmer Network, призначені лише для навчання та досліджень; Вищезазначений контент не повинен використовуватися в комерційних чи незаконних цілях, інакше користувачі несуть усі наслідки. Інформація на цьому сайті надходить з Інтернету, і спори щодо авторських прав не мають до цього сайту. Ви повинні повністю видалити вищезазначений контент зі свого комп'ютера протягом 24 годин після завантаження. Якщо вам подобається програма, будь ласка, підтримуйте справжнє програмне забезпечення, купуйте реєстрацію та отримайте кращі справжні послуги. Якщо є будь-яке порушення, будь ласка, зв'яжіться з нами електронною поштою.

Mail To:help@itsvse.com