dw_docs | What HTML tags can I use on Dreamwidth?

If you mention that br can be used alone then it seems logical to me to do the same for hr and img. Also br or br /, img or img /, etc.? What's standard now?

<img> has two required attributes: <src> and <alt>.

So <img><src><alt>? Nah. Why the <>? And what scr and alt are for anyway? You might as well explain these too. Especially alt.

If I already know some HTML, alphabetical sorting is good but scrolling isn't. What about listing the tags without the explanations but linking them to the explanations?
If I don't know HTML then this I'm not sure what I should do with this list. Let's say I'm just interested in styling my text. How can I do that? Couldn't the tags pertaining to that topic be grouped together? *whines* See what I mean? ;)

Edited 2009-05-21 11:16 (UTC)

Hm. The tags already appear without explanations in a list at the bottom of every entry text-entering window.

And what scr and alt are for anyway? You might as well explain these too. Especially alt.

Oddly, "scr" and "alt" aren't listed among the permitted tags. So I'm not sure what use "img" is going to be...

Hm. The tags already appear without explanations in a list at the bottom of every entry text-entering window.

Can you tell me where? I don't see any list on Post an Entry, the Quick Reply text area or the Mini Bio in profiles or in the Custom Text module area.

But scr and alt aren't tags. They're attributes as you said.

I'm bemused at the moment, because I recall seeing them at the bottom of the "Post An Entry" page (in very light grey type) but now I'm not seeing them anywhere, no matter which of my accounts I log into (so obviously I'll need to do some more digging). It's from that location (wherever it is) that I just scooped the tags, which explains why it may seem to be a non-intuitive and incomplete list.

Ah-HAH! Here it is! When you hit "Preview" they show up: Allowed HTML: [a] [abbr] [acronym] [address] [area] [b] [bdo] [big] [blink] [blockquote] [br] [caption] [center] [cite] [code] [col] [colgroup] [dd] [del] [dfn] [div] [dl] [dt] [em] [font] [form] [h1] [h2] [h3] [h4] [h5] [h6] [hr] [i] [img] [ins] [kbd] [li] [map] [marquee] [ol] [p] [pre] [q] [s] [samp] [small] [span] [strike] [strong] [sub] [sup] [table] [tbody] [td] [textarea] [tfoot] [th] [thead] [tr] [tt] [u] [ul] [var] [xmp]

(Angle brackets replaced with [ ] so they'll display...

Edited 2009-05-22 03:12 (UTC)

Oh, I never use Preview. I don't even often post via the site.

Same thing for <cols> and <rows> tags.

They're not tags, they're attributes to be inserted into the textarea tag.

The xmp example prints as:

This is an example of text formatted with &#60xmp&#62 attributes

To complete others' reports:
Examples for small, big, blockquote and h3 to h6 look like normal text to me.

And I'm with matgb on removing deprecated tags from the list.

Edited 2009-05-21 13:30 (UTC)

Src and alt are attributes for the img tag. Src is absolutely required, or you won't get an image to show. Alt is required as a standards/accessibility thing (IOW, it's good form to include it, for those with images disabled for whatever reason), but the img tag will work without it. The "alt=" attribute also provides the tooltip text when mousing over an image.

The <img> HTML example should probably be displayed as something like <img src="image.png" alt="This is an image!"/> so that the user knows how to put the tag together.

As for the standards questions by

ninetydegrees, XHTML 1.0+ requires that all tags be closed, even self-contained tags. So <hr/> would be the proper form. HTML 4.0 doesn't require this of self-contained tags, but will accept XHTML format, and I find it better to be consistent, since it causes less confusion that way (especially for the casual user).

I also agree with the grouping idea. The alphabetical list is only good for the "what's this do?" line of thinking, which is generally the opposite of how one thinks when learning (X)HTML. Generally speaking, the person looking this stuff up will be thinking more along the lines of "how can I do this?" Also, even as an experienced web developer who knows what all the tags do, I found the list to be getting to the point of too long and distracting that it started becoming painful to read through. There's not much to differentiate between entries.

As far as the <h> tags go, it might be useful to provide more detailed explanation on another page about them. The heading tags don't always show up different sizes (and can be styled to not change size at all), but their significance goes beyond just visual size. They actually help non-graphical utilities (browsers, web spiders, etc) differentiate between sections and subsections in a web document. It's like the "Table of Contents" tool in MS Word, which uses the headings to create an outline to use as the ToC.

Credentials: Web developer for a respected consulting company, Bachelor degree in Computer Information Systems specializing in web development, and freelance web developer since 2000.

The "alt=" attribute also provides the tooltip text when mousing over an image.

No, it doesn't. That's the title="" attribute.

I stand corrected on that. Thank you.

Aha! I knew I wasn't crazy! Internet Explorer will use the alt="" attribute to provide a tooltip text if title="" is not present.

Whether or not it's supposed to is a different story, but in IE, it does.

In violation of W3C's specs, which is precisely the sort of usage we're trying to discourage here by providing things like "true" ALT attributes on user icons.

Indeed, but I knew I had seen it work that way before, even if it's against the W3C specs (and we all know how well IE follows W3C's specs).

If nothing else, it's good to know what browsers have what quirks.

What HTML tags can I use on Dreamwidth?

no subject

no subject

no subject

no subject

no subject

P.S.

no subject

no subject

no subject

no subject

no subject

no subject