---
# System prepended metadata

title: 連結元件
tags: [無障礙]

---

<style>
.blue {
  color: blue;
}
.red{
color: red;
}
</style>

> [name=講師｜xxx]

# 🚩連結元件

🔗 [CodePen 範例三](https://codepen.io/judyshyu/pen/OJdNJbZ?editors=1010)

* 除了網址欄位，需要標題或 aria-label 欄位
* 前台結構：

```html!
<a href="{連結網址}" target="_blank" title="{連結描述}">檢視更多</a></div>
```

![image](https://hackmd.io/_uploads/SkTtT11L6.png)

