As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
Why is XHTML needed? How does it stand apart on its own from HTML? When HTML has versions 3, 4, and an expected 5, why xhtml on one hand discontinued with version 2 and suddenly shown as part of HTML5 itself http://www.whatwg.org/specs/web-apps/current-work/multipage/the-xhtml-syntax.html#the-xhtml-syntax than separate recommendation?
XHTML is useful because it can be generated and parsed with standard XML libraries. If you don't need this property, you can use HTML. In HTML 5, it is just an alternative syntax for the same language...
XHTML was not discontinued. XHTML 1.0 (and 1.1) corresponded directly to HTML 4.01. The version of XHTML that corresponds to HTML5 is just called XHTML5 to synchronize the version numbers.
XHTML 2.0 was a discontinued effort at making a completely new document language.
Related
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 9 years ago.
EDIT:
The answers are:
zackzurn's answer.
jrummell's comment under this question.
Visual Studio 2010 shows warnings when I use capital letters for HTML attributes. For example, this will cause 2 warnings because of capital letters in cellPadding and bgColor:
<table cellPadding="1" bgColor="whitesmoke" >
Warning:
Validation (XHTML 1.0 Transitional): This name contains uppercase characters, which is not allowed.
Google HTML/CSS coding standard suggests that only lower-case letters should be used. But one can argue that capital letters sometimes improve readability of attributes.
While warnings are shown for the general HTML code, there are not warnings when capital letters are used inside ASP elements. This does not generate any warnings:
<asp:label id="lblProvider" CssClass="normalLabel1" Font-Bold="True" Runat="server">Select Provider Name:</asp:label> .
Question:
Is it appropriate to use upper case letters to improve readability of your HTML code or you should use only lower-case letters?
Why this warning is not shown for <asp: ... > elements?
Thank you for your help.
Here is the page from the XHTML spec: http://www.w3.org/TR/xhtml1/#h-4.2
Quoted below:
XHTML documents must use lower case for all HTML element and attribute
names. This difference is necessary because XML is case-sensitive e.g.
<li> and <LI> are different tags.
With regard the ASP tag not throwing errors as far as I know those tags are used by Visual Studio to generate compliant XHTML and are not the final elements that will show up in the HTML.
Simple answer:
If your doctype is XHTML 1.0 Transitional you MUST use lowercase characters to get it through the validator.
If you decide to go with any HTML doctype, you can have uppercase characters in your attributes.
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
I'm wanting to know if there is anyway I can see the css support for webkit browsers? I've had a look at
Caniuse and I've had a look
at PPK's website. I'm really after something what Microsoft have done for IE.
If there is anything out there can you post it please?
WebKit seems to be poorly documented, with no official summary or reference published. Here are some resources:
Safari CSS Reference by Apple; not very detailed
MDN CSS Reference, extensive but not complete summary of support to CSS in different browsers, including a separate page of WebKit extensions
CSS666, a summary of CSS support in browsers, compact, but has some info not present at MDN
Sitepoint CSS Reference, yet another summary of CSS support
Webkit CSS properties, compilation of -webkit- properties
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 11 years ago.
I have since the beginning been annoyed with the compatibility of CSS. Whats the best practice for coding css, that works with the most common platforms...
( IE7+, Firefox, Safari, Chrome AND iPad / iPhone, Blacberry, Android)
Are there any list to be found anywhere with known differences ?
Thanks!
Jakob
I often use CSS reference on http://www3.w3schools.com/cssref/default.asp - for each css element, they give the compatibility list of various browsers and also unique behaviour of some, if applicable.
For example, have a look at http://www3.w3schools.com/cssref/pr_class_display.asp for display property. It shows that the property is supported in all browser, and then gives details of specifics of IE:
The values "inline-table", "run-in", "table", "table-caption",
"table-cell", "table-column", "table-column-group", "table-row",
"table-row-group", and "inherit" is not supported in IE7 and earlier.
IE8 requires a !DOCTYPE. IE9 supports the values.
Similar description is provided for all other CSS elements. I'm not sure if it will address all of your issues, but it certainly is a very good resource.
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
I'm trying to improve the style of a website. I'm looking for some examples of beautifully styled HTML elements (tables, lists, headings, etc.) that I can draw on for inspiration, or just copy and paste verbatim (if that's permitted).
Some explanation of how the styling was achieved would be nice, but is not absolutely necessary, as I can always use Firebug to reverse engineer the design. Ideally the designs should:
Be compatible with all modern browsers (which excludes IE6 IMO)
Use little or no JavaScript
Be valid XHTML transitional/strict
EDIT: Ideally, the site(s) should provide an easy way to view a list of styles for a particular element type (ordered list, table, heading, etc.)
Thanks,
Don
The best recource for specific elements and types is in my opinion by far http://www.patterntap.com.
There you browse categories like lists and tables.
alt text http://img514.imageshack.us/img514/2662/afbeelding1eu.png
For lists, Listamatic immediately comes to mind.
For everything else, I can only think of CSS Zen Garden.
Open Source Web Design has a lot of stuff available. You can see it at: oswd.org
CSS Play, by Stu Nicholls, and, of course, A List Apart are two of my own favourites.
The folks at Zen Garden think they're pretty hot. There's a large collection of different designs of the same HTML text to be admired there. Maybe you can learn something from the masters!
http://www.dynamicdrive.com/style/
http://css-tricks.com/
http://www.css-website.com/
http://cssmania.com/
http://cssline.com/
http://webdesignfromscratch.com/web-design/web-2.0-design-style-guide.php#gradients
http://www.webcreme.com/
http://css-warfare.com/
http://www.cssbeauty.com/
http://www.boxedcss.com/
http://css.maxdesign.com.au/index.htm
http://www.csselite.com/
http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/
http://veerle.duoh.com/index.php/blog/comments/a_css_styled_table/
http://www.hunlock.com/blogs/Attach_icons_to_anything_with_CSS
http://www.designmeltdown.com/default.aspx
http://net.tutsplus.com/tutorials/html-css-techniques/design-a-beautiful-website-from-scratch/
http://inspectelement.com/articles/the-ultimate-a-z-of-the-best-design-and-development-related-sites/
For the inspirational sites, I use Firefox + Firebug. 95% of the sites listed comply to web standards, so I can peek at the code and know it's OK to use.
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
I've been using Nicole Sullivan's "Object Oriented" CSS grid for a while now (hate the term, though) and have found it to be quite good. However, as I get more experience with grids, I'm noticing a lot of other frameworks out there; in particular the 960 Grid System and the Yahoo! UI Library.
I'm looking for other peoples' experiences with these alternatives (or others) so I can make a more well-founded decision on whether to change or not.
I think Blueprint is the best.
Also review comments posted at: https://stackoverflow.com/questions/589184/help-me-choose-a-css-framework-960-vs-blueprint-vs
I found the noupe site has great comparisons for CSS frameworks and helped me choose: http://www.noupe.com/css/5-popular-css-frameworks-tutorials-tools-for-getting-started.html
If you are using rails framework, you should consider using compass which is layer over these frameworks (As suggested by Alan below).
I would recommend Blueprint used from within Compass. Compass reduces redundant CSS styles and has variables and classes. Apart from that, I have found Blueprint to be easy to use.
What about the twitter bootstrap framework. It good for me