معرفی، بحث و بررسی و کلیه موارد مرتبط با HTML5
دوستان چند وقتی میشه که 5 امین نسخه ی زبان HTML هم وارد عرصه ی وب شده
با اینکه هنوز خیلی کاربردی نشده ولی بد نیست که طراحان وب در حده آشنایی کلی باهاش آشنا بشن
هدف ما هم در این تاپیک همینه که کدهای جدید رو با هم بشناسیم و همینطور جایگزین های بهتری نسبت به کدهای قدیم پیدا کنیم که مشقت کمتر و کاربرد بهتری داشته باشن و همینطور در برنامه نویسی صرفه جویی کنند
HTML5 is the next generation of HTML.
What is HTML5?
HTML5 will be the new standard for HTML, XHTML, and the HTML DOM.
The previous version of HTML came in 1999. The web has changed a lot since then.
HTML5 is still a work in progress. However, most modern browsers have some HTML5 support.
How Did HTML5 Get Started?
HTML5 is a cooperation between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG).
WHATWG was working with web forms and applications, and W3C was working with XHTML 2.0. In 2006, they decided to cooperate and create a new version of HTML.
Some rules for HTML5 were established:
- New features should be based on HTML, CSS, DOM, and JavaScript
- Reduce the need for external plugins (like Flash)
- Better error handling
- More markup to replace scripting
- HTML5 should be device independent
- The development process should be visible to the public
New Features
Some of the most interesting new features in HTML5:
- The canvas element for drawing
- The video and audio elements for media playback
- Better support for local offline storage
- New content specific elements, like article, footer, header, nav, section
- New form controls, like calendar, date, time, email, url, search
Browser Support
HTML5 is not yet an official standard, and no browsers have full HTML5 support.
But all major browsers (Safari, Chrome, Firefox, Opera, Internet Explorer) continue to add new HTML5 features to their latest versions.
---------------------------------------------------------------------------------------------------
HTML5 نسل بعدی HTML میباشد
HTML5 چیست؟
HTML5 استاندارد جدید زبان های HTML, XML و HTML DOM است، نسخه قبلی HTML در سال 1999 وارد عرصه شد که وب از آن موقع تا کنون تغییرات زیادی کرده است
هر چند که HTML5 پروژه ای ناقص و در دست توسعه است ولی کماکان اکثر مرورگرهای جدید اینترنت تا حدودی HTML5 را پشتیبانی میکنند
چگونه HTML5 شروع به کار کرد؟
HTML5 حاصل همکاری World Wide Web Consortium - کنسرسیوم جهان پهناور وب w3c و Web Hypertext Application Technology Working Group - تکنولوژي WHATWG است
WHATWG بر روی برنامه ها و فرم های تحت وب و W3C بر روی XHTML 2.0 در حال کار هستند، در سال 2006 این دو تصمیم گرفتند که با هم کار کنند و نسخه ی جدیدی از HTML را منتشر سازند
چند قانون اساسی که برای HTML5 در نظر گرفته شده بود:
1. امکانات جدید باید برپایه HTML, CSS, DOM و JavaScript باشند
2. کاهش احتیاج به استفاده از پلاگ این های خارجی مانند فلش و ....
3. بررسی بهتر ارورها
4. کدهای بیشتر برای جایگیزینی کدنویسی های اضافه
5. HTML5 میبایست مستقل باشد
6. عموم باید به مراحل توسعه ی این زبان دسترسی داشته باشند
امکانات جدید:
بعضی از جالب ترین امکانات HTML5
1. عنصر canvas برای ترسیمات
2. عناصر شنیداری و تصویری برای پخش رسانه ها
3. پشتیبانی بهتر برای استفاده در زمان آفلاین
4. عناصر جدید محتوایی نظیر: article, footer, header, nav, section
5. عناصر جدید برای فرم ها نظیر: calendar, date, time, email, url, search
پشتیبانی مرورگر ها:
HTML5 هنوز به طور رسما به صورت استاندارد شناخته نشده و تا کنون هیچ مروئرگری به طور کامل از HTML5 پیشتبانی نمیکند!
ولی تمامی مرورگهای متداول نظیر: Safari, Chrome, Firefox, Opera, Internet Explorer به اضافه کردن پشتیبانی از HTML5 در آخرین نسخه هایشان ادامه میدهند
ترجمه از DaRiOuShJh
مرجع کدهای HTML5:
کد:
<!--...--> Defines a comment
<!DOCTYPE> Defines the document type
<a> Defines a hyperlink
<abbr> Defines an abbreviation
<acronym> Not supported in HTML5.
<address> Defines an address element
<applet> Not supported in HTML5.
<area> Defines an area inside an image map
<article>New Defines an article
<aside>New Defines content aside from the page content
<audio>New Defines sound content
<b> Defines bold text
<base> Defines a base URL for all the links in a page
<basefont> Not supported in HTML5.
<bdo> Defines the direction of text display
<big> Not supported in HTML5.
<blockquote> Defines a long quotation
<body> Defines the body element
<br> Inserts a single line break
<button> Defines a push button
<canvas>New Defines graphics
<caption> Defines a table caption
<center> Not supported in HTML5.
<cite> Defines a citation
<code> Defines computer code text
<col> Defines attributes for table columns
<colgroup> Defines groups of table columns
<command>New Defines a command button
<datalist>New Defines a dropdown list
<dd> Defines a definition description
<del> Defines deleted text
<details>New Defines details of an element
<dfn> Defines a definition term
<dir> Not supported in HTML5.
<div> Defines a section in a document
<dl> Defines a definition list
<dt> Defines a definition term
<em> Defines emphasized text
<embed>New Defines external interactive content or plugin
<fieldset> Defines a fieldset
<figcaption>New Defines the caption of a figure element
<figure>New Defines a group of media content, and their caption
<font> Not supported in HTML5.
<footer>New Defines a footer for a section or page
<form> Defines a form
<frame> Not supported in HTML5.
<frameset> Not supported in HTML5.
<h1> to <h6> Defines header 1 to header 6
<head> Defines information about the document
<header>New Defines a header for a section or page
<hgroup>New Defines information about a section in a document
<hr> Defines a horizontal rule
<html> Defines an html document
<i> Defines italic text
<iframe> Defines an inline sub window (frame)
<img> Defines an image
<input> Defines an input field
<ins> Defines inserted text
<keygen>New Defines a generated key in a form
<kbd> Defines keyboard text
<label> Defines a label for a form control
<legend> Defines a title in a fieldset
<li> Defines a list item
<link> Defines a resource reference
<map> Defines an image map
<mark>New Defines marked text
<menu> Defines a menu list
<meta> Defines meta information
<meter>New Defines measurement within a predefined range
<nav>New Defines navigation links
<noframes> Not supported in HTML5.
<noscript> Defines a noscript section
<object> Defines an embedded object
<ol> Defines an ordered list
<optgroup> Defines an option group
<option> Defines an option in a drop-down list
<output>New Defines some types of output
<p> Defines a paragraph
<param> Defines a parameter for an object
<pre> Defines preformatted text
<progress>New Defines progress of a task of any kind
<q> Defines a short quotation
<rp>New Used in ruby annotations to define what to show browsers that to not support the ruby element.
<rt>New Defines explanation to ruby annotations.
<ruby>New Defines ruby annotations
<s> Defines text that is no longer correct
<samp> Defines sample computer code
<script> Defines a script
<section>New Defines a section
<select> Defines a selectable list
<small> Defines small text
<source>New Defines media resources
<span> Defines a section in a document
<strike> Not supported in HTML5.
<strong> Defines strong text
<style> Defines a style definition
<sub> Defines subscripted text
<summary>New Defines the header of a "detail" element
<sup> Defines superscripted text
<table> Defines a table
<tbody> Defines a table body
<td> Defines a table cell
<textarea> Defines a text area
<tfoot> Defines a table footer
<th> Defines a table header
<thead> Defines a table header
<time>New Defines a date/time
<title> Defines the document title
<tr> Defines a table row
<tt> Not supported in HTML5.
<u> Not supported in HTML5.
<ul> Defines an unordered list
<var> Defines a variable
<video>New Defines a video
<wbr>New Defines a possible line-break
<xmp> Not supported in HTML5.
یک مثال از کدهای جدید که جایگزین embed نسخه های قبل شده:
[HTML]
<!DOCTYPE HTML>
<html>
<body>
<video width="320" height="240" controls="controls">
<source src="movie.ogg" type="video/ogg" />
<source src="movie.mp4" type="video/mp4" />
<source src="movie.webm" type="video/webm" />
Your browser does not support the video tag.
</video>
</body>
</html> [/HTML]منابع مفید:
کد:
http://www.w3schools.com/html5/default.asp
کد:
http://www.w3schools.com/html5/html5_reference.asp
موفق و موید باشید
داریـــــــوش:46:
دوستان قدیم و جدید از شرکت در بحث خجالت نکشن، هر چه تعدادمون بیشتر باشه راحت تر و سریعتر پیش میریم و به معلوماتمون اضافه میشه:10:
