html中class的定义 html中class属性的声明方法

class 属性是 HTML 的核心，用于定义样式和行为。
使用方法如下。

1 .单个类名： 直接添加到元素中。
2 .多个类名：，用空格分隔。
3 、CSS用法： .container { width: 1 00%; }，在类名前添加一个点。
4 . JavaScript：使用 document.querySelector('.container').style.backgroundColor = 'lightblue'; 选择元素并与之交互 5 . 示例：按钮样式，.btn {padding: 1 0px 2 0px; .btn-primary {背景颜色：007 bff; }。
6 . 注意：与团队协作时，请保持名称简单，避免重复，并保持一致性和标准化。
7 .进阶：.header、.main-section、.footer等模块开发，动态样式切换等。

总结：合理使用类，提高代码的复用性和可维护性。

html常用标签及属性有哪些

说实话，当我第一次学习HTML时，我发现这些标签非常密集，令人恐惧。
但当我真正玩过几次之后，我发现还是蛮过瘾的。
例如，我使用

作为随机文本标题，但后来我了解到这个东西应该用在主标题中。
如果字段太高，搜索引擎会很慢。
我记得有一次我为客户做了一个页面，并将其放在更详细的

中。
结果，SEO效果非常差，然后出现了泡沫前沿。

列表标签也让我困惑。
混合无序列表和有序列表总是会导致相反的结果。
当然，一个确定的原因是介绍。
我本来想用有序列表来显示课程的顺序，但最终使用了无序列表，看起来像随机列表，不够专业。
后来我改变并意识到有序表格适合那些清晰的步骤，而无序列表适合显示功能或选项。

连接标签是使用真实知识来实现​​的。
当我第一次发现时，href属性被写为http而不是https，因此链接无法打开，我认为服务器有问题。
后来我意识到我没有把协议写正确，这个教训我记住了很长一段时间。
它也是一个目标属性。
新标签页打开_blank这个功能太实用了。
我将其添加到一些需要跳过但又不想中断用户提要的链接中。

需要图像标签。
src路径写错是很常见的。
我有一个项目没有直接部署到服务器，它引入了本地测试图像的绝对路径。
还有一个 alt 属性，一开始我以为是相反的。
后来，当我测试可访问性时，我发现屏幕阅读器依赖它来读取图像，不包含它是不公平的。
一位用户反映，当他阅读软件屏幕访问某个网站时，图片位置全是“图片”，他不知道它们是什么。
Turn终于认识到了alt的重要性。

我比较少用table标签，但我记得当一个页面上报的时候，它会直接把数据扔到table中，并在移动端轮询结果。
后来我用div+CSS解决了，所以现在除非必要，很少用表格。

在属性方面，class和id的使用是基础中的基础。
通常对模块和元素类型使用 ID，以便可以清楚地编写 CSS 选择器。
我一般不使用 style 属性，因为样式线会使 HTML 变得臃肿并且使编辑变得更加困难。
但制作弹出窗口有一种特殊情况。
使用样式来控制绝对位置比编写外部 CSS 更容易。

对于语义标签，当我第一次开始从事项目时，我尝试使用

并发现它很有用。
不过后来在接触几个SEO优化作品中，我发现

、

上一篇： html表格内部边框

下一篇： html如何设置表格背景颜色