初次使用BootStrap编写静态页面的个人总结

最新推荐文章于 2022-04-10 16:43:26 发布

原创

最新推荐文章于 2022-04-10 16:43:26 发布 · 1.7k 阅读

CC 4.0 BY-SA版权

文章标签：

本文作者作为后端开发者，首次尝试使用BootStrap编写H5页面，分享了学习过程中的体会。主要内容包括HTML的mate元标记、标签分类、CSS盒模型以及BootStrap的栅格系统和常用样式。通过总结，强调了开发者应理解并确保代码质量的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、前言

因为公司业务需求，需要编写几个静态的H5页面。平时主要从事后端接口的开发且没有系统学习过Web前端知识的我也是一种小挑战，本文主要是为了记录使用BootStrap框架编写H5静态页的个人体会与总结。

二、H5中的一些细节

1. mate（元标记），更详细的内容请google

<title>xxxxx</title>
<meta charset="utf-8">
<meta name="keywords" content="key1, key2..., keyn">
<meta name="description" content="hello ...">

2. 标签分类与特点

参考：HTML中标签元素三种不同类型

以下是我根据上文整理的XMind图，记忆可以只记块、行内块元素(剩下的大致就是行内元素)，尽量做到使用时心里有数这样才能更好的保证页面写出来的质量。