HTML是網頁製作中最重要的語言之一，能夠決定網頁的排版和版面。在HTML中，我們可以設定各種元素的屬性來控制網頁的顯示效果。其中，設定屬性的方式之一就是使用“-”符號。
一、CSS屬性名稱中的「-」
CSS是用來美化網頁的樣式表語言，和HTML語言一樣，也使用「-」符號來分隔單詞，用以描述複合屬性的值。
例如，背景顏色屬性可以寫成“background-color”，字體大小可以寫成“font-size”。這種寫法在CSS中被稱為“連字命名法”，有助於提高屬性名稱的可讀性。
二、自訂資料屬性
在HTML5中，我們可以使用「data-」前綴自訂資料屬性，來為HTML元素新增自訂屬性，方便我們在JavaScript中讀取和操作該元素的資料。
例如，我們可以在HTML元素中加入data-*屬性，用來儲存該元素相關的自訂訊息，例如文章的id、發佈時間等。
HTML程式碼：
<div id="article-123" data-time="2020-12-01"> <h2>文章标题</h2> <p>文章内容</p> </div>
JavaScript程式碼：
const article = document.getElementById('article-123');
console.log(article.dataset.time); // 2020-12-01三、輸入框類型
在HTML中，我們可以透過設定input元素的type屬性，來指定輸入框的類型。常用的輸入方塊類型有文字方塊、密碼方塊、單選方塊、複選框、提交按鈕等等。
例如，我們可以設定type為「text」來建立一個文字輸入框，設定type為「password」來建立一個密碼輸入框。同時，我們也可以設定多個相同name屬性的多重選取框，來實現多選的功能。
HTML程式碼：
<form> <label for="username">用户名: </label> <input type="text" id="username" name="username"><br> <label for="password">密码: </label> <input type="password" id="password" name="password"><br> <label for="gender-male">男: </label> <input type="radio" id="gender-male" name="gender" value="male"> <label for="gender-female">女: </label> <input type="radio" id="gender-female" name="gender" value="female"><br> <label for="fruits">选择水果: </label> <input type="checkbox" name="fruits" value="apple">苹果 <input type="checkbox" name="fruits" value="banana">香蕉 <input type="checkbox" name="fruits" value="orange">橙子<br> <input type="submit" value="提交"> </form>
四、URL中的連接符號
在URL中，我們使用「-」符號或「_」符號來取代空格，以便於搜尋引擎正確解析URL中的關鍵字。同時，我們也可以使用“-”符號來代替“/”符號，以簡化URL路徑。
五、總結
在HTML中，使用「-」符號可以幫助我們設定CSS屬性、自訂資料屬性、輸入框類型和URL連接符，提高網頁製作的效率和可讀性。同樣重要的是，我們需要遵守HTML標準和語意化，為使用者提供更好的瀏覽體驗。
以上是html設定(-)的詳細內容。更多資訊請關注PHP中文網其他相關文章！
