在图像加载之前，如何显示文本代替图像？
因为在 HTML 网站上我有一个图像作为页面的标题，所以页面完全加载，标题图像稍后出现。
<h1><img src="heading.png" alt="Some nice heading here"
width="600" height="80"></h1>
Use the alt属性并设置图像尺寸（在 HTML 或 CSS 中）以确保浏览器可以在获取图像之前分配适当的空间。您还可以将 CSS 样式应用到img元素，例如字体、大小和颜色；在现代浏览器上，当尚未（或从未）获得图像时，样式将应用于替代文本。使用上面的代码，您可以设置样式h1元素。
或者，最初仅使用（样式化的）文本作为标题，但使用 JavaScript 将其替换为图像：
<h1 style="width: 600px; height: 80px">Some nice heading here</h1>
<script>
new Image('heading.png'); // preloads the image
var h1 = document.getElementsByTagName('h1')[0];
h1.innerHTML = '<img src=heading.png alt="' + h1.innerHTML + '">';
</script>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
