7344Re: [NH] Position Image Using CSS
- Nov 21, 2013Interviewed by CNN on 21/11/2013 16:40, Axel Berger told the world:
> Margaret Peloquin wrote:I wouldn't say it in so strong terms. Sure, you shouldn't wrap something
>> You can float anything provided it is in a <div>
> DON'T! NEVER even contemplate it. HTML is designed to be sematic
> language from the ground up. HTML tags tell *what something is*, not how
> it looks. The look is determined by the reader and his browser. You and
> your CSS can make suggestions and the reader may take you up on them if
> he wants. <DIV> is a fallback for rare cases where nothing else fits the
> bill, using it for visual design is misuse. HTML was designed by a
> physicist not by an advertisement agency and how long it has more or
> less survived thei concerted onslaught is proof how valubale that was.
in a <div> just for the hell of it; if there's a single block-level
element inside it, why not applying the style directly to the object?
And sure, if there's a semantically more appropriate element for that
role, you should use it instead of <div>. But lots of times, <div> is a
good option. It defines a distinctive block of the document (like, say,
an image and its caption) so styles can be applied to it. Sure, I prefer
using <figure> for images, because it's semantically loaded; but as it
has been pointed out to me, <figure> is not compatible with IE<=8 and
some other older browsers. So, if one is aiming for legacy
compatibility, one has to make do with whatever HTML 4 offers. That
means either using <div>, or using a table (which also has its share of
pitfalls), or abusing some other element, like <blockquote>. Myself, I
prefer using <div> in these cases.
Yeah, <div> is semantically null... but I think it's still better saying
nothing about the content than using the *wrong* semantically-loaded
element. An illustration with attending caption is neither a table as
generally understood in the physical world, nor a quoted block, nor a
list of anything. The <div> says only that "this is a distinctive
sub-unit of the document." And that's actually more accurate for a
captioned image than saying "this is a table" or "this is a quoted insert."
Back when HTML5 was pretty new, I used to define classes for <div> and
<span> based on the names of the new elements... partly so I got used to
the concepts, and partly to make it easy to eventually overhaul it to
HTML5, if and when there was a good reason to do it. So, for instance,
an image with caption would be contained in a <div class="figure">. The
caption itself would be a <p class="figcaption">
This message has been protected with the 2ROT13 algorithm. Unauthorized use will be prosecuted under the DMCA.
... Sent from my legal pad.
* Added by TagZilla 0.7a1 running on Seamonkey 2.22 *
Get it at http://xsidebar.mozdev.org/modifiedmailnews.html#tagzilla
- << Previous post in topic Next post in topic >>