记得代码请根据你的需求更改数据和结构,谢谢。
1.基础框架
<!DOCTYPE html>
<html>
<head>
<mata charset="UTE-8">
<title></title>
<style></style>
</head>
<body>
</body>
</html>
2.弹性盒的视口定义
<meta name="viewport" content="width=device-width,initial-scale=1.0,shrink-to-fit=no"/>
3.bootstrap懒人代码(bootstrap非5.3版本和bootstrap跟html文档不是同一个文件夹,记得改href路径(应该是这样))
<link href="bootstrap-5.3.0-alpha1-dist/css/bootstrap.min.css" type="text/css" rel="stylesheet"/>
<link href="bootstrap-5.3.0-alpha1-dist/js/bootstrap.min.js" type="text/css" rel="stylesheet"/>
4. 文档结构(HTML5新增(应该是))
<header><header/>
<nav><nav/>
<section><section/>
<article><acticle/>
<aside><aside/>
<footer><footer/>
具体使用可以看其他博主的文章,搜HTML5的文档结构元素即可