80% фаснет ответит на неправильный вопрос: что такое элемент <IMG>?

HTML
80% фаснет ответит на неправильный вопрос: что такое элемент <IMG>?

предисловие

Однажды ночью я пошел поболтать с несколькими друзьями, и вдруг мы заговорили об интервью, и все они сетовали на то, что текущие вопросы интервью слишком извращены, и один из них вдруг загадочно спросил меня: «Ты писал переднюю часть». так долго, то вы знаете<img>Что такое элемент? "

Так что я объединил свой обычный опыт написания страниц, и выпалил: «Это должен быть встроенный элемент».

Конечно же, он погрозил мне пальцем, как «Африканская гора» Мутомбо.

Поэтому я вернулся и проверил, и обнаружил, что ответ не так ясен.Вот результаты Baidu и Google:

Но из рисунка видно, что упоминается одно слово:替换. Поэтому я обратился к более авторитетным веб-документам MDN в поисках替换元素Определение.

текст

Что такое сменный элемент?

В CSS представление замененных элементов не контролируется CSS. Эти элементы являются внешними объектами, внешний вид которых визуализируется независимо от CSS.

Проще говоря, на их содержимое не влияет стиль текущего документа. CSS может влиять на положение заменяемых элементов, но не на содержимое самого заменяемого элемента. некоторые сменные элементы, такие как<iframe>Элементы могут иметь свои собственные таблицы стилей, но они не наследуют стили родительского документа.

другие сменные элементы

1. Типовые сменные элементы

  • <iframe>
  • <video>
  • <embed>
  • <img>

2. Рассматривается как сменный элемент только в особых случаях

  • <option>
  • <audio>
  • <canvas>
  • <object>
  • <applet>

3. Специальный<input>

В спецификации HTML указано<input>элемент является заменяемым, потому что тип "изображение"<input>Нравятся элементы<img>также заменяются. Но другие формы элементов управления, в том числе другие типы<input>Элементы, которые явно перечислены как незаменяемые элементы.

4. В свойствах CSScontent

Объекты, вставленные с помощью свойства содержимого CSS, являются анонимными заменяемыми элементами. Они не существуют в разметке HTML и поэтому являются «анонимными».

Этикетка<img>авторитетное определение

Вот цитата из MDN:

<img>является сменным элементом. Значение по умолчанию его свойства отображения — встроенное, но его разрешение по умолчанию определяется исходной шириной и высотой встроенного изображения, что делает его таким же, как встроенный блок. ты сможешьЗадайте свойства CSS для границы/радиуса границы, заполнения/маржи, ширины, высоты и т. д.

<img>Базовой линии нет, а это означает, что при использовании vertical-align: baseline во встроенном контексте форматирования нижняя часть изображения будет выровнена по базовой линии текста контейнера.

В некоторых случаях CSS выполняет специальную обработку заменяемых элементов, например, вычисление полей и некоторых конкретных значений для авто. Вот почему при вставке изображений вам также необходимо установить некоторые свойства CSS, иначе всегда будет какое-то неожиданное поведение.

конец

Я очень запутался, когда начал заголовок, потому что может быть много читателей, которые могут ответить на него, или я могу быть в неведении. Но я спросил нескольких (бывших) коллег и друзей, и ни один из них не дал достаточно полного ответа, поэтому я, наконец, решил использовать это название, ведь оно соответствует «28-му закону». партия, пожалуйста, прости меня.

Однако после столь долгого написания страницы, в том числе и в обычном общении, я действительно не обсуждал этот вопрос подробно, может быть, он упоминался в книге, но меня не впечатлил, пока он не был задан в качестве вопроса на собеседовании.

Здесь снова обнажается проблема феноменального уровня:Что именно нужно спрашивать на собеседовании?

«Собеседование по сборке ракеты, вход и вырезание изображений» — это болевая точка фронтенд-интервью в последние годы. В прошлом году я даже брал интервью у одной компании. В письменных тестовых вопросах были вопросы по разработке программного обеспечения и вопросы по управлению проектами. Затем интервьюер тоже притворился X, сказав, что его очень интересуют основы. , компания является дочерней компанией некой группы, а потом он рассказывает о собственном понимании вопроса IQ, что не знает, какой сайт копировать (кажется однополосный мост, два фонарика, несколько человек, каждый переходит мост в разное время, и света нет. Что касается ГГ, найдите наилучшую стратегию моста). Тогда я подумал про себя: "Я здесь, чтобы взять интервью у фронтенда, что ты делаешь, разговаривая со мной так много? Это также касается управления проектами. Ты нанимаешь программистов или менеджеров проектов?" База для стартапов преобразована фабрикой, а всякая всячина нагромождена в месте интервью...Храм маленький, ветер сильный, а царей Чицяня больше восьми., пока-пока.

Лично, если вы набираете опытных разработчиков, вам следует задавать больше вопросовОпыт проектаи столкновение с проблемамиРешения, это нельзя обмануть вопросами обратного теста, вместо того, чтобы переворачивать стопки старых бумаг и задавать вопросы в стиле «Кун Ицзи» о том, сколько способов написать слово «хуэй».

Такого рода вопрос, вы узнаете его, если увидите, и не узнаете, если не увидите, и он очень полезен для проекта, если только интервьюер не является архитектором, автором сообщения об алгоритме и т. д. требуют глубокого теоретического исследования. Но по моему наблюдению, подавляющее большинство фронтендов на рынке набирается для написания страниц (кроме больших фабрик), а еще они очень скромные в коллективе, да и значимость их гораздо меньше, чем бэкенда( это статус-кво, потому что многие руководители, директора из бэкенда и не уделяют особого внимания фронтенду).

Итак, во время интервью не лучше ли быть менее рутинным и более искренним?

Наконец, я хотел бы привести известные слова великого бога Линуса: "Меньше дерьма, оценка закончена."

Я Брэд Тепи, опоздавший фронтенд

·