Adding container elements

Mark Birbeck's picture

In addition to her email address, Jane also wants to add her name and phone number. Currently the values that she would like to use for these properties are not separated from the other text items so, as per rule 2, Jo adds some simple wrapper elements:

    <p>
      Hello. This is <span>Jane Doe</span>'s home page.
      <h2>Work</h2>
      If you want to contact me at work, you can either
      <a
       rel="foaf:mbox"
       href="mailto:jane.doe@example.org"
      >
        email me
      </a>
      , or call <span>+1 777 888 9999</span>.
    </p>