Slide 1

Slide 1 text

Hyphen or Underscore @kaiye

Slide 2

Slide 2 text

9 Confusing Naming Conventions for Beginners • http://net.tutsplus.com/articles/general/9- confusing-naming-conventions-for- beginners/ • http://dayanjia.com/2010/10/9-confusing- naming-conventions-for-beginners-in-web- programming.html

Slide 3

Slide 3 text

StackOverflow • http://stackoverflow.com/questions/ 1686337/hyphens-or-underscores-in-css- and-html-identifiers

Slide 4

Slide 4 text

Underscores in class and ID Names • http://devedge-temp.mozilla.org/ viewsource/2001/css-underscores/

Slide 5

Slide 5 text

Oxford Dictionary • http://www.oxforddictionaries.com/page/ punctuationhyphen/ hyphen-;jsessionid=082070F581446958B28484 7E7564A28E • Hyphens are also used to stand for a common second element in all but the last word of a list, e.g.: • You may see a yield that is two-, three-, or fourfold.

Slide 6

Slide 6 text

VOA 816: underscore • http://www.51voa.com/ Voa_English_Learning/ Learn_A_Word_33898.html

Slide 7

Slide 7 text

HTML 属性编写规范 • 为了确保js的引用不容易出现错误,以及代码 工作的同⼀一性,属性名必须采用小写;属性 值必须由双引号包围;属性值当中避免使 用"-"号作为连接符而更改为"_"以防止人为遗 漏双引号的时候被当作两个变量相减;属性 值也尽可能使用小写(文件头部固定的属性 值等除外),以防止各人使用驼峰的风格不 ⼀一致;旧有单⼀一属性必须使用赋值形式出 现;img的dom节点必须包含alt图片内容说明 属性。

Slide 8

Slide 8 text

Hyphen strong point • easier to type • same with CSS property declare • avoid _hack and compatibility problem • semantization

Slide 9

Slide 9 text

Semantization • http://www.google.com/support/ webmasters/bin/answer.py?answer=76329

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

THING MORE...

Slide 12

Slide 12 text

More or Less @kaiye

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

W3C&WHATWG http://internet.solidot.org/article.pl? sid=10/05/15/054258

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

HTML设计原理 http://my.opera.com/BB9z/blog/the-design-of-html5

Slide 17

Slide 17 text

Optional Closing Tags http://validator.w3.org/check?verbose=1&uri=http:// hikejun.com/tmp/test_optional_closing_tags.html

Slide 18

Slide 18 text

《Less is more》 @kaiye

Slide 19

Slide 19 text

One Page One Action

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

More is Less

Slide 22

Slide 22 text

• CSS DOC • Module Example • Framework Mindmap • …

Slide 23

Slide 23 text

Thanks