本节简介:学习了常见的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