Ok, I know that HTML5 is still been developed and lots of its features are not yet compatible with all the browsers. And some web developers are even yet to learn the new features of html5 and start using them in their day-today designs. I know that 90% of css3 properties are not yet fully embraced by web developers and browsers.

So why will anyone want to start thinking of HTML6 and CSS4? Isn't that trying to mess up with html and css entirely? Well, I was thinking and it came to me that there are some features I will like to see in html and css in the future.

Let's get started.

HTML6
1. <picture></picture> - This is even been advocated already by web developers in America and Europe. It may replace <img src=""/> in the future.

2. <responsive></responsive> - This will wrap the overall webpage. It will open after body tag and closes before it.

3. <social></social> - This will be used to mark up social media networks like facebook and twitter.

4. <translate></translate> - This will be used to translate any text from English to major languages like French.

5. <list></list> - This will replace <ul> and <ol>. You just click inside the opening and closing list tag and start typing without <li>. When you finish typing a particular line, just end it with >.
Like:
<list>
Web Design>
Graphics>
Training>
</list>

6. <link></link> - This will replace <a href=""></a>. You will just type your link like this: <link>index.html</link>

7. <info></info> - This will be used to write contact info like url, email, phone, etc. It will show in a special character.

8. <page></page> - This will replace <div id="wrapper"></div>. It will be used as the main container of each web page.

9. <logo></logo> This will be used to mark up your logo. Whether your logo is an image or text, you will write it like this: <logo>images/logo.png</logo>. It will be styled later in css4.

10. <paint></paint> - This is bringing photoshop brush to the web without using an image. You will see how it works in css4.

CSS4
1. picture{
scale:proportionally;
color-ehancement:brighter;
quality-enhancement:high;
load-optimizer:fast;
}

2. responsive{
mobile[240px, 320px, 480px, 640px]: respond;
desktop[960px, 1024px, 1200px, 1600px]: respond;
fitted: true;
}

3. social > facebook{
background-color:fb-color;
hint: 'Like us on facebook';
hint-popup: top; /*This will have right, left top and bottom*/
hint-color: #fff;
hint-bg: #000;

}

4. translate{
lang: 'french'; /*It will support other languages like: Portugese, German, Greek, Latin, Arabic, etc*/
}

5. list{
type: ul; /*You can also set the value to ol*/
bullet: disc; /*You can also set to square, circle, etc.*/
}

6. link{
color: red;
hover: black; /*No more something like a:hover*/
}

7. info{
/*This will have normal css styling like color, font-size, etc, but it will have a special styling by default.*/
}

8. page{
/*This will have normal css styling like width, border, background, etc.*/
}

9. logo{
place: left; /*the value can be set to right or center. Left is the default value*/
}

10. paint{
style: splatter; /*This will have values like: splash, smooth, rough, zigzag, etc*/
color-mixture: red + yellow; /*You can mix multiple colors as long as you mix them with + sign*/
}

Let me know what you think. Am I running out of my senses?

youdondeymadt! this are symptoms of overcoding!

Am still trying to get used to HTML5, u are talking of 6.

I pity u

GraphicsPlus.... I support you. Let me contact Tim and His team so we can start discussion on this... #Picks_up_phone...Grin_grin

lol, good ideas though I think your laziness is to blame for "social" and "responsive"

Are all the above part of W3C properties? or you are just postulating?

AFOLSNETWORKS: Are all the above part of W3C properties? or you are just postulating?

Bros, these are mere proposals (just as op called it), they are not part of the W3C standards.

Wow! These stuffs will come in handy for layZ peeps like me. But wait, html 6? I've not finished learning/applying html 5 (it is well sha). BTW, your post makes you sound lazy even tho I don't think you are (you're just saving time I guess).

So what re u saying.
that u want to start html6 and css4 ?

this is cool, the future of web development is really bright.

Na wah o

Cool!!!

All of una too funny jare, abeg ==>Next

Lwkmd
i wonder when Graphic+ became so bored to think of all these

6. <link></link> - This will replace <a href=""></a>. You will just type your link like this: <link>index.html</link>

Where will the hypertext be written?

.

Like seriously, assuming this eventually comes to stay then I think any tom dick and harry can easily put up codes to create their works(web sits) and that means bad business bro.

.

@g+ my main problem with your proposed specs is dat the html tags are overly dependent on css styles. for example the list tag you specified can only be defined with a declaration in css(type: ul or type: ol) what wld one do if he is to use a definition list(dl) nd remember ppl can turn of css frm their browsers you know......so by this you are hurting the law of progressive enhancement(errything shld work fine nd be accessible even if one or more of the features re turned off e.g. javascript,css)

With angularjs you could create custom directives for whatever you wish

I currently have a <uploader action=''></uploader> directive which I use for all my file uploads
As well as a lot of others that makes my code DRY

I like this guy jare.

I will propose to you to develop your own html6, css4 and your web protocol so that you can launch it urself.

Good thinking! good coding! good product