亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > HTML5 > 正文

HTML5與未來的網頁設計(英文教程)

2024-09-05 07:11:30
字體:
來源:轉載
供稿:網友

有些人接受了 ,有些人丟棄它太遙遠的未來,有些人放棄了濫用的朋友有利于舊火焰在籌備。任何一方的辯論你的,你最有可能聽到的所有的博客聊天圍繞“新炎熱” ,也就是html5 。它無處不在,它的未來,和你想知道的一切,您可以收到的舊新聞。

像jquery插件,格式技術,并設計趨勢的變化非常迅速地在整個網絡社會。并在大多數情況下我們都接受的是,有些事情我們知道今天可以過時的明天,但是這是我們行業的性質。

在尋找一些穩定,我們通常可以轉向代碼本身,因為它往往會保持不變了很長一段時間(相對而言) 。因此,當一些驚喜和改變我們的代碼,這是一個大問題,以及將有一些成長的痛苦,我們必須通過。幸運的是,據傳,我們已經少了一個變化的擔心 。

在這篇文章中,我希望能夠給你一些提示和洞察html5 ,以幫助減輕疼痛的必然附帶過渡到一種略有不同的語法。

 

welcome to html5.

html5 logo

what are the basics?

the doctype

when i first started researching html5 a few months ago, one of the main things i struggled to find was the doctype. a simple thing, you’d think it would be everywhere, but after much frustration, i finally found it buried within w3.org and here it is:

<!doctype html>

我也好奇,為什么他們選擇“的html ” ,而不是“ html5 ” ,這似乎合乎邏輯的方式來告訴瀏覽器,目前的文件寫于html5 ,并提供了一個良好的范本,以供未來。但我發現, <!doctype html5>觸發夸克斯模式中的ie6 ,和向后兼容時,考慮到<!doctype html>是一個相當不錯的選擇(在我看來) 。

總之,我真的很喜歡這個新的文檔,它的小的,有意義的,也許我們會實際上能夠記住這個時刻的心,而不是將其粘貼在網站上。

 

new elements you should know

at first glance, with html5, the new elements immediately jump out and command attention. the w3c really listened to the community and planned for the future when architecting the abundance of new elements available. we have everything from basic structural elements like <header> and <footer> to others like <canvas> and <audio> that tap into, what seems to be, a very powerful api which allows us the freedom to create more user-friendly applications while further distancing ourselves from reliance on flash for saving data and intense animation.

the new structural elements
  • <header>
    the header element contains introductory information to a section or page. this can involve anything from our normal documents headers (branding information) to an entire table of contents.
  • <nav>
    the nav element is reserved for a section of a document that contains links to other pages or links to sections of the same page. not all link groups need to be contained within the <nav> element, just primary navigation.
  • <section>
    the section element represents a generic document or application section. it acts much the same way a <div> does by separating off a portion of the document.
  • <article>
    the article element represents a portion of a page which can stand alone such as: a blog post, a forum entry, user submitted comments or any independent item of content.
  • <aside>
    aside, represents content related to the main area of the document. this is usually expressed in sidebars that contain elements like related posts, tag clouds, etc. they can also be used for pull quotes.
  • <footer>
    the footer element is for marking up the footer of, not only the current page, but each section contained in the page. so, it’s very likely that you’ll be using the <footer> element multiple times within one page.

when you take a look at these new elements, it looks like they’re just replacing our common div ids; and in a way, it’s true. but, the diagram below shows that elements like <header> and <footer> can be used more than once on a single page where they behave more like classes and normal html elements that you can use over and over again to retain a semantic structure.

html5 structure doc

elements like <header> and <footer> are not just meant to represent the top and bottom of the current document, but they also represent the <header> and <footer> of each document section, much the way we use <thead> and <tfoot> in data tables.

the benefits of using these structural elements is mainly due to the fact that they are extremely well defined and provide a great way to semantically structure your document. however, these elements do need to be used with some careful thought because they can, very easily be overused.

further reading on structural html5
  • steve smith on structural tags in html5
  • lachlan hunt’s preview of html5
  • elliot harold on new elements in html5
  • bruce lawson’s html5 form demo

easing the transition from xhtml

even though html 4.01, xhtml 1.0, & html5 are all very similar there are some small syntax differences that can, very easily, slip past anyone and invalidate code. keeping this in mind, html5 has some built-in “slack” to make the transition a little easier.

for example, when marking up a form in html5, this is the proper syntax for an input text element:

<input type="text" id="name">

but this is also accepted as valid code in an attempt to ease the pain for avid xhtml coders (like myself) who are used to self-closing elements:

<input type="text" id="name"/>

the same rules apply to <meta> and other self closing elements. legacy elements like <b> and <i> were also left in to help those coming over from html 4.01.l

what are the benefits?

with any new technology there has to be benefit; why else would you use it? if your old code works just as well and efficient as the new code there’s no reason to upgrade. no reason at all, trust me, i checked.

luckily html5 is packed with cool new features, code slimming techniques and a lot of stuff i would call very large benefits. most of which circle around the new apis and the dom tree.

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日韩av在线免播放器| 91亚洲精品在线观看| www.美女亚洲精品| 亚洲精品欧美一区二区三区| 亚洲bt天天射| 亚洲成人中文字幕| 久久人人看视频| 国产精品免费久久久| 日韩中文字幕av| 色悠悠久久久久| 久久人人爽亚洲精品天堂| 中文字幕av一区中文字幕天堂| 久久久在线视频| 国产精品免费视频久久久| 日本中文字幕久久看| 久久久人成影片一区二区三区| 午夜精品久久久久久久99热| 欧美国产日韩一区二区三区| 日韩成人在线视频| 日韩在线免费视频| 欧美国产第二页| 精品久久久国产| 欧美性20hd另类| 亚洲精品免费网站| 日韩在线免费视频观看| 亚洲国模精品一区| 成人在线激情视频| 国产欧美日韩综合精品| 日韩在线观看网址| 国产精品美乳在线观看| 亚洲欧美激情视频| 国产精品av网站| 欧美黄网免费在线观看| 国产精选久久久久久| 456亚洲影院| 97视频免费观看| 欧美一区二粉嫩精品国产一线天| 中文字幕不卡在线视频极品| 欧洲s码亚洲m码精品一区| 欧美精品一区二区三区国产精品| 亚洲国产成人久久综合| 亚洲精品久久久久久下一站| 国产69精品久久久久9| 91在线观看免费高清| 国产成人精品国内自产拍免费看| 日韩免费看的电影电视剧大全| 欧美色道久久88综合亚洲精品| 亚洲a区在线视频| 国产成人精品综合久久久| 欧美国产在线视频| 久久九九国产精品怡红院| 亚洲国产成人精品久久久国产成人一区| 日韩av影院在线观看| 日韩有码在线视频| 精品露脸国产偷人在视频| 国产精品久久久久久久久久三级| 国产成人精品久久二区二区91| 精品一区二区亚洲| 成人免费观看49www在线观看| 久久久亚洲国产| 性欧美视频videos6一9| 日韩美女中文字幕| 尤物tv国产一区| 欧美日韩美女在线| 91av视频在线播放| 亚洲欧美日韩综合| 久久久久一本一区二区青青蜜月| 欧美成年人网站| 菠萝蜜影院一区二区免费| 久久精品视频免费播放| 超碰日本道色综合久久综合| 欧美成人国产va精品日本一级| 成人xxxx视频| 国产福利精品视频| 成人激情视频网| 久久影院资源站| 欧美在线一级va免费观看| 欧美裸体xxxx极品少妇| 亚洲视频一区二区三区| 欧美黑人xxxⅹ高潮交| 亚洲精品永久免费精品| 97视频在线观看亚洲| 久久久久久国产三级电影| 久久久久久久久久婷婷| 日韩免费在线视频| 日韩精品免费在线观看| 久久久久这里只有精品| 国产精品视频免费在线观看| 成人av电影天堂| 亚洲裸体xxxx| 亚洲欧美一区二区三区久久| 国产精品免费久久久久久| www国产亚洲精品久久网站| 亚洲成人久久网| 欧美日韩色婷婷| 日韩av影视综合网| 久久久久久久久久久国产| 欧美日韩国产成人在线| 在线亚洲男人天堂| 国外日韩电影在线观看| 中文字幕欧美亚洲| 久久久免费在线观看| 色综合伊人色综合网| 中文字幕精品影院| 97婷婷涩涩精品一区| 国产精品稀缺呦系列在线| 国产97免费视| 国模极品一区二区三区| 国产亚洲精品久久久久久777| 亚洲午夜性刺激影院| 在线视频日韩精品| 国产精品爽黄69天堂a| 91经典在线视频| 在线看国产精品| 亚洲欧美在线看| 国产精品小说在线| 国产剧情日韩欧美| 欧美日韩一区二区三区在线免费观看| 国产精品久久久久久婷婷天堂| 在线性视频日韩欧美| 亚洲欧美综合另类中字| 国内免费精品永久在线视频| 国产精品中文字幕久久久| 亚洲免费影视第一页| 亚洲午夜色婷婷在线| 国产精品ⅴa在线观看h| 欧美日韩一区免费| 亚洲国内精品在线| 欧美一级大片视频| 亚洲欧美日韩国产成人| 国产精品综合久久久| 亚洲视频一区二区| 亚洲精品日韩在线| 久久久久久久久久av| 岛国精品视频在线播放| 国产日韩中文字幕| 国模视频一区二区三区| 国产日韩在线亚洲字幕中文| 欧美乱人伦中文字幕在线| 日韩中文av在线| 九九热精品在线| 欧美日韩国产一区二区| 国产成人福利夜色影视| 成人免费高清完整版在线观看| 欧美日韩国产激情| 国产午夜精品视频| 91国偷自产一区二区三区的观看方式| 最新国产成人av网站网址麻豆| 国产精品大片wwwwww| 在线观看不卡av| 亚洲www在线| 亚洲天堂开心观看| 91久久久久久久久久| 亚洲国产古装精品网站| 97在线视频免费看| 国产91网红主播在线观看| 日韩欧美国产高清91| 日韩精品在线私人| 国产午夜精品视频免费不卡69堂| 国产一区二区在线免费视频| 欧美在线视频a| 超碰日本道色综合久久综合| 色999日韩欧美国产| 欧美成人精品h版在线观看|