HTML标签常见问题

回车和空格

在编辑器里面的空格和回车表示的是文字分隔符，把前后内容分开，这个距离是由font-size决定的，所以设置父级的font-size：0就可以解决

在传到服务器的时候会对代码进行压缩，所以空格回车就会失效。

<img src="1.jpg">
<img src="1.jpg">
<img src="1.jpg">
<img src="1.jpg">

例如上述例子有四张图片要求并排展示，在测试的时候会发现图片中间有个6px的间隔，这是因为img标签是行内块元素，有文字属性，在我们的代码中存在回车，所以图片之间会被分隔开，但是上传到服务器之后，中间的回车会被删除掉。图片之间就没有了间隔，恢复了正常。所以在实际开发中不要加回车空格或设置font-size：0即可。

<img src="1.jpg"><img src="1.jpg"><img src="1.jpg"><img src="1.jpg">

base标签

<base href="www.test.com" target="_blank">

里面的是基础路径，如果页面中很多地方需要用到相同的路径就可以使用base标签配置，href是相同的基础路径，target表示新建一个空白页打开链接

一个页面只能有一个base