Атрибут ширини, тепер не рекомендованийколись був правильним способом налаштування ширини стовпців таблиці. За замовчуванням браузер налаштовує стовпці таблиці відповідно до вмісту таблиці. Однак, якщо ви хочете контролювати ширину кожного стовпця, ви можете зробити це, налаштувавши ширину кожного <td> або <th> окремого рядка.

Медіа-запит щодо ширини пристрою – це фізична ширина пристрою, а не його роздільна здатність. Ось чому він був застарілим. Замість цього використовуйте медіа-запити min-width і max-width (що ви робили в першій публікації).

Ви завжди повинні включати природні атрибути ширини та висоти до зображень, щоб дозволити браузеру виділити для них місце, навіть якщо їх розмір пізніше змінено за допомогою css, і дозволити іншому вмісту продовжувати малювати під час завантаження зображення.

Застарілі теги HTML

Теги b і i не застаріли. (У специфікаціях: HTML5, HTML4) Вас хвилює правильне використання тегів. Якщо ви намагаєтесь показати наголос у значущому сенсі (як зараз), тоді вам слід використовувати em або strong . Якщо вам просто потрібен текст, який би виглядав курсивом/жирним як стилістичний вибір, тоді ви використовуєте i або b .

Використання max-width замість цього, у цій ситуації, буде покращити роботу браузера з малими вікнами. Це важливо, якщо зробити сайт придатним для використання на невеликих пристроях: цей елемент <div> має максимальну ширину 500 пікселів, а поле встановлено на автоматичне.