本節簡介:學習了常見的HTML編碼規范及文件名規范。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
注釋規范:<!--......-->在HTML頭部加入公司版權注釋的標簽,頁面的每一部分也都要標明注釋,以備日后修改或者其他人的閱讀方便
4 嵌套 5 縮進 HTML屬性規范:1 給所有屬性賦值 2 屬性值必須使用雙引號或者單引號包圍起來,雙引號優先級別大于單引號優先級別 HTML特殊字符規范:給特殊字符用編碼標識,使用編碼標識才能保證字符正常顯示
HTML標簽書寫規范:1 小寫,XHTML對大小寫很敏感,在代碼中所有的標簽名稱以及標簽屬性名稱都要用小寫來表示 2 閉合,所有打開的標簽必須使用“/”閉合,成對出現的 3 所有標簽及屬性值標點,必須使用英文輸入法,否則有可能出錯
標簽規范:1.小寫,2.標簽要閉合,3.屬性值標點必須用英文的。
網頁規范:瀏覽器兼容器(utf_8)、HTML頭部規范、標簽書寫規范(英文輸入法、嵌套)、屬性規范(優先級)、特殊字符(標示編碼)、注釋規范(?。?、命名規范(文件夾、圖片、網頁、表格(像素非百分比)。)
1.能用顏色替代的部分不切圖。2。圖片最好使用.gif格式,
注意事項:1.表格盡量不嵌套;2.表格寬度指定像素,不要設置百分比。
網頁命名:首頁——index.html;新聞頁:news.html;列表頁:list.html。
不帶鏈接的標題—tittle;帶鏈接的標題:menu;按鈕:button;標志:logo;裝飾用照片:pic;導航:topnavbar、navbar、nav。
同一類型圖片:photo_o1,photo_02;photo_news_01。圖片文件命名:圖標—icon;縮略圖—thumb;照片—photo;背景—bg;產品—pro
常用文件夾命名:圖片文件夾——image;后臺:admin,manage;皮膚:skin;樣式表文件夾:Css,style。
書寫規范:標簽要嵌套,不同級別標簽要縮進,同級標簽要對其。
標簽規范:1.小寫,2.標簽要閉合,3.屬性標點用英文的。
圖片:所有圖片都要定義寬度和高度,替代文本與圖片主題保持一致。盡量把能夠放在一起的小圖標或圖片放在一個文件夾里(利于下載管理);能夠用顏色塊替代的部分絕不切圖;能夠空白的區域盡量不切圖;圖片最好用.gif格式。
表格:不用太多的嵌套表格或復雜表格,表格的大小使用像素,不要使用百分比,它會根據屏幕大大小來自動調整。
網頁命名規范:首頁index.html;新聞頁news.html;列表頁list.html;以此類推。
圖片文件命名:圖標icon,縮略圖thumb,照片photo,背景bg,產品pro,不帶鏈接的標題title,帶鏈接的標題menu,按鈕button,標志logo,裝飾用照片pic,導航topnavbar navbar nav