在過去的幾年里，前端開發發生了革命性的變化，變得更高效、更快，當然也更大。 SPA 框架的引入使 Web 開發發生了重大變化。更多繁重的工作轉移到了前端，需要處理更多的事情，例如動態 UI、路由、狀態管理等。因此，程序員習慣于使用新方法和第三方來減輕一些繁重的工作。當然，它有它的優點，但也有缺點，讓我們變得更懶惰。但是如果我告訴你，在前端的這段時間里，你可能錯過了一些基本功能，而不是使用它們，而是使用第三方包甚至更糟糕的是，自定義樣式來實現基本的東西？！是的，當然，讓我們從 html 中您可能不知道的 15 個功能的基礎開始，它們將幫助您輕松實現友好的 UI。事不宜遲，我們開始學習吧！
1、內容可編輯屬性
contenteditable 是可以在元素上設置以使內容可編輯的屬性。它適用于 DIV、P、UL 等元素。您需要這樣 設置它。
Earth 616 superheroes
1. Iron Man2. Captain America3. Black Panther
2、詳情標簽（Details）
標簽向用戶提供按需詳細信息。默認情況下，小部件是折疊的。打開時，它會展開并顯示其中的內容。
標簽與 一起使用實現一個可以折疊打開標題及詳情內容。Click here to see more from Earth 616 ID Name Location Job 1 John Doe Earth Human
3、datalist 標簽
標記指定預定義選項列表并提供自動完成功能。
In case of emergency, which superhero would you call?:
4、Range 屬性
范圍輸入類型的表單類似于滑塊范圍選擇器。
