HTML5透明度的设置主要通过CSS来实现，在HTML5中，我们可以使用RGBA或者HSLA来设置元素的透明度，这两种方法都可以设置颜色的透明度，但是HSLA还可以设置颜色的色调、饱和度和亮度。
1、RGBA：RGBA是Red, Green, Blue, Alpha的缩写，表示红色、绿色、蓝色和透明度，在RGBA中，每个颜色的范围都是0-255，而透明度的范围是0-1，rgba(255, 0, 0, 0.5)表示红色，但是透明度只有50%。
2、HSLA：HSLA是Hue, Saturation, Lightness, Alpha的缩写，表示色调、饱和度、亮度和透明度，在HSLA中，色调的范围是0-360，饱和度和亮度的范围都是0-1，透明度的范围也是0-1，hsla(180, 100%, 50%, 0.5)表示绿色，但是透明度只有50%。
以下是一些具体的设置示例：
1、设置整个页面的背景颜色和透明度：
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: rgba(255, 255, 255, 0.5); /* 白色背景，透明度为50% */
}
</style>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
2、设置一个元素的颜色和透明度：
<!DOCTYPE html>
<html>
<head>
<style>
div {
background-color: hsla(180, 100%, 50%, 0.5); /* 绿色背景，透明度为50% */
}
</style>
</head>
<body>
<div>这个div的背景颜色是半透明的绿色。</div>
</body>
</html>
3、设置一个元素的文字颜色和透明度：
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: rgba(255, 255, 255, 0.5); /* 白色文字，透明度为50% */
}
</style>
</head>
<body>
<p>这个段落的文字颜色是半透明的白色。</p>
</body>
</html>
4、设置一个元素的背景图片和透明度：
<!DOCTYPE html>
<html>
<head>
<style>
div {
background-image: url('https://www.example.com/image.jpg'); /* 背景图片 */
background-color: rgba(255, 255, 255, 0.5); /* 白色背景，透明度为50% */
}
</style>
</head>
<body>
<div></div><!-- 这个div的背景图片是半透明的白色 -->
</body>
</html>
以上就是HTML5透明度的设置方法，需要注意的是，虽然我们可以通过CSS来设置元素的透明度，但是这并不意味着元素的内容也会变透明，如果一个div设置了半透明的背景颜色，但是div里面的文字颜色没有设置，那么文字的颜色就会是默认的黑色，同样，如果一个img设置了半透明的背景图片，但是img本身没有设置透明度，那么img的图片就不会变透明。