Marking Up Employee Info

HTML & CSS
1

What is the best way to mark up info about an employee?

For example…

John Smith
President
ASE Master Mechanic
20 Years Experience

I have a heading called < h2>Our Staff< /h2>, and was thinking of making the employee < h3 >, but am not sure what to do with everything else.

2

Is it a heading?

3

Somewhat.

In the example above, “John Smith” is almost like a paragraph heading and the info below is the paragraph. (That’s just my weird way of looking at things!)

I am also leaning towards using a DL/DT/DD.

The only problem with that is that I don’t necessarily want a label next to each thing. (I think people can figure that “John Smith” is a name!!)

4

I’d go with using a dl. (There’s no need to label each item unless you want to.)

1 Like
5

This is what they are designed for:

3 Likes
6

How would you apply DL/DT/DD to the example in my OP?

As I see it, I just have the DD’s as we both seem to agree label’s (i.e. DT) are unnecessary.

7 
<dl>
<dt>John Smith</dt>
<dd>President</dd>
<dd>ASE Master Mechanic</dd>
<dd>20 Years Experience</dd>

<dt>Fred Bloggs</dt>
<dd>Vice-President</dd>
<dd>MA in Economics</dd>
<dd>15 Years Experience</dd>

<dt>Ethel Blenkinsopp</dt>
<dd>Tea Lady</dd>
<dd>15 Band of Hope Temperance certificates</dd>
<dd>47 years experience</dd>
</dl>
1 Like
8

@TechnoBear,

Oh, that is an interesting approach!

9

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.