语义UI | 图片

什么是语义UI？

语义UI是指一个基于语义化的UI框架，它强调了语义化的HTML元素的使用，这种元素有助于网站的可访问性和可维护性。语义UI框架还提供了一套样式和组件库，使前端开发变得更容易快速。

为什么要使用语义UI？

使用语义UI的好处主要有两点：

1. 提高可访问性：语义化的HTML元素使得屏幕阅读器等辅助工具更易于读取页面内容，有助于提高网站的可访问性。

2. 提高可维护性：语义UI提供了一套清晰明了的样式和组件库，使得开发人员可以快速，轻松创建一致性和易于维护的UI。

什么是语义化的HTML？

语义化的HTML是指使用适当的HTML元素来描述网页内容的表达和结构，而不是用基于视觉样式的DIV和SPAN元素。例如，使用头部（header）和导航栏（nav）元素来描述页面结构，而不是使用DIV元素。

图片

在语义UI中，图片是一个常见的UI元素。对于图片的使用，需要注意以下几点：

• 使用alt属性描述图片的内容，以提高网站的可访问性

• 使用正确的图片格式，如JPEG，PNG，SVG等

• 充分利用CSS来处理图片尺寸和位置

• 图片可以作为UI元素来使用，比如作为按钮或链接

• 对于大量图片的页面，应考虑使用图片懒加载和响应式设计。

示例代码：

![图片描述](图片链接){.class名称}

其中，alt属性可以使用以下代码来添加：

![图片描述](图片链接){.class名称 alt="替代文本"}