在学习HTML 之前需要了解的事情

HTML中文名为超文本标记语言，由此我们知道它是一种标记语言。那么为什么要设计标记语言呢。我们先来设想一下，我需要在浏览器页面上放置一个图片，那么如何放置呢？直接放置一个class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="aaa.jpg"可以么？当然不可以，因为浏览器不知道你写的东西是什么？所以，就有了标签，标签是一种标记，告诉浏览器这个地方是什么。比如<img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="aaa.jpg"/>就是告诉浏览器，这是一个图片。所有的HTML标签都是有其语义的。用来告诉浏览器这是一个什么。所以我们在学习HTML的时候一定要根据具体需求来选择相应的标签。切切不能单纯的为了效果随意使用标签。当理解了标签的语义和具体的页面需求，编写前端页面会是一项很有意思的事情。