首頁 web前端 html教學 HTML small標記使用技巧_HTML/Xhtml_網頁製作

HTML small標記使用技巧_HTML/Xhtml_網頁製作

May 16, 2016 pm 04:42 PM
html small

類似於之類的短語元素,既可以改進文件結構,同時也保留了預期的視覺樣式。但在平時應用中不是很常見,第一眼的影響是淘寶UED是不是在這個小問題上疏忽了?

關於,網路上搜尋下來的結果也很零碎,有的說不建議使用,也有的在廢棄標籤裡沒有提到它的名字。幸好《精通HTML 語意、標準與樣式》一書中對此作了詳細的解釋。


<sup><sub><i><b>等一群兄弟一樣,被定義為表示性元素,W3C的說法是:為能夠簡單地指定字體資訊的元素,無語義。例如:<b>標記,是毫無疑問要用<em>或<strong>替代;但<i>標記,很難說在想要將頁面內的一段外文斜體表示的時候(外文顯示的慣例)直接使用它有什麼不對,因為當使用者用<span class="">…</span>去表現一段斜體的話,空間佔用要比前者多了很多。 <br><br>而更為複雜的<big><small>,該書的作者Paul Haine並沒有給出一個明確的答案,從理論上說,它們是純粹的表示性元素,應該使用css去替代它們。但業界的一些有分量的人物(Joe Clark)卻建議使用它們,以取得「按照重要性加權」的視覺效果。討論的結果是:有得必有失,要具體問題具體分析。 <br><br>回到淘寶的這一段程式碼中,<small></small>標記之中是一段跳過導覽的連結:<a class="invisible" href="#Content">跳過導覽及工具列</a>。我認為,淘寶UED在思考之後採用了和<i>標記一樣的思路,與其定義一個<span class="skipNavigation"></span>佔用大量html空間,不如直接使用<small>。更重要的一點是跳過導航的功能就是為用戶,準確的說是為殘疾人用戶在使用朗讀瀏覽器或無css樣式定義的情況下使用的,簡潔的<small></small>可能更符合標準化的精神。 <br><br>唯一的一點疑問是,css裸奔下的<small>的確是以下一號的字體顯示了其非重要性的本意。但對於盲人用戶,針對朗讀瀏覽器,是否將<small></small>改變成<strong></strong>更優化了用戶體驗? <br></small></small></i></small></big></i></strong></em></b></b></i></sub></sup>
登入後複製

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

HTML 中的巢狀表 HTML 中的巢狀表 Sep 04, 2024 pm 04:49 PM

HTML 中的巢狀表

HTML 中的表格邊框 HTML 中的表格邊框 Sep 04, 2024 pm 04:49 PM

HTML 中的表格邊框

HTML 左邊距 HTML 左邊距 Sep 04, 2024 pm 04:48 PM

HTML 左邊距

HTML 表格佈局 HTML 表格佈局 Sep 04, 2024 pm 04:54 PM

HTML 表格佈局

在 HTML 中移動文字 在 HTML 中移動文字 Sep 04, 2024 pm 04:45 PM

在 HTML 中移動文字

HTML 有序列表 HTML 有序列表 Sep 04, 2024 pm 04:43 PM

HTML 有序列表

HTML onclick 按鈕 HTML onclick 按鈕 Sep 04, 2024 pm 04:49 PM

HTML onclick 按鈕

您如何在PHP中解析和處理HTML/XML? 您如何在PHP中解析和處理HTML/XML? Feb 07, 2025 am 11:57 AM

您如何在PHP中解析和處理HTML/XML?

See all articles