Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Hyphen or Underscore

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for kaiye kaiye
December 10, 2010
Programming
0
230

Hyphen or Underscore

Semantic discussion about hyphen and underscore in CSS className. See more http://www.cnblogs.com/kaiye/archive/2011/06/13/3039046.html

Avatar for kaiye

kaiye

December 10, 2010
Tweet

More Decks by kaiye

See All by kaiye
大话前端黑客
Avatar for kaiye kaiye
4
330
前端七年之路
Avatar for kaiye kaiye
8
420
拍拍首页2012版前端技术应用
Avatar for kaiye kaiye
2
300
后IE6时代
Avatar for kaiye kaiye
1
1.4k
CSS3/JS/Flash版动画角标的实现与比较
Avatar for kaiye kaiye
0
160
GDD 2011 in Guangzhou
Avatar for kaiye kaiye
0
1.8k
拍首2011前端技术分享
Avatar for kaiye kaiye
1
190
Notification 3
Avatar for kaiye kaiye
0
100
前端开发眼中的组件库
Avatar for kaiye kaiye
3
490

Other Decks in Programming

See All in Programming
AIによるイベントストーミング図からのコード生成 / AI-powered code generation from Event Storming diagrams
Avatar for nrs nrslib
2
1.8k
Package Management Learnings from Homebrew
Avatar for Mike McQuaid mikemcquaid
0
210
余白を設計しフロントエンド開発を 加速させる
Avatar for karacoro / からころ tsukuha
7
2.1k
CSC307 Lecture 09
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
830
CSC307 Lecture 02
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
770
コントリビューターによるDenoのすゝめ / Deno Recommendations by a Contributor
Avatar for petamoriken / 森建 petamoriken
0
200
高速開発のためのコード整理術
Avatar for sutetotanuki sutetotanuki
1
390
Basic Architectures
Avatar for Denys Poltorak denyspoltorak
0
660
Unicodeどうしてる？ PHPから見たUnicode対応と他言語での対応についてのお伺い
Avatar for てきめん tekimen youkidearitai
PRO
1
1.1k
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
640
Vibe codingでおすすめの言語と開発手法
Avatar for uyuki uyuki234
0
220
AWS re:Invent 2025参加 直前 Seattle-Tacoma Airport(SEA)におけるハードウェア紛失インシデントLT
Avatar for tetutetu214 tetutetu214
2
100

Featured

See All Featured
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
270
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
82
Scaling GitHub
Avatar for Zach Holman holman
464
140k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
55
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
1
240
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
640
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
9.5k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
49
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k

Transcript

  1. Hyphen or Underscore @kaiye

  2. 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

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

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

  5. 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.

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

  7. HTML 属性编写规范 • 为了确保js的引用不容易出现错误，以及代码 工作的同⼀一性，属性名必须采用小写；属性 值必须由双引号包围；属性值当中避免使 用"-"号作为连接符而更改为"_"以防止人为遗 漏双引号的时候被当作两个变量相减；属性 值也尽可能使用小写（文件头部固定的属性 值等除外），以防止各人使用驼峰的风格不

    ⼀一致；旧有单⼀一属性必须使用赋值形式出 现；img的dom节点必须包含alt图片内容说明 属性。

  8. Hyphen strong point • easier to type • same with

    CSS property declare • avoid _hack and compatibility problem • semantization

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

  10. None

  11. THING MORE...

  12. More or Less @kaiye

  13. None

  14. <!doctype html> <html> W3C&WHATWG http://internet.solidot.org/article.pl? sid=10/05/15/054258

  15. None

  16. <link href=”#” rel=”stylesheet” /> <style></style> <script></script> HTML设计原理 http://my.opera.com/BB9z/blog/the-design-of-html5

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

  18. 《Less is more》 @kaiye

  19. One Page One Action

  20. None

  21. More is Less

  22. • CSS DOC • Module Example • Framework Mindmap •

    …

  23. Thanks