What HTML tags can I use on Dreamwidth?

[ivorygates]

Somebody who isn't me needs to go over this:

http://www.dreamwidth.org/support/faqbrowse.bml?faqid=155

Comments

[florahart]

I don't know whether you want general commentary; if no, I remain unoffended by being completely ignored. ;)

If your intent is in fact to explain how to use different tags, which it seems to be, then I think telling folks what the anchor tag is without a context example is rarely useful. Er: credential: I taught periodic html workshops for about 6 years starting before there were particularly usable WYSIWYG editors. The A tag is one that folks just never got without the whole link and the linked text. (e.g., <a> always gets an attribute explaining where the link is to, such as <a href="http://www.dreamwidth.org">Dreamwith</a>, which gets you Dreamwidth)

Also, your blockquote example is not, on my monitor, blockquotey.

Also also, while I agree that the h1-h6 tags are hierarchical headings, the description of them as largest to smallest and the example text are problematic because practically speaking, h5 and h6 look identical (on my monitor), so h6 doesn't look smaller than h5.

Uh, those last two could be style issues within the celerity site scheme, I suppose, in which case perhaps I should report them.

:)

[flick]

Although it's less accurate, I think it might be more *useful* to have an example of how <a href> works, rather than just <a>.

Some of them (eg, address, span), I can't see any use for on DW. On the other hand, if you're listing all the possibly tags then I guess they should all be there. Might it be worth breaking the tags into sections? Say, tables, lists, formatting, links and images, advanced?

For some others (eg, font, img) it might be useful to give an example of how they work.

Big, blockquote, q, small, sub, sup are showing as regular text, and h3 to h6 all look identical, for me (Firefox, with the pink site scheme).

The angle brackets in the xmp example aren't showing corrctly.

[ninetydegrees]

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? ;)

[helen99]

These tag use examples were not displaying correctly on my screen:

big — A font-style tag, used to format text within a document. The big tag will format text as larger than the base font.

The sample big text appears no larger than the rest of the text.

blockquote — A font-style tag, used to format text within a document. The blockquote tag defines a long quotation. The browser will insert white space before and after a blockquote element. It also inserts margins for the blockquote element.

The sample blockquoted text doesn't have any more of a margin than the rest of the text. No space appears before the blockquote, and two spaces are after it.

H3 through H6 - These heading sizes look exactly the same - just bolded text.

q — A tag used to format text within a document. The q tag defines a short quotation. The browser will automatically insert quotation marks around text marked with q.

The sample text does not have quotation marks on my screen.

small — A font-style tag, used to format text within a document. The small tag will format text as smaller than the default text.

The sample text does not appear small.

"sub — A font-style tag, used to format text within a document. The sub tag defines subscript text. Subscript text appears half a character below the baseline.
sup — A font-style tag, used to format text within a document. The sup tag defines superscript text. Superscript text appears half a character above the baseline."

The sample text appeared no different from the other text.

[matgb]

Given that DW is declaring pages as using XHTML transitional, and this is a new workover, perhaps encouraging people to use XHTML tags would be good?

For example, it shouldn't be {BR}, it should be {BR /}, same for IMG (and encouraging defined height and width would be good given image placeholders &c) and HR.

You've also mentioned that SPAN can be used for Javascript—given that this is stripped out from DW posts, that's misleading. I'd suggest an example using a style, so people can see what/how it's used as a lot of people don't know the basics of putting CSS into posts.

But overall, fair, several codes in there I'd never heard of, not sure if that's my lack of knowledge or because they're deprecated.

[dragonwolf]

You guys might want to check the W3Schools (an educational website that tracks the W3C) and clear out the deprecated tags, since a lot of them (big, small, font, etc) won't work on a lot of modern browsers.

preformat tags

[babysprite]

I just checked with the w3 and preformat tags are still valid. Text tagged as preformatted does not display correctly as a monospaced font in Zesty, nor are the linebreaks appearing correctly.

/\__/\
(='.'=)
(")_(")

[zvi]

The tags pertaining to lists and the tags pertaining to tables should be grouped together.

I think that, for the formatting tags, instead of writing out what they do, perhaps just a list demonstrating their correct usage and then the affected text would be useful.

The thing where many of your examples of the formatting tags in use don't actually display correctly is a known bug, an effect of the extremely aggressive reset.css, see http://bugs.dwscoalition.org/show_bug.cgi?id=816 and http://bugs.dwscoalition.org/show_bug.cgi?id=1151.

[beckyzoole]

It would be great to have an alphabetical list of the permitted tags, each one expandable so users don't have to scroll through the list. The alphabetical list would help semi-experienced HTML users who see the list of permitted tags and just want to look up that one tag they don't know.

But for most users, a grouped list will be much more useful. I suggest the following groups as useful for beginners: "Formatting", "Forms", "Images", "Links", "Lists", "Tables", "Other".

[ivorygates]

I agree with what I'm seeing here, which is that *other* differently-arranged lists of permitted tags would be useful as well. But the specific point of this list is to produce a one-stop shop for all the permitted-on-DW html tags (according to the bottom of the "Comment Preview" page, at least), with at least some hint of what they do (which, yes, could possibly be *more useful*, but I don't actually code, so I was working in the dark here...)

If it's that (a simple list, and it's very annoying that the bug won't let the font-formatting tags display properly) then is it most useful to have them in a "simple alphabetical" list for easy searching? Or should even the comprehensive list be separated by type, perhaps with an additional explanatory-and-introductory paragraph preceding each?

HTML FAQ

[cesy]

From sup onwards appears to have all the text in superscript in IE7.

Also, it would be good to add a note that using em and strong is better than i and b for screenreaders users.

And seconding the stuff about a href being much more important than a.

[wanted_a_pony]

1. When I view this FAQ, all of the entries after SUP are in superscript. (Very hard to read of course....)

2. I'm pretty sure I qualify as a "naive user" of HTML. For me, just having an alphabetic list of codes with brief descriptions of what they do (when it's not self-evident) is the most useful. If something interests me I tend to hack&slash my way to using it, so this is a great reference guide & learning tool for me. ;-)

3. As a variety of people above noted, some of the code examples don't look any different than plain text on my monitor. I'm sure it mostly has to do with individual PC & software settings, tho', so I'm not going to bother specifying what unless someone asks for details. Feel free to ask if you want the info!

Thanks for your hard work! *I* appreciate it!