Почему меняется размер кнопки поиск?
Тренировался с своим сайтом используя макет страницы контакта из урока , заметил такую особенность.
Если в начале стоит простой тег <!doctype html> кнопка поиска имеет нормальный размер в полную высоту.
Если вставить как положено <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> , кнопка становится меньше при всех равных условиях. Долго не мог вычислить причину. Практически по строчно все заменял в фале. Вот вопрос , почему так ? И обязательно ли писать <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">?
2 ответов
И обязательно ли писать <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">?Вроде в курсах короткая запись используется, а длинная запись - это старый способ, современный способ с такой короткой записью:
<!DOCTYPE html>Скачай исходный код из курса и посмотри страницу контактов, там короткая запись (справа вкладка Файлы):
https://fructcode.com/ru/courses/html-and-css/responsive-complete/
Спасибо. То что с короткой записью работает я и так понял. Просто я не думал что эта строка так может повлиять на кнопку. Просто хотелось докопаться до причины. И как я понял теперь не нужно вставлять такие длинные строки в начале. Я вставлял код в старую верстку , когда еще такой код в начале использовался.
Но мне просто хочется понять каким образом он влияет на размер если все стили одинаковы , что заставляет его это делать?