HTML5是一個強大的標記語言，它在網頁開發及移動應用程序開發中得到了廣泛的應用。在實際開發中，我們經常會遇到需要添加水印的情況，這篇文章將介紹如何使用HTML5來設置水印。 首先，我們可以在CSS中定義水印的樣式，例如：

.watermark {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #e5e5e5;
font-size: 48px;
font-weight: bold;
opacity: 0.5;
}

在這個樣式中，我們使用了絕對定位將水印放置在頁面的中心位置。通過transform屬性，我們可以實現水印的居中對齊。透明度設置為0.5，可以使水印顯得更柔和，不會遮擋內容。 接下來，我們可以在HTML中添加水印的內容。例如：

CONFIDENTIAL
這是一個標題
這是一段正文內容
...

通過這段代碼，我們在頁面中添加了一個水印標記“CONFIDENTIAL”。由于水印的位置是絕對定位，因此不會影響其他內容的排版。 最后，我們可以在JavaScript中控制水印的顯示和隱藏。例如：

在這段代碼中，我們使用了window對象的scroll事件來控制水印的顯示和隱藏。當滾動條的位置超過100個像素時，水印將被隱藏；否則，水印將被顯示。 總之，使用HTML5來設置水印是非常簡單的。通過CSS和JavaScript的控制，我們可以實現一個美觀、簡潔且實用的水印效果。