Использование свойства display вместо изменения типа элемента HTML напрямую необходимо, потому что оно позволяет:

• Выбрать элементы согласно их семантическому значению, не заботясь о том, как они будут выглядеть. 2 Например, можно превратить заголовки и абзацы в строчные элементы, а строчные элементы оформления текста — в блочные. 4
• Изменить расположение элемента в потоке и дочерних элементов внутри него. 2 Например, у элемента
• тип бокса по умолчанию — display: block, что означает, что элементы списка отображаются один под другим на странице. 2 Если изменить тип отображения на inline, элементы списка будут отображаться рядом друг с другом, как будто это слова в предложении. 2
• Управлять тем, будет ли элемент отображён в принципе. 3 Например, значение display: none полностью скрывает элемент со страницы, не удаляя его при этом из HTML-разметки. 5