本節簡介：學習了常見的HTML編碼規范及文件名規范。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
圖片：所有圖片都要定義寬度和高度，替代文本與圖片主題保持一致 2 盡量把能夠放在一起的小圖標或者圖片放在一個文件夾內（利于下載，便于管理，文件?。?3能夠用顏色替代的部分絕不切圖，能夠空白的區域盡量不切圖 4 圖片最好使用.gif格式。
網頁命名規范：如首頁index,html 新聞頁news.html 列表頁list.html 以此類推。 表格：不要用太多的嵌套表格或是復雜表格，表格大小使用像素，不使用百分比，它會根據屏幕的大小來自動調整。
文件命名規范：規范一、文件夾（圖片文件夾：images、image后臺文件夾：admin、manage皮膚文件夾：skin樣式表文件夾：css、style）（規范二：圖片。常用圖片名，圖標：icon 縮略圖：thumb 照片：photo 背景：bg 產品：pro 不帶鏈接的標題：title 帶鏈接的標題：menu 按鈕：buttom 標志：logo 裝飾用照片：pic 導航：topnavbar、navbar、nav）（規范三：網頁 首頁：index.html 新聞頁：news.html 列表頁：list.
規范五：HTML特殊字符規范。給特殊字符用編碼標識，使用編碼標識才能保證符號正常顯示。
規范四：HTML屬性規范。1、給所有屬性賦值；2、屬性值必須用雙或者單引號包圍起來，雙引號優先級別大于單引號優先級別。
規范三：HTML標簽書寫規范。1、小寫，代碼中所有的標簽名稱以及標簽屬性名稱都要用小寫來表示。2、閉合，所有打開的標簽必須使用“/”閉合。3、所有標簽及屬性值標點，必須使用英文輸入法，否則有可能出現錯誤。
規范二：HTML頭部規范：<title>...</title>中間必須加入有意思的內容，中間可以有英文的“-”、“_”來做字符的分隔符。相對于搜索引擎，<title>...</title>的最大字符數是255個字符。
規范一：瀏覽器兼容性編碼，一般不用修改（去掉這一聲明，網頁頁面在一些瀏覽器下將會嚴重的錯位）<body>為了保證瀏覽器的兼容性，必須設置頁面背景為白色?？梢愿鶕撁骘@示的字符不同重新定義語句。
html頭部添加公司版權注釋，頁面每部注釋便于修改與閱讀
書寫規范：body背景設置白色，標簽小寫，，屬性值用雙引號或單引號包圍，雙引優先級大于單引，父子級書寫，子級可空出一個tab位，標簽均閉合
為了保證瀏覽器的兼容性，將body部分的背景設置為白色
首頁：index.html;新聞類：news.html;列表：list.html等
圖片表示：photo-01、photo-02等；photo-new-01、photo-new-02等
圖片文件夾：images、image;后臺文件夾：admin、manage;皮膚類文件夾：skin;樣式表：css、style;
charset=gb2312 簡體中文； charset=BIG5繁體中文； charset=iso-8859-1英語
規范二：HTML頭部規范：<title>...</title>中間必須加入有意思的內容，中間可以有英文的“-”、“_”來做字符的分隔符。最大字符255.
HTML 編碼規范 規范一：瀏覽器兼容性編碼，一般不用修改 簡體中文：charset=gb2312;繁體中文：charset=BIG5;英語：charset=iso-8859-1
body的背景必須設置為白色，為了軟件的兼容性。表格盡量用像素而不用百分比，網頁圖片格式盡量使用gif
簡體中文：charset=gb2312;繁體中文：charset=BIG5;英語：charset=iso-8859-1
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
