語義化標籤

一、 語義化標籤 二、 對結構理解更清晰，給頁面合理的歸類與設置統一的樣式 三、 語義化標籤積累： 3.1 q標籤、lockqquote標籤 3.2 table添加summary能使搜索引擎更好的讀懂表格內容 3.3 a標籤裏面的title能給link添加提示框 a標籤的僞類（love）link（正常鏈接），visited（訪問之後）,hover（懸浮），active（點擊） a標籤在默認狀況下，連接的網頁是在當前瀏覽器窗口中打開，有時咱們須要在新的瀏覽器窗口中打開。（添加 target=」_blank」） a標籤還有一個做用是能夠鏈接Email, 若是mailto後面同時有多個參數的話，第一個參數必須以「?」開頭，後面的參數每個都以「&」分隔。 使用的例子：<a href="mailto:yy@imooc.com;cc@imooc.com?subject=觀了不得的蓋茨比有感&body=你好，對此評論有些想法">發送</a> 3.4 Img裏面的title屬性，alt屬性 3.5全部表單控件（文本框、文本域、按鈕、單選框、複選框等）都必須放在<form></form>標籤之間（不然用戶輸入的信息可提交不到服務器上哦！）。 3.6要輸入大段文字的時候： <textarea cols="50" rows="10">在這裏輸入內容...</textarea> 同一組的單選按鈕，name取值必定要一致 3.七、 Select（下拉列表框）value表示提交值，selected=」selected」表示元素被選中 multiple="multiple"表示能夠多選 3.8 input的type=reset 3.9 label標籤不會向用戶呈現任何特殊效果，它的做用是爲鼠標用戶改進了可用性 使用的例子： <label for="male">男</label> <input type="radio" name="sex" id="male" />（這裏咱們能夠發現其實id是很是經常使用的） 感受本身之前寫的不少都有問題，起碼在語義化方面不是很正確，之後不能再亂用了，否則很難統一。 四、用css就是爲了方便以後的樣式修改，因此減小冗餘代碼更好。 4.1給css添加註釋 4.2相同權值的狀況下：內聯式 > 嵌入式 > 外部式 4.3子選擇器：> 4.4後代選擇器是空格 4.5繼承是一種規則，它容許樣式不只應用於某個特定html標籤元素，並且應用於其後代（例如顏色） 但注意有一些css樣式是不具備繼承性的。如border:1px solid red; 標籤的權值爲1，類選擇符的權值爲10，ID選擇符的權值最高爲100，繼承也有權值但很低，有的文獻提出它只有0.1 4.6 層疊就是在html文件中對於同一個元素能夠有多個css樣式存在，當有相同權重的樣式存在時，會根據這些css樣式的先後順序來決定，處於最後面的css樣式會被應用。 瀏覽器默認的樣式 < 網頁製做者樣式 < 用戶本身設置的樣式，但記住!important優先級樣式是個例外，權值高於用戶本身設置的樣式 4.7經常使用的字體樣式屬性 Font-style: Font-weight: Text-decoration:line-through(劃去線) text-indent:2em;（文本縮進） word-spacing:英文單詞間的距離 letter-spacing:字母間的距離