[uf-discuss] Quick formatting question
Micky Hulse
I plan on having several blogger photos, and their names, on a web
page I am designing.
Would an vcard format be approipriate for each blogger's name and photo?
If so, would the below syntax be acceptable?
<https://gist.github.com/2898563>
Suggestions?
Thanks!
M
_______________________________________________
microformats-discuss mailing list
microforma...@microformats.org
http://microformats.org/mailman/listinfo/microformats-discuss
Micky Hulse
> If so, would the below syntax be acceptable?
> <https://gist.github.com/2898563>
<https://gist.github.com/2898578>
TIA!
Cheers,
Micky
Stephen Paul Weber
Hash: SHA256
Somebody claiming to be Micky Hulse wrote:
>On Fri, Jun 8, 2012 at 4:03 PM, Micky Hulse <mickyhul...@gmail.com> wrote:
>> If so, would the below syntax be acceptable?
I would not use a <br/>, and if you can you should do the full n markup
(marking up which is the given and family name, etc). <img> is self-closing
so I'd reccomend using the img <img /> (with space) syntax. Also, the whole
thing being an <h6> seems kind of weird, though that is context-dependant.
In terms of "is the valid hCard and is hCard a good idea here," though, I
would say that looks good to me :)
- --
Stephen Paul Weber, @singpolyma
See <http://singpolyma.net> for how I prefer to be contacted
edition right joseph
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.4.11 (GNU/Linux)
iQIcBAEBCAAGBQJP04n6AAoJENEcKRHOUZzeqB4P/2siiu3d4Ycbx4B3Sdp1g5eI
Hg32JBXHItWm9QpSGNHFhVnPr9tTEj3bM5EaDjNys04iRl37e/hP09nM2cTs2xV7
JT1PGUx9l3XmsJKVEzOuocrkR0zcX2DF8JmxCrNh2D//FIU3aGOPTsDL510OI+09
51gHfw34zAOQ4O7y0vXznFMLnMczDvPySB7zl3eihhGoPxxCUd1xvNhZiglGaj4A
vZzi6RN9BQPEtvF//qZLLCZRLcyyIW5ADfoc7VufwHRtbODY5Ovg3uE7NkbVGOzq
jjKSNmjC/4E5SO+IjL7lD9jSrU2Cl6fXMCQ55kO+Dj9hbPCmts16M3OFlrkg7jUK
kOwmhqHtWyfv1afzfZjdTU0m5uwsjDExbq5bzJqnsOaNyuOL+wzV2SQItOGfbS8w
iDpR6El6RgSRHUB5gSIcMSeYC+GN3KaQOVJ6YaZSWHDvFAl3vMyOCJwIMPVZm/u7
6Z6yBxIQ1DGDtmAL4NkQoAHCpz8oEPFk6lVrBHdNNM7npl00P6ecQCdmJoYhlDoA
oXiyta5cscCv7p0EmnXS8T01s1bZBjitT6senmnh3cNmlSpgf0EdphY1A+SN4X3y
Yc+AfRkOj5k1UEbtnJCXyh0FNK1wq4yUpTtyN7qvh3/uoh+h7l9cRNoyo2qIIFD+
AtsZGiQCL1Ahf41lDDZe
=Q4Sz
-----END PGP SIGNATURE-----
Martin Leese
> Somebody claiming to be Micky Hulse wrote:
>>On Fri, Jun 8, 2012 at 4:03 PM, Micky Hulse <mickyhul...@gmail.com>
>> wrote:
>>> If so, would the below syntax be acceptable?
>><https://gist.github.com/2898578>
>
> I would not use a <br/>, and if you can you should do the full n markup
> (marking up which is the given and family name, etc). <img> is self-closing
> so I'd reccomend using the img <img /> (with space) syntax.
When he is done, Micky should pass the code
through a validator; see:
http://validator.w3.org/
> Also, the whole
> thing being an <h6> seems kind of weird, though that is context-dependant.
previously used <h1> through to <h5>.
Skipping header levels would be considered
bad practice.
Regards,
Martin
--
Martin J Leese
E-mail: martin.leese stanfordalumni.org
Web: http://members.tripod.com/martin_leese/
Micky Hulse
all, I really appreciate it. :)
On Sat, Jun 9, 2012 at 10:38 AM, Stephen Paul Weber
<singp...@singpolyma.net> wrote:
> I would not use a <br/>, and if you can you should do the full n markup
> (marking up which is the given and family name, etc). <img> is self-closing
> so I'd reccomend using the img <img /> (with space) syntax. Also, the whole
> thing being an <h6> seems kind of weird, though that is context-dependant.
I know what you mean about the <br>. I would like to remove it, but
the design requires an inline-block/border-bottom type of thing, so
the <br> was the next best thing to adding span tags around first/last
name (which would give me more hooks):
<div class="vcard"><span class="fn n">
<span class="given-name">Billy</span>
<span class="family-name">Johnson</span>
</span></div>
... but, because my bloggers don't use their middle names, the markup should be:
<div class="vcard"><span class="fn">Billy Johnson</span></div>
... I say this because the microformat docs say:
"For names of people which are two simple words (text separated by
space) and where the first word is their given name and the second
word is their family name, the class name "fn" is sufficient. E.g."
-- <http://microformats.org/wiki/hcard-authoring#The_Importance_of_Names>
I didn't want to use given-name/family-name willy nilly... So, the
<br> was my next best option (based on design).
I totally agree about the <h6>. I was trying to keep the code simple.
I have since modified the code so that the <h6> is only around the
first/last name.
Sorry, I should have specified: I'm actually using an HTML5 document.
I have come from an HTML4.01 Strict background (before that, I coded
using XHTML); since converting to HTML4.01, I've stopped utilizing
self-closing tags due to their validation problems with said DTD. Now,
I'm transitioning to HTML5 and experimenting with both microformats
and microdata.
> In terms of "is the valid hCard and is hCard a good idea here," though, I
> would say that looks good to me :)
Awesome! Thanks so much for your help, I really appreciate it. :)
Have a great day!
Cheers,
Micky
Micky Hulse
On Sat, Jun 9, 2012 at 11:53 AM, Martin Leese
<martin...@stanfordalumni.org> wrote:
> These would be valid XHTML but invalid HTML.
> When he is done, Micky should pass the code
> through a validator; see:
> http://validator.w3.org/
document, so I'll be sure to run it through:
<http://html5.validator.nu/>
>> Also, the whole
>> thing being an <h6> seems kind of weird, though that is context-dependant.
the first/last names.
> The use of <h6> implies that the page has
> previously used <h1> through to <h5>.
> Skipping header levels would be considered
> bad practice.
chance to add any other markup to the document that would justify the
use of an <h6> at this level. Thanks for pointing out this logic
error. :D
Have an awesome day!
Cheers,
Micky
Stephen Paul Weber
Hash: SHA256
Somebody claiming to be Micky Hulse wrote:
>Doh, I missed these relies for some reason. Thanks for the pro help
>all, I really appreciate it. :)
>
>On Sat, Jun 9, 2012 at 10:38 AM, Stephen Paul Weber
><singp...@singpolyma.net> wrote:
>> I would not use a <br/>, and if you can you should do the full n markup
>> (marking up which is the given and family name, etc). <img> is self-closing
>> so I'd reccomend using the img <img /> (with space) syntax. Also, the whole
>> thing being an <h6> seems kind of weird, though that is context-dependant.
>
>... but, because my bloggers don't use their middle names, the markup
>should be:
>
><div class="vcard"><span class="fn">Billy Johnson</span></div>
>
>... I say this because the microformat docs say:
>
>"For names of people which are two simple words (text separated by
>space) and where the first word is their given name and the second
>word is their family name, the class name "fn" is sufficient. E.g."
There's a difference between "sufficient" and "the best". When you have no
choice, the fn heuristic is nice, but I personally always prefer explicit
markup.
>I totally agree about the <h6>. I was trying to keep the code simple.
>I have since modified the code so that the <h6> is only around the
>first/last name.
>
>Sorry, I should have specified: I'm actually using an HTML5 document.
Ah! Well, in HTML5 there's usually no reason to use anything except <h1>,
just use nested <sections> (<h1> has been redefined to mean "top level
heading in the current section", so <h6> is equivalent to an <h1> six-levels
deep), though that may require a lot of rewriting for you, so don't sweat
over it :)
>I have come from an HTML4.01 Strict background (before that, I coded
>using XHTML); since converting to HTML4.01, I've stopped utilizing
>self-closing tags due to their validation problems with said DTD. Now,
>I'm transitioning to HTML5 and experimenting with both microformats
>and microdata.
The space-before-slash <tag /> self-closing style works just fine in
HTML4.01 and HTML5 processors (the space is there for compatability with
some such parsers). It has the advantage of *also* being legible by any XML
parsers that might want to read your page.
- --
Stephen Paul Weber, @singpolyma
See <http://singpolyma.net> for how I prefer to be contacted
edition right joseph
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.4.11 (GNU/Linux)
iQIcBAEBCAAGBQJP08iaAAoJENEcKRHOUZzeP9cQAMEkpXldhoY7m8btacBGkN82
SucZLRHrpqgciDzB9OEJrLmTdPXPYQSXpoDo6+pC7Pj9oUe0OS4DulfB+Anct6Ou
YfocI5gO49ZxKzRm0FJzKU01r+qpwuC9cDHiWWHIovj8NOAcpvT/+43XqDYXcTy3
sAu/EZ8oIBF6Q13U8fsrvMUV36XsZwjqQMsKZ3YAwEQXiXdWfLiB0RyNEy8eCWtc
PZNZxqqCoE3Hx6gwZ+gJvbAuxfRhoY4jgRfjwRIi/XDFF/0Fs/4SQOG509V+EfeQ
Aiohq6/Z6RZmVsJltrLQBB716rvpvdDiuxp3b4q1PjCP3259TqLKUbaSnE5PglvZ
qaMSfsDdH0f+N43waSoRXr7ID9DuSeqFFdEb53NwZPmtTkqE8clX6+T/yY7PmnF9
x7LBh1KjF4FH6H/I0brp1S4Mtp61uNvDpIdTbzVbIaQHTBeKHOYduRLhSm3fj/Ck
yoRUkfZ561C6ENj44RmzS6qAtEuAwtHDnJaCZePu1zLjefSR6F470lYAhqmuNFiH
KgBv/L2qAsO9TUjUMrM8wYFn4xcwtpxkYD/sBaQnaPA0pJRKhycaJPZwBIDdVDt0
VUT2WGzJMnblEbBTEAYWd2VaXx62PhTbKOli1/0QwA49VCEgoyRVhyuZajgpcK9q
IyEPX4LDgyuRT90MaKb+
=A1Dd
-----END PGP SIGNATURE-----
Micky Hulse
On Sat, Jun 9, 2012 at 3:05 PM, Stephen Paul Weber
<singp...@singpolyma.net> wrote:
> There's a difference between "sufficient" and "the best". When you have no
> choice, the fn heuristic is nice, but I personally always prefer explicit
> markup.
Cool! So it would not be totally against the rules/standards if I were
to use two span classes to wrap the first/last names. That would be
optimal for my situation (it would allow me to ditch the <br>). :)
> Ah! Well, in HTML5 there's usually no reason to use anything except <h1>,
> just use nested <sections> (<h1> has been redefined to mean "top level
> heading in the current section", so <h6> is equivalent to an <h1> six-levels
> deep), though that may require a lot of rewriting for you, so don't sweat
> over it :)
Cool! I am still in the testing stages, so it's going to be easy for
me to change things up. Thanks for tip(s)!
> The space-before-slash <tag /> self-closing style works just fine in
> HTML4.01 and HTML5 processors (the space is there for compatability with
> some such parsers). It has the advantage of *also* being legible by any XML
> parsers that might want to read your page.
Oh, I did not know that! Crazy, this whole time I have been avoiding
the closing slashes for HTML4.01 strict DTDs! Lol. :D
I'm glad that HTML5 is flexible enough to not care if you do/do not
use the space slash... You make a good point about the XML processors
though, I'll have to consider working that syntax back into my
routine.
Thanks again Stephen! Much appreciated.
Have a nice day.
Cheers,
Micky