input標(biāo)簽
<input> height 和 width 屬性
height 和 width 屬性規(guī)定用于 image 類型的 <input> 標(biāo)簽的圖像高度和寬度。
注意: height 和 width 屬性只適用于 image 類型的<input> 標(biāo)簽。
提示:圖像通常會(huì)同時(shí)指定高度和寬度屬性。如果圖像設(shè)置高度和寬度,圖像所需的空間 在加載頁(yè)時(shí)會(huì)被保留。如果沒(méi)有這些屬性, 瀏覽器不知道圖像的大小,并不能預(yù)留 適當(dāng)?shù)目臻g。圖片在加載過(guò)程中會(huì)使頁(yè)面布局效果改變 (盡管圖片已加載)。
<input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">
<input> placeholder 屬性
placeholder 屬性提供一種提示(hint),描述輸入域所期待的值。
簡(jiǎn)短的提示在用戶輸入值前會(huì)顯示在輸入域上。
注意: placeholder 屬性適用于以下類型的 <input> 標(biāo)簽:text, search, url, telephone, email 以及 password。
HTML5 語(yǔ)義元素
(https://www.runoob.com/html/html5-semantic-elements.html)
語(yǔ)義元素 = 有意義的元素
一個(gè)語(yǔ)義元素能夠清楚的描述其意義給瀏覽器和開發(fā)者。
無(wú)語(yǔ)義 元素實(shí)例: <div> 和 <span> - 無(wú)需考慮內(nèi)容.
語(yǔ)義元素實(shí)例: <form>, <table>, and <img> - 清楚的定義了它的內(nèi)容.
HTML5 定了 8 個(gè)新的 HTML 語(yǔ)義(semantic) 元素。所有這些元素都是 塊級(jí) 元素:
header, section, footer, aside, nav, main, article, figure
兼容方法
為了讓這些塊級(jí)元素在所有版本的瀏覽器中生效,你需要在樣式表文件中設(shè)置一下屬性 (以下樣式代碼可以讓舊版本瀏覽器支持本章介紹的塊級(jí)元素):
header, section, footer, aside, nav, article, figure
{
display: block;
}
IE9 以下版本瀏覽器兼容HTML5的方法:
1、使用靜態(tài)資源html5shiv包;
<!--[if lt IE 9]>
<script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->
2、載入后,初始化新標(biāo)簽的CSS:
/*html5*/
article,aside,dialog,footer,header,section,nav,figure,menu{display:block}
讓一些較早的瀏覽器(不支持HTML5)支持 HTML5的方法:
https://www.runoob.com/html/html5-browsers.html