在HTML5中，我們經常使用一些小箭頭圖標來指示某些元素的狀態或者方向，而這些小箭頭圖標可以通過以下代碼實現：

<!-- 向上箭頭 -->
<div class="arrow-up"></div>
<!-- 向下箭頭 -->
<div class="arrow-down"></div>
<!-- 向左箭頭 -->
<div class="arrow-left"></div>
<!-- 向右箭頭 -->
<div class="arrow-right"></div>

其中，我們需要在CSS樣式表中定義這些箭頭的樣式：

.arrow-up, .arrow-down, .arrow-left, .arrow-right {
display: inline-block;
width: 0;
height: 0;
border: 5px solid transparent;
}
.arrow-up {
border-bottom: 5px solid #000;
}
.arrow-down {
border-top: 5px solid #000;
}
.arrow-left {
border-right: 5px solid #000;
}
.arrow-right {
border-left: 5px solid #000;
}

可以看到，我們使用了CSS的border屬性來實現這些小箭頭的效果，通過控制不同方向的邊框顏色和寬度來組合出不同方向的箭頭圖標。

這些小箭頭圖標在很多場景中都非常實用，比如作為菜單、下拉框、折疊面板等的指示符，可以幫助用戶更輕松地理解界面元素的含義和作用。在實際應用中，我們也可以進一步修改樣式，比如改變箭頭顏色、大小、加上動畫效果等，來滿足自己的需求。