前端開發(fā)工程師如何使用Table標(biāo)簽與Form表單標(biāo)簽?
先理解語(yǔ)義再談使用。
Table標(biāo)簽顧名思義,用來(lái)展示格式化數(shù)據(jù)。但是也會(huì)經(jīng)常用來(lái)做布局,原因是各種對(duì)齊、居中和寬高控制很容易,而且兼容性好(比如導(dǎo)出PDF、word等)。
Form用來(lái)做交互并收集用戶數(shù)據(jù),有文本輸入框、單選復(fù)選框和文件按鈕等表單元素,HTML5中又增加了很多新的表單元素,比如日期。
所以Table展示數(shù)據(jù),F(xiàn)orm輸入數(shù)據(jù)。按語(yǔ)義使用他們的好處是網(wǎng)頁(yè)結(jié)構(gòu)清晰(去掉CSS也能良好展示)、有利于SEO、減少代碼差異易于維護(hù)、利于設(shè)備解析(比如盲人閱讀、移動(dòng)設(shè)備等)。所有有了這個(gè)指導(dǎo)思想,下面就是學(xué)習(xí)具體使用,第一步了解它們有哪些標(biāo)簽、屬性并理解含義,第二步驟結(jié)合CSS3/AJAX,設(shè)計(jì)出好的用戶體驗(yàn)。這些展開會(huì)是很大的篇幅,建議花時(shí)間自學(xué)。首選http://www.w3school.com.cn/html/
希望能幫到你!