Question

HTML非常不一致。它似乎遵循诸如

之类的模式

<p> </p>

OR

<title> </title>

然后我们得到类似的东西

<img src="http://www.example.com" />

应该是这样的

<img> src="http://www.example.com" </img>

任何人都能解释为什么会这样，为什么HTML委员会想要这个？

Answer 1

通常，两个标签之间的任何内容都将显示在页面上。所以，如果我们有

<span>Hello World!</span>

＆＃34; Hello World！＆＃34;将出现在页面上。如果元素需要某些信息才能正常运行，那么它将作为属性添加。例如

<a href="www.google.com">link to google</a>

文字＆＃34;链接到谷歌＆＃34;将受标记作为函数的任何内容的影响，在这种情况下，它具有对URL（href）的引用，如果单击该URL将指引我们到该URL。图像标记

也是如此

<img src="image.jpg"></img>

接下来你可能会感到困惑的是关闭标签。您会看到一些不同的情况。某些元素可以作为一个或两个标记关闭

<img src="image.jpg" />

因为这是无效的，因为img是自动关闭的

<img src="image.jpg"></img>

另一个例子，输入元素是自动关闭的

<input type="text" id="hi" />

是有效的

<input type="text" id="hi" ></input>

不是。

正如@ quandary1011101所示，这里是一个带有可选结束标记的标记列表。

</area>
</base>
<body>
</body>
</br>
</col>
</colgroup>
</dd>
</dt>
<head>
</head>
</hr>
<html>
</html>
</img>
</input>
</li>
</link>
</meta>
</option>
</p>
</param>
<tbody>
</tbody>
</td>
</tfoot>
</th>
</thead>
</tr>

我希望这会有所帮助。

Answer 2

src是标签img的一个属性。属性在标记内部声明，而内容在开始和结束标记之间。

段落与图像之间的区别在于段落的内容可以在页面上按原样显示。 src的内容不能。它们必须由浏览器解释才能显示实际图像。

记住HTML是超文本标记语言。您在段落中有该文本，然后将其包装在标记中以表示它是一个段落。图像不同。您在文档中没有图像网址并将其标记出来。网址是标记的一部分，描述了如何显示它。

Answer 3

随HTML 4.01 Strict DTD引入了可选标记，以便保存标记并减小文件大小。

这些标记包括：

</area>
</base>
<body>
</body>
</br>
</col>
</colgroup>
</dd>
</dt>
<head>
</head>
</hr>
<html>
</html>
</img>
</input>
</li>
</link>
</meta>
</option>
</p>
</param>
<tbody>
</tbody>
</td>
</tfoot>
</th>
</thead>
</tr>

有人可以告诉我为什么IMG标签是这样的吗？

3 个答案: