web前端之HTML全部笔记(包含html5)
HTML是用于创建网页的标准标记语言,HTML5是其最新版本,添加了新的元素和功能,如画布、视频、地理位置等。
以下是HTML5的基本结构和一些常用元素的简单示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
<a href="https://www.example.com">链接到example.com</a>
</body>
</html>
HTML5 添加了一些新的元素,如 <header>
, <nav>
, <section>
, <article>
, <aside>
, <footer>
等,以及多媒体支持,如 <video>
, <audio>
, 和 <canvas>
。
视频元素示例:
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持视频标签。
</video>
画布元素示例:
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;">
您的浏览器不支持Canvas。
</canvas>
记住,为了确保跨浏览器的兼容性,您应该在使用HTML5的新特性时,考虑到老旧浏览器的兼容性问题。
评论已关闭