There are several options available for W3 validations
Such as HTML - XHTML1.0, XHTML - Transitional, XHTML - Strict and
for CSS - CSS - 2.0, CSS - 3.0 ...
Which one would be your recommendation to follow? Please share your suggestions.
There are several options available for W3 validations
Such as HTML - XHTML1.0, XHTML - Transitional, XHTML - Strict and
for CSS - CSS - 2.0, CSS - 3.0 ...
Which one would be your recommendation to follow? Please share your suggestions.
Confirm your document adheres to the appropriate validation standards. Ensure you validate as HTML if that is your chosen language, or as XHTML if that is what you are working with. Take some time to review the specifications outlined by w3 for each type to determine which path aligns best with your goals.
For new websites, I recommend using HTML5, HTML4 Strict, or at most XHTML1 Strict. Avoid the temptation of Transitional versions as you may face regrets in the future.
In terms of CSS, I prefer CSS3, but CSS2.1 is also a solid choice.
In my opinion, the best choices for web development are:
HTML 4.01 Strict
CSS 2.1
Many in the industry share this sentiment as XHTML is considered flawed. This has led to W3C halting the development of the XHTML2 standard in favor of HTML5, which may not be widely supported by browsers for several more years.
Another issue with XHTML is the requirement to send it with a MIME type of application/xhtml+xml. However, Internet Explorer 6 (possibly 7 and 8 as well) fails to render pages sent in this format. This means developers must choose between sending text/html for IE and text/html+xml for other browsers, or completely disregarding the correct MIME type altogether.
http://www.w3.org/News/2009#item119 - Information on W3C discontinuing XHTML2 development
- Detailed article on XHTML by Ian Hickson, known for creating Acid2 and Acid3 tests and being part of WHATWG
According to statistics, CSS 2.x is used in a whopping 99% of cases.
Are you familiar with the concept of DOCTYPE? HTML and XHTML are actually distinct languages. If you're using m, then it's most likely XHTML.
I have a knack for simplifying things to the extreme. Perhaps it's best to explore further on the web.
I conducted some thorough research but couldn't find a satisfactory answer. I'm pondering whether it would be more beneficial to continue using li elements or transition to the article element for displaying comments. For Example 1: <ol clas ...
Recently diving into the world of angularjs, I stumbled upon ng-bind and its interesting functionality when used as a directive for textarea: <input type="text" ng-model="review.start"/> <textarea ng-bind="review.start"> </textarea> I ...
My student registration form includes a "Favorite Color" field with three checkboxes for blue, green, and red. Users are able to check multiple boxes. Now, I need assistance in adding the values of the checked checkboxes into an array list using ng-model. ...
Exploring a custom directive in angularjs: .directive('myDir', function() { return { restrict: 'E', template: "..." } }) When considering the <my-dir></myDir> tag, it appears to lack any default styling (or is ...
<tr class="main"></tr> <tr class="emails-details"> <button>some button</button> </tr> <tr class="main"></tr> <tr class="emails-details"> <button>some button</button> </tr> &l ...
After upgrading to Safari 7.1, I noticed that a couple of my css lines have stopped working. These lines were functioning fine with Safari 7.0.x and are still working in browsers like Chrome. overflow: hidden; and outline-color: [color]; Specifically, ...
I'm trying to adjust the width of semantic-ui sidebars, which are originally 275px wide. Where should I include the css/js code to make them wider or narrower? Here is their default code: .ui.sidebar { width: 275px!important; margin-left: -275 ...
My goal is to create a navigation bar (#nav) with each nav item being a div (#nav div). However, my current approach isn't working as expected. Here is the code I'm using: #nav { background: url("navbg.png"); /* navbg.png is 1x40 pixels */ ...
Looking to add content to the text input field on the website . When manually entering characters, all elements load automatically. However, using this code: document.getElementsByClassName("navbtn")[0].value += "d" does not generate new results and causes ...
Hey there, I have a question for you all. Is it possible to add a specific image to each option in Django? <select id="sTypes2" name="current_tier" class="form-control input-lg c-square"> <option value="Silver I">Silver I</opt ...
I have a scenario where I am using 'addEventListener' to handle the opening of a menu (genres-container) only after the transition on another menu (mobile-nav) has completed. The issue I am facing is that even after closing everything and trying ...
I have successfully integrated typed.js into my project and now I am looking to replicate the highlighted text with an excel-like box in one corner. I've managed to get the text typing out while also adding an SVG for the box in HTML, but I'm hav ...
I attempted to create a navigation bar by using the code below. <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles.css"> </head> <body class="background"> <ul> <li>Home</li> <li>Ne ...
Having a contact form on a website with 2 text fields, 1 textarea, and 1 hidden field is resulting in an unexpected issue. Despite all the fields posting to a PHP script, the textarea data is not being captured as expected. This is puzzling considering the ...
Having an issue with a PHP file on my test server that is displaying extra white space, which is highlighted by a red box. This whitespace is also shown in the developer tools view. When the file is outputted, all of the content appears on one line. Code: ...
CoDrops offers a website tour feature created with jQuery, which can be found at this link: http://tympanus.net/Development/WebsiteTour/ However, there is an issue when you click on "Start the tour". It will initially show a Next button, which then change ...
I have a simple jQuery code snippet that is supposed to make the navigation element sticky by applying a class with position: fixed. However, I'm facing an issue on my Commerce platform where the fixed position property doesn't seem to work corre ...
I am facing an issue with the following code snippet: * { box-sizing: border-box; } .wrapper { position: relative; /* border:1px solid blue; */ width: 250px; } .text { position: absolute; border:1px solid red; bottom: 0px; ...
I'm looking to create 2 images with different widths that are displayed at the same height side-by-side, preferably using a flex box. The method below works if I have the image dimensions (962x706 and 962x1275). Is there a way to achieve this withou ...
Currently tackling a website project and encountering an issue where inserting an href link into a table causes the text to shift forward. Seeking insights on why this is occurring. <!DOCTYPE html> <head> <title>Title</title> < ...