If you think the address element SHOULD be used: Fork the CodePen and share your solution below.
If you think the address element SHOULD NOT be used: Write your justification below as to why it’s not needed.
How to Fork a CodePen
In the bottom right corner of the CodePen example, there should be a button that says Fork. Click it. This will make a copy of the code that you can save to your CodePen account.
While anyone can edit or fork a CodePen, you can’t save and share your work without creating a CodePen account. It’s easy and free. The button to do this is in the upper right corner of the CodePen window.
I initially thought that, 'yes, I see an address and I use an address tag', but that seemed too easy. The page says it contains contact information for employees...which is not the same thing as a website organization or author of an article. So, I would not use the address tag here after all. Very tricky!
At first I was leaning towards yes and made the changes in the code pen. After thinking about it further, it doesn't seem really needed for a contact page for employees. This information will not be used to contact the website organization or the article author as stated in the lesson for the use of the <address> tag. If address information was included at the bottom of a webpage as we saw in the NASA fact sheet example, then definitely yes.
I'm of the view that the address element should be used on the page but not everywhere in the page.
According to MDN, address element is used to provide contact information for a person(individual, group or organization) , as seen in the given page it's quite obvious that the employees contact information includes social media link, contact person's name and so forth to which the contact information refers.
I think it's ok to use the <address> in this case. I think it may make the information on the page more clear. I tried it out and it seemed to go alright.
At first I was thinking yes, but then after putting it into code pen and thinking about it, I decided it wasn't necessary. As many have already stated in this discussion, I agree that it is not being used to contact the website organization or authors so it is not needed in this case.
I'm going to say no, the address element should not be used in this case, as the addresses are for employees, not authors of an article, nor the website organization itself.
I think we should use address element on this page. Although the paragraph element and the break function can make information looks good. However, address tag makes everything better. And it can distinguishes every part of the information more clear. Therefore, I think we should use address element. As for me, I get 8/8 in the quiz.
I admit I looked through here first to get some feel for whether my instincts were right...but I felt using the <address> tag here wasn't a good fit, since it was a contact page for employees versus providing contact information for the website's author / organization. Also I was very excited to get 8 / 8 on my quiz; I'm totally a nerd who loves good grades. ;)
My initial question was do I need two different <address>, one for each employee? After reading other people's comments here, I agree that they should be left in <p> (or in a definition list).
I would say "YES" and "NO", this question is very tricky. I don't think we need the address element in most cases, but for this particular case we can still address if it is syntax function. like "=address()" if I am not wrong here. Honestly it depends on the argument.
The problem statement clearly states that "this is a contact page listing contact info. for all of the organisations employees." And according to today's lesson that we have learnt, <address> </address> tag is mostly used to give the contact information of page author, or the organisations address. Hence, I mostly prefer not to add the <address></address> tag for the employees information.
I'm leaning towards leaving it as it is and going with not addresses in this case due it being employee addresses not the site owner as some others have already said :)
It seems intuitive to use the address element here but I wasn't sure whether to switch the <p> tag for an <address> or keep it. I switched it then noticed how the addresses had no space between them, put a <br> tag for the space ... then thought, no! (<br> tag between address lines only) and put the <p> tag back inside the <address>. Nicely spaced again. Phew! Thinking about HTML :D
So glad this is on demand so I can work through at tortoise speed and it really sinks in.
I would not use the address tag here because you don't need to put an address tag with contact information. However, you would need to put it if it was the author of the article.
Yes they are employees, yet isn't address an address afterall ?
Thus isn't that semantically correct ?
AFAIK it is not like we are making their addresses "public" by putting the address tag around 'em, as pretty much without the tag everyone can see them anyway.
So to me it seems it only makes it better semanticaly wise.
as per WHATWG we have to use <p> tag for postal address. so according to me we have to use <p> tag for the wrapping address, and there address are not related to a company, etc.
I was unsure at first if it should be used in this instance but decided on yes! There was a link to Twitter and having the tag made it more clear that it was a link.
Initially, I thought yes and used the address as part of the code but after sitting with it for a while and understanding that the contents of the address contains belongs to the author of the page or organisation and these names belonged to employees, it didn't make sense to put the address element there.
After reading MDN, the HTML living standard, and doing a bit of research, I decided to add the <address> element. If I went to MDN (Which is my normal go-to reference), I would see that the <address> element "can now be used to mark up arbitrary addresses". I know the living standards seem to be particular the use of <address>, but the section title is conveying there is contact information. This seems like a fair case to use it.
I initially thought that, 'yes, I see an address and I use an address tag', but that seemed too easy. The page says it contains contact information for employees...which is not the same thing as a website organization or author of an article. So, I would not use the address tag here after all. Very tricky!
At first I was leaning towards yes and made the changes in the code pen. After thinking about it further, it doesn't seem really needed for a contact page for employees. This information will not be used to contact the website organization or the article author as stated in the lesson for the use of the <address> tag. If address information was included at the bottom of a webpage as we saw in the NASA fact sheet example, then definitely yes.
I'm of the view that the address element should be used on the page but not everywhere in the page.
According to MDN, address element is used to provide contact information for a person(individual, group or organization) , as seen in the given page it's quite obvious that the employees contact information includes social media link, contact person's name and so forth to which the contact information refers.
Below is the saved pen code
https://codepen.io/Solobachi/pen/JjEWOJN
I think it's ok to use the <address> in this case. I think it may make the information on the page more clear. I tried it out and it seemed to go alright.
At first I was thinking yes, but then after putting it into code pen and thinking about it, I decided it wasn't necessary. As many have already stated in this discussion, I agree that it is not being used to contact the website organization or authors so it is not needed in this case.
I'm going to say no, the address element should not be used in this case, as the addresses are for employees, not authors of an article, nor the website organization itself.
https://codepen.io/la6ibrd/pen/MWJpKev
The three references offer conflicting advice about address:
- MDN says »it can now be used to mark up arbitrary addresses.«
- W3C says »contact information for a person, people or organization«
- WHATWG says »contact information for its nearest article or body element ancestor«
The example shows a page with contact information for team members. So following MDN and W3C we could use address, following WHATWG we should not.
In my CodePen I followed MDN/W3C and used <address> 😉
https://codepen.io/pmmueller/pen/oNBPPeG
There is need for the use of an <address> element on the page.
https://codepen.io/Solobachi/pen/MWJpEzd
I think we should use address element on this page. Although the paragraph element and the break function can make information looks good. However, address tag makes everything better. And it can distinguishes every part of the information more clear. Therefore, I think we should use address element. As for me, I get 8/8 in the quiz.
I admit I looked through here first to get some feel for whether my instincts were right...but I felt using the <address> tag here wasn't a good fit, since it was a contact page for employees versus providing contact information for the website's author / organization. Also I was very excited to get 8 / 8 on my quiz; I'm totally a nerd who loves good grades. ;)
My initial question was do I need two different <address>, one for each employee? After reading other people's comments here, I agree that they should be left in <p> (or in a definition list).
I would say "YES" and "NO", this question is very tricky. I don't think we need the address element in most cases, but for this particular case we can still address if it is syntax function. like "=address()" if I am not wrong here. Honestly it depends on the argument.
The problem statement clearly states that "this is a contact page listing contact info. for all of the organisations employees." And according to today's lesson that we have learnt, <address> </address> tag is mostly used to give the contact information of page author, or the organisations address. Hence, I mostly prefer not to add the <address></address> tag for the employees information.
I'm leaning towards leaving it as it is and going with not addresses in this case due it being employee addresses not the site owner as some others have already said :)
https://codepen.io/Jacutus0fB0rg/pen/PoWpZZo
I tend not to use an address element here, because an employee on a list isn’t (necessarily) writing articles on or maintaining/owning the website.
https://codepen.io/scloteau/pen/NWdpGeP
After seeing tons of comment, I try going back to the page going through this:
(Kinds of addresses
✅ Any information that's used to contact the website organization or the article author is fair game. That might include:
email addresses
social media links
phone numbers
The contact person's name may also be included in an address element.
⛔️ However, non-contact information is to be avoided.)
Then I realized that there no point using the address tag since the website doesn't belong to the employees.
It seems intuitive to use the address element here but I wasn't sure whether to switch the <p> tag for an <address> or keep it. I switched it then noticed how the addresses had no space between them, put a <br> tag for the space ... then thought, no! (<br> tag between address lines only) and put the <p> tag back inside the <address>. Nicely spaced again. Phew! Thinking about HTML :D
So glad this is on demand so I can work through at tortoise speed and it really sinks in.
https://codepen.io/gipsi/pen/ZEeoBRB
https://codepen.io/simbroo/pen/yLgMpXX
yes! https://codepen.io/kajal-28/pen/WNRLzJp
I would not use the address tag here because you don't need to put an address tag with contact information. However, you would need to put it if it was the author of the article.
I added one address tag and added a break in between the two addresses.
https://codepen.io/kadie7/pen/NWdadzy
I have put address tag x2 for both employees.
Yes they are employees, yet isn't address an address afterall ?
Thus isn't that semantically correct ?
AFAIK it is not like we are making their addresses "public" by putting the address tag around 'em, as pretty much without the tag everyone can see them anyway.
So to me it seems it only makes it better semanticaly wise.
as per WHATWG we have to use <p> tag for postal address. so according to me we have to use <p> tag for the wrapping address, and there address are not related to a company, etc.
I believe that the address tag should be used in this instance ! https://codepen.io/steph_pujols/pen/WNRpdzR
I was unsure at first if it should be used in this instance but decided on yes! There was a link to Twitter and having the tag made it more clear that it was a link.
here is my codepen:
https://codepen.io/laucrisw/pen/LYxWKej
Initially, I thought yes and used the address as part of the code but after sitting with it for a while and understanding that the contents of the address contains belongs to the author of the page or organisation and these names belonged to employees, it didn't make sense to put the address element there.
P.s. Thanks for this, it's got me thinking
After reading MDN, the HTML living standard, and doing a bit of research, I decided to add the <address> element. If I went to MDN (Which is my normal go-to reference), I would see that the <address> element "can now be used to mark up arbitrary addresses". I know the living standards seem to be particular the use of <address>, but the section title is conveying there is contact information. This seems like a fair case to use it.
https://codepen.io/adamabundis/details/dyNvKMP