Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix issues #5 and #13 #23

Open
wants to merge 6 commits into
base: gh-pages
Choose a base branch
from
Open

Fix issues #5 and #13 #23

Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
e70b0b3
Update html:meta, split html:link and html:a to html:alter, html:incl…
cshaa Aug 12, 2013
0d47a41
Changing `html:include/@href` to `html:include/@src` - it's not a ref…
cshaa Aug 12, 2013
9c7ea30
Change image location to the current OscarGodson's HTML6.md
cshaa Aug 12, 2013
d6711b0
Rollback to html:a (merge html:link and html:anch)
cshaa Sep 19, 2013
5e44431
Correcting a misspell.
cshaa Oct 9, 2013
f9e838e
fixed
cshaa Feb 15, 2014
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
69 changes: 53 additions & 16 deletions README.md → _includes/HTML6.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# HTML6

![HTML6](malay.jpg)
![HTML6](http://html6spec.com/malay.jpg)

## The Spec That Brings Us Freedom

Expand Down Expand Up @@ -29,7 +29,7 @@ Now, without further adieu, let me introduce you to HTML6.

### Section 2 - The Concept

HTML6 is conceptually HTML with XML like namespaces. If you don't know XML, or don't know what XML namespaces are they're basically a way to allow you to use the same tag without it conflicting with a different tag. You've probably actually seen one before in the XHTML DOCTYPE: `xmlns:xhtml="http://www.w3.org/1999/xhtml"`
HTML6 is conceptually HTML with XML like namespaces. If you don't know XML, or don't know what XML namespaces are, they're basically a way to allow you to use the same tag without it conflicting with a different tag. You've probably actually seen one before in the XHTML DOCTYPE: `xmlns:xhtml="http://www.w3.org/1999/xhtml"`

In HTML6 we take advantage of this ingenious concept by giving us freedom to use whatever tag we want by the W3C reserving namespaces and not tags. The W3C would basically reserve the right to all namespaces, and each namespace they reserve will trigger a different HTML API.

Expand Down Expand Up @@ -104,7 +104,7 @@ _Example:_
```
##### `<html:head>`

This begins an HTML's head. Equivelent to the current `<html>` tag. The tag contains data that isn't actually displayed (aside from the `<html:title>` which is displayed in the browser's windows). Rather, it's purpose is to get data and scripts that affect the display of the content in the `<html:body>`. These scripts and other sources include things like JavaScript, CSS, RSS feeds, etc.
This begins an HTML's head. Equivelent to the current `<head>` tag. The tag contains data that isn't actually displayed (aside from the `<html:title>` which is displayed in the browser's windows). Rather, it's purpose is to get data and scripts that affect the display of the content in the `<html:body>`. These scripts and other sources include things like JavaScript, CSS, RSS feeds, etc.

_Example:_

Expand Down Expand Up @@ -136,8 +136,13 @@ _Example:_

This is a bit different then the current HTML version. Meta data in HTML6 can be anything. Unlike HTML now, there are no required or non-standard meta types. It's used to store content for you as a developer, or for other sites as a way to grab information such as a page description.

_Example:_
_Normative:_
This tag has to be a descendant of `html:head` and takes the following attributes:

- `type`: What type of information is under `value`, eg. `author`, `description` or `generator`; there can be multiple types, separated by `,`.
- `value`: The information itself.

_Example:_
```xml
<!DOCTYPE html>
<html:html>
Expand All @@ -148,23 +153,50 @@ _Example:_
</html:html>
```

##### `<html:link>`
##### `<html:alter>`
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I see. Makes sense to me now. I'll +1


This links document's alternatives in other formats, eg. PDF, RTF, RSS or Atom feed. It's similar to the current HTML `link` tag.

This links external documents and scripts such as CSS, JavaScript, RSS, favicons, etc. to the current document. Equivalent to the current `<link>` tag. This tag takes the following attributes:
_Normative:_
This tag has to be a descendant of `html:head` and takes the following attributes:

- `title`: The name of the alternative document.
- `charset`: The character encoding such as "UTF-8".
- `href`: The link to the source file.
- `media`: The type of device the item should run on, for example, "mobile" or "tablet".
- `href`: The link to the source file, can be relative or absolute.
- `media`: The type of device the item should run on, eg. `mobile` or `tablet`.
- `type`: The MIME type of the document, for example, `text/javascript`.

_Example:_
_Example:_
```xml
<!DOCTYPE html>
<html:html>
<html:head>
<html:title>HTML6 Spec Version 0.1</html:title>
<html:alter src="rss?feed=1" title="RSS Feed" type="application/rss+xml">
</html:head>
</html:html>
```

##### `<html:include>`

This links external files that should be included in the document such as HTML snippets, CSS templates or JS scripts. It's similar to the current HTML `link` tag.

_Normative:_
This tag takes the following attributes:

- `rel`: The type of the document, eg. `stylesheet`, `script`, `snippet`, `favicon`.
- `charset`: The character encoding such as "UTF-8".
- `src`: The link to the source file, can be relative or absolute.
- `media`: The type of device the item should run on, for example, "mobile" or "tablet".
- `type`: The MIME type of the document, eg. `text/javascript`.

_Example:_
```xml
<!DOCTYPE html>
<html:html>
<html:head>
<html:title>HTML6 Spec Version 0.1</html:title>
<html:link src="js/main.js" title="Main Script" type="text/javascript">
<html:include src="js/main.js" type="text/javascript">
</html:head>
</html:html>
```
Expand All @@ -189,13 +221,15 @@ _Example:_

##### `<html:a>`

This tag represents either an anchor on the page, or a link to another web page. Equivalent to the current `<a>` tag. The `<html:a>` tag takes one required attribute which is the `href` which directs the anchor or link where to go. For an anchor you'd use the syntax `#id-of-element-to-link-to` and for a link to another web page you'd simply insert the link like `http://google.com`.
This tag represents a link to another web page or an anchor. It's similar to the current `<a>` tag.

Attributes available to the `<a>` tag are:
_Normative:_
Attributes available to this tag are:

- `href`
- `name`
- `target` (can be `blank`, `parent`, `top` or `self`)
- `href`: The link to the target document (can be relative or absolute) or a hashtag and element id (like this: `#some-foo-element`).
- `for`: CSS selector for when you need to make an anchor to an element with no id (always links to the first match).
- `target`: Which window will open the document (can be `blank`, `parent`, `top` or `self`, default is `self`). **This attribute is obsolete**.
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

OscarGodson:

@m93a without a target tho how would JavaScript know the target of the element?
A common use case:
http://www.ajaxf1.com/tutorial/ajax-file-upload-tutorial.html

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@OscarGodson
I would make a <button> with onclick and use JavaScript XMLHttpRequest and File API.
A common use case:
http://www.matlus.com/html5-file-upload-with-progress/

Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If you only have to support new browsers, that'd be fine :)

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Old browsers won't support HTML6 :)

Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oscar HTML6 doesn't have to worry about backwards compatibility because that would be up to the browsers.

- `newwindow`: Boolean attribute saying that link will be opened in a new window (equivalent to `target=blank`).

_Example:_

Expand All @@ -206,7 +240,10 @@ _Example:_
<html:title>HTML6 Spec Version 0.1</html:title>
</html:head>
<html:body>
<html:a href="http://google.com">Go to google.com!</html:a>
<h1 id=heading>MyPage</h1>
<html:a href="http://google.com">Go to google.com!</html:link>
<html:a href="#heading">Back to the top</a>
<html:a for="body>h1">Back to the top alternative</a>
</html:body>
</html:html>
```
Expand Down