Как вы отвечаете, когда интервьюер спрашивает вас, что такое элемент ?

Напишите эту статью из предыдущего интервью, заголовок должен попросить метку IMG быть элементами блочного уровня или внутристрочным элементом. Я не думал, что не хотел сказать, что это встроенный элемент. интервьюер спросит, почему вы можете установить?<img />Ширина и высота этикетки меня вдруг смутили, и я обнаружил, что это заготовка в моей собственной технологии, поэтому у меня появилась эта статья.

Больше статей на моем github и в личном общедоступном аккаунте [full stack road], добро пожаловать на просмотр[Внешние точки знаний], если вам выгодно, деньги не нужны, просто нажмите звездочку

Прочитав эту статью, вы получите

<img />Основное использование ярлыков
Определение элементов MDN
специальные сменные элементы

`<img />`Основное использование ярлыков

Поддержка браузера

Все основные браузеры поддерживают<img>Этикетка

Определение этикетки и инструкции по применению

<img>Теги определяют изображения на HTML-страницах
<img>Теги имеют два обязательных атрибута: src и alt
Настоятельно рекомендуется использовать атрибут alt для каждого изображения в разработке. Таким образом, даже если изображение не может быть отображено, пользователь все равно может увидеть некоторую информацию о том, чего не хватает. А для людей с ограниченными возможностями атрибут alt часто является единственным способом узнать, о чем изображение.

`<img />`какой элемент

`<img />`Это встроенный элемент или элемент блочного уровня?

<img />Метка не имеет своей строки, так что это встроенный элемент, что не проблема.

Поскольку это встроенный элемент, почему можно установить ширину и высоту?

Этот вопрос приведет к следующей части,<img />Ярлыки являются замещающими элементами и имеют встроенные атрибуты ширины и высоты, поэтому их можно задавать. Подробные пояснения см. ниже.

Определение элементов

По характеристикам самого элемента его можно разделить на несменные элементы и сменные элементы.

связанный с элементомMDN объяснил

незаменяемый элемент

(X)HTMLБольшинство элементов являются не заменяемым элементом, т.е. исполнением его содержимого непосредственно клиентом (например, браузером)
Такие как:<h1>我是标题</h1>

сменный элемент

Браузер определяет конкретное отображаемое содержимое элемента в соответствии с тегами и атрибутами элемента.
Например, браузер будет<img>Значение атрибута src тега используется для чтения информации об изображении и ее отображения, но если вы просматриваете (X)HTML-код, вы не можете увидеть фактическое содержимое изображения; например, согласно<input>Атрибут type метки определяет, отображать ли поле ввода, переключатель и т. д.
(X)HTML в<img>、<input>、<textarea>、<select>、<object>являются сменными элементами. Эти элементы часто не имеют фактического содержания, т. е. пустой элемент.
Такие как:<img src="tigger.jpg"/>,<input type="submit" name="Submit" value="提交"/>
Свойства заменяемых элементов такие же, как и у элементов с набором display:inline-block.

специальные сменные элементы

<img>сменные элементы
<img>Обладает одновременно свойствами встроенных элементов, встроенных блоков и элементов блочного уровня.
Сменные элементы обычно имеют внутренние размеры, поэтомуwidthа такжеheight, вы можете установить
- Например, вы не указываете<img>изwidthа такжеheightКогда изображение отображается, оно отображается в соответствии со своим внутренним размером, то есть шириной и высотой изображения при его сохранении.
Для элементов формы браузеры также имеют стили по умолчанию, включая ширину и высоту.
<img>、<input>Принадлежит встроенному замещающему элементу.height/width/padding/marginдоступны. Эффект равен блочному элементу