anchor.diff:    :marked
       **Do** leave one empty line between third party imports and imports of code we created.
       
  -    **采用** 在第三方导入和自己创建的代码导入之间留一个空行。
  +    **坚持** 在第三方导入和自己代码的导入之间留一个空行。
   
   .s-rule.do
     :marked
       **Do** list import lines alphabetized by the module.
       
  -    **采用** 按模块名字的字母顺排列导入行。
  +    **坚持** 按模块名字的字母顺排列导入行。
   
   .s-rule.do
     :marked
       **Do** list destructured imported assets alphabetically.
       
  -    **采用** 按字母顺序排列解构导入行。
  +    **坚持** 按字母顺序排列解构导入行。
   
   .s-why
     :marked
  
positive.code: .l-main-section
  :marked
    ### Import Destructuring Spacing
    ### 导入声明解构空格
    <a id="03-05"></a>
    #### Style 03-05
    #### 风格03-05
  
negative.code:   :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.
      
      **为何？** 组件有模板，包含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
  