发表于： 2017-03-31 23:53:38
1 746
今天完成的事情：
1、查看资料《HTML编码规范》，记住一些重要规则：
使用 4 个空格做为一个缩进层级；
对于无需自闭合的标签，不允许自闭合（例如<input>）；
对 HTML5 中规定允许省略的闭合标签，不允许省略闭合标签。（例如 <br />）；
标签使用必须符合标签嵌套规则（例如 div 不得置于 p 中，tbody 必须置于 table 中）；
在 CSS 可以实现相同需求的情况下不得使用表格进行布局；
标签的使用应尽量简洁，减少不必要的标签；
<!DOCTYPE html>前面一个单词大写，后面一个小写；
指定字符编码的 meta 必须是 head 的第一个直接子元素；
引入 CSS 时必须指明 rel="stylesheet"；
[建议] 引入 CSS 和 JavaScript 时无须指明 type 属性。
解释：
text/css 和 text/javascript 是 type 的默认值。
这个可以不写了？
页面必须包含 title 标签声明标题，title 必须作为 head 的直接子元素，并紧随 charset 声明之后；
为了使 viewport 正常工作，在页面内容样式布局设计上也要做相应调整，如避免绝对定位等；
src 取值为空，会导致部分浏览器重新加载一次当前页面
[建议] 添加 width 和 height 属性，以避免页面抖动。
[建议] 有下载需求的图片采用 img 标签实现，无下载需求的图片采用 CSS 背景图实现。
解释：
- 产品 logo、用户头像、用户产生的图片等有潜在下载需求的图片，以 img 形式实现，能方便用户下载。
- 无下载需求的图片，比如：icon、背景、代码使用的图片等，尽可能采用 css 背景图实现。
……
[建议] 在针对移动设备开发的页面时，根据内容类型指定输入框的 type 属性。
解释：
根据内容类型指定输入框类型，能获得能友好的输入体验。
示例：
<input type="date">button 元素的默认 type 为 submit，如果被置于 form 元素中，点击后将导致表单提交。为显示区分其作用方便理解，必须给出 type 属性。
2、写日报
明天计划的事情：
1、看师兄回复；
2、继续进行任务
3、写日报；
遇到的问题：
1、第一次接触到html dtd，一脸迷茫，百度了一下还是没看懂（就记住一句话DTD 是一套关于标记符的语法规则），以后慢慢研究吧
2、规范上看到一些看不懂的东西
布尔类型的属性，建议不添加属性值。
自定义属性建议以 xxx- 为前缀，推荐使用 data-。
启用 IE Edge 模式。
……
这些看不懂的是尽量解决还是暂时搁置等以后实际遇到了再解决（主要是相关概念没接触过）
收获：
熟悉HTML编码规范
（清明有事回老家日报暂时停两天）
返回列表
评论