anchor.diff:  
   a(href="#toc") Back to top
   
  +a(href="#toc") 回到顶部
  +
   .l-main-section
   :marked
     ### Components as Elements
  +  ### 将组件当做元素
     <a id="05-03"></a>
     #### Style 05-03
  +  #### 风格05-03
   
   .s-rule.do
     :marked
       **Do** define Components as elements via the selector.
  +    
  +    **采用** 通过选择器来定义个充当元素的组件。
   
   .s-why
     :marked
       **Why?** Components have templates containing HTML and optional Angular template syntax. They are most associated with putting content on a page, and thus are more closely aligned with elements.
  -
  -.s-why
  -  :marked
  -    **Why?** Components are derived from Directives, and thus their selectors can be elements, attributes, or other selectors. Defining the selector as an element provides consistency for components that represent content with a template.
  +    
  +    **为何？** 组件有模板，包含HTML和可选的Angular模板语法。它们大多素都是用来在一个页面上面放置内容的，所以与元素更加类似。
  +
  +.s-why
  +  :marked
  +    **Why?** Components are derived from Directives, and thus their selectors can be elements, attributes, or other selectors. 
  +    Defining the selector as an element provides consistency for components that represent content with a template.
  +    
  +    **为何？** 组件是从指令衍生的，所以它们的选择器可以是元素、特性或者其他选择器。把一个选择器当做一个元素来定义，为通过模块提供内容的组件提供了一致性。
   
   .s-why.s-why-last
     :marked
       **Why?** It is easier to recognize that a symbol is a component vs a directive by looking at the template's html.
  +    
  +    **为何？** 查看模板HTML文件，是最简单的识别一个符号为组件或者指令的方法。
   
   +makeExample('style-guide/ts/05-03/app/heroes/shared/hero-button/hero-button.component.avoid.ts', 'example', 'app/heroes/hero-button/hero-button.component.ts')(avoid=1)
   :marked
  
positive.code:     _Always_ might be a bit too strong of a word.    
      Guidelines that literally should always be followed are extremely rare.
      On the other hand, we need a really unusual case for breaking a *Do* guideline.
      **做**是我们一直要遵循的规则。
      _一直_该词可能有点太强。
      指南中标明应该一直遵循的非常少见。但另一方面，我们需要一个非常不常见的情况来打破一个*做*的指南。
  
  .s-rule.consider
    :marked
      **Consider** guidelines should generally be followed.
      **考虑**指南是通常应该遵循的。    
      If you fully understand the meaning behind the guideline and have a good reason to deviate, then do so. Please strive to be consistent.
      如果你能完全理解指南背后的意思，并且有一个很好的理由越轨，那就这么办。但是请保持一致性。
  
  
negative.code:   :marked
      **Why?** Provides pattern matching for test runners and build automation.
      
      **为何？** 提供一个模式，与测试运行器和自动建造相配。
  
  :marked
  :marked
  