HTML5相冊是一種可以用HTML5技術制作并呈現出來的相冊，它可以在網頁上一次性加載所有照片并以獨特的方式顯示它們。而這個相冊的源代碼是由HTML、CSS、JavaScript等技術所組成，下面我們就來看一下HTML5相冊的源代碼。 首先，我們需要定義一個用來呈現相冊的容器。這個容器可以是一個div標簽，它的id屬性可以為“gally”。

<div id="gally">
</div>

接下來，我們需要定義相冊中每張照片的HTML結構。這個結構通常包含一個img標簽和一些額外的元素，如p標簽來添加照片的描述信息。在這個例子中，我們的相冊每張照片都包含有一個p標簽來顯示照片名稱和描述信息：

<div class="photo">
<img src="photo1.jpg">
<p class="caption">This is photo 1</p>
</div>

在CSS代碼中，我們可以利用float屬性將每張照片緊密地布置在一起：

.photo {
float: left;
margin: 10px;
}

為了呈現更好的效果，我們還可以在CSS中添加一些過渡效果：

.photo {
transition: all 0.5s ease-in-out;
}
.photo:hover {
transform: scale(1.1);
}

現在，我們已經準備好使用JavaScript代碼來創建相冊的滑動特效了。我們使用jQuery庫來簡化這個過程，并在HTML文件中包含它：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

接下來，在JavaScript代碼中，我們使用jQuery選中相冊容器和照片，并在它們上面調用Cycle2插件：

$("#gally").cycle({
fx: "fade",
speed: 1000,
timeout: 5000,
pauseOnHover: true,
slides: ".photo"
});

最后，我們只需要將所有的代碼放在一起，就可以創建出一個簡單的HTML5相冊了。

HTML5相冊的源代碼非常簡單。在它的核心部分，我們只需要使用HTML、CSS和JavaScript語言的基本知識，就可以構建出一個美觀實用的相冊。有了它，我們可以在網頁上自由地展示我們的攝影作品，使之看起來更加精美與異彩照人。