10個未被充分利用或被誤解的HTML標簽

2019-10-26 17:24:11

字體：大中小

來源：轉載

供稿：網友

這里是10個未被充分利用或被誤解的HTML標簽。或許它們不太廣為人知，但是在特定情況下他們卻非常有用。
網頁開發人員常常希望能夠了解并掌握多種語言，結果是，學習一門語言的所有內容是棘手的，但是卻很容易發現你并沒有完全利用那些比較特殊卻很有用的標簽。
譯自：TutsPlus
不幸的是我們到現在還沒有涉足的那些比較不知名的HTML標記所有潛力。但它永遠不會太晚重新進入領域，并開始編寫代碼來發掘這些未開發的標簽的能量。
這里是10個未被充分利用或被誤解的HTML標簽。或許它們不太廣為人知，但是在特定情況下他們卻非常有用。
1. <cite>
貌似每個人都比較熟悉<blockquote> 標簽，但是你可知道<blockquote>的小弟弟<cite>？<cite> 允許你定義元素內的文字作為一種參考。一般，瀏覽器會用斜體來顯示<cite> 標簽內的文字，但是這可以用一點CSS來改變。
<cite> 標簽對于引用目錄或其它網站的參考非常有用。這里是一個在段落中使用cite標簽的例子:
David Allen的突破性組織性的圖書完成你的工作給忘了帶來了一場風暴。2. <optgroup>
<optgroup>標簽是定義select標簽中的選項分組的一種很好的方法。比如，你需要按時間來分組電影列表，那么就可以這樣做：
12
<label for="showtimes">上映時間</label><select id="showtimes" name="showtimes"> <optgroup label="下午一點"></optgroup> <option value="titanic">泰坦尼克號</option> <option value="nd">貧民窟的百萬富翁</option> <option value="wab">怪物史瑞克</option> <optgroup label="下午兩點"></optgroup> <option value="bkrw">獅子王</option> <option value="stf">全民超人</option> </select>
演示:
上映時間

它可以在視覺上區分電影列表。3. <acronym>
<acronym> 是一種定義或更多解釋一組文字的方法。當你用鼠標放到使用<acronym>標簽的文字時，一個顯示title標簽的內容的框框將會出現在下邊。比如：

上一篇：網頁HTML代碼：滾動文字的制作

下一篇：HTML網頁的段落排版和換行