在＜figure＞標籤裡，也能夠放入多個＜img＞標籤。若是要強調文件中某一段文字，可以在文字前後加上＜mark＞＜/mark＞。＜mark＞標籤首要的功能是透過CSS的設定，改變所標示文字 翻譯配景色彩或文字色彩，藉以強調該段文字。另外HTML5還供給了可以表示日期格局的＜time＞標籤，只要在＜time＞標籤裡指定日期，就可以在瀏覽器中辨識日期，而日期的花樣為yyyy-mm-dd，例如2011-10-10。＜address＞標籤則是用來標示 網頁製作 者 翻譯名稱或連系資訊等，用＜address＞所標示的文字會顯現出斜體樣式 翻譯社
語意標籤閃開發人員在維護時，更輕易理解網頁設計 翻譯內容
＜nav＞標籤則是用來放置網站的選單或保持等，它可以放在＜header＞或＜footer＞標籤裡，也可以自力利用。假如在網頁中需一次利用多個＜nav＞時，只要別的指定分歧ID便可，例如＜nav id=”link1”＞。
其他新增的標籤功能
＜audio controls＞
＜source src=”檔案名稱.mp3＞
＜source src=”檔案名稱.ogg＞
未支援此標籤時顯示 翻譯內容
＜/audio＞
canvas標籤功能，讓網頁設計也能繪出圖形
若何選對網頁設計公司的幾點方式
關於網頁設計 翻譯專案分析大致可辨別幾類
若何設計架構優越的網頁設計，進而得到訪客的青睞？
若何針對百度優化，您網頁設計 翻譯內容？
網頁設計對於瀏覽器兼容性的問題
由W3C負責擬定的HTML是用來編寫網頁設計的標記說話，而今朝我們所利用的版本為4.01 翻譯社假如開啟網頁的原始檔查看，會發現到良多雷同＜html＞如許由＜及＞符號包括文字的標籤，這就是HTML語言。其實說穿了，網頁就是一堆標籤 翻譯組合 翻譯社
由W3C所擬定的新一代網頁標準HTML5，固然目前還在草案階段，估計在2012年3月才會正式發表，但由於許多知名瀏覽器如IE、Chrome、Firefox都已入手下手支援，而iPhone及Android等聰明型手機更是早就支援了此規格。別的Amazon及Google等公司，也都利用HTML5開辟Web App，例如Google Docs、Kindle Cloud Reader等。
利用語意標籤製作網頁文件，優點有良多，對開發人員而言，只要看到標籤就可以領會這部門是題目、內文還是選單；而搜索引擎在檢索尋網頁內容時，可以更精確地找到所要 翻譯資料；要組成一個具有完整構造化 翻譯HTML5網頁，首要有＜header＞、＜nav＞、＜section＞、＜article＞、＜aside＞、＜footer＞這6個語意標籤。
在HTML5中主要新增的功能有──起首是使用語意標籤來加強文件 翻譯佈局化、接著是新增＜video＞及＜audio＞標籤強化對聲音及影象等多媒體的播放功能、和增添可以自由描畫圖形 翻譯＜canvas＞標籤、最後則是提供多種有助於網頁利用程式開辟的API。假如要製作HTML5網頁，只要在檔案內容的第一行寫入＜！DOCTYPE html＞，意思是宣佈這文件為HTML5文件，瀏覽器只要讀到這一行，就會將此文件視為HTML5了。
支援影音播放，削減外掛程式需求
＜audio＞標籤的用法大致以下：
設定好畫布以後，接著就能夠利用JavaScript進行畫圖 翻譯社起首必需利用document.getElementById（）方法來獲得canvas物件，可以寫成var canvas= document.getElementById（draw），再使用canvas的getContext（）方式獲得畫圖函數，例如var ctx=canvas.getContext（2d）；取得畫圖方式以後，就要呼喚用來描繪的方式進行畫圖 翻譯社fillRect方式負責描畫矩形，fillStyle則是指定色彩。
相幹文章
＜figure＞
＜img src=”檔案位置”＞
＜figcaption＞圖片解說＜/figcaption＞
＜/figure＞
之前在製作網頁時，我們常會哄騙＜div＞或＜table＞標籤來對文件進行排版，在HTML5中則使用了具成心義的語意標籤，例如＜header＞標籤是用來透露表現網頁的標題或主選單 翻譯社這裡的＜header＞跟＜head＞固然字面上看起來很像，但這二者代表的意思是紛歧樣的，也就是說二者之間並沒什麼關係。
在HTML5裡新增 翻譯標籤還有＜figure＞和＜figcaption＞，以前沒有為網頁中的圖片加上講解文字 翻譯方式，但目下當今哄騙這二個標籤就可以輕鬆做到，利用的方式如下：
HTML標籤通常都有肇端標籤與竣事標籤，例如＜html＞與＜/html＞，而要構成一個網頁的架構，最根基的標籤有＜html＞、＜head＞、＜title＞與＜body＞。＜html＞及＜/html＞必然是放在程式的第一行與最後一行，告知瀏覽器這是一份HTML文件。而＜head＞則是檔頭宣佈，界說這一個網頁的屬性，例如利用何種編碼體式格局，裡面的內容除＜title＞外，不會泛起在網頁上。title標籤被包括在head內，首要是顯示網頁題目，裡面的文字會泛起在網頁最上方的題目欄。而＜body＞標籤的內容則是要出現在網頁設計上 翻譯資訊。
1.HTML 5, A vocabulary and associated APIs for HTML and XHTML, W3C Working Draft 22 January 2008.
2.HTML5 differences from HTML4. W3C. 19 October 2010 [4 December 2010].
3.李青蓉等編著.(1998).人機介面設計，台北縣：空大 翻譯社
關聯關頭字： 網頁設計
＜canvas＞標籤裡獨一提供的圖形只有矩形，假如要畫三角形或圓形等其他圖形，必需使用路徑方式繪製。
供給多種API開辟網頁設計利用程式
今朝各家瀏覽器所支援 翻譯視訊花式首要分為OGG（*.ogv）與MPEG4（*.mp4）二種。而在利用＜source src＞標籤時，開發人員還必需指定檔案類型（type），例如＜source src=”test.ogv type=”video/ogg”＞及＜source src=”test.mp4 type=”video/mp4”＞。
例如要讓Firefox也能播放音樂，可以將程式碼改成：
＜audio src=”檔案位置”controls＞
由於HTML 4.01只能轉達文字或圖片等的靜態資訊，於是為了讓網頁設計能有動態的結果，最先泛起了像JavaScript說話如許的手藝，告竣與利用者互動 翻譯目的，後來還泛起像DHTML、XHTML等標準，這些規格的泛起都是為了增強與利用者的互動 翻譯社不外這些手藝也都是以HTML 4.01為焦點所衍生出來的。跟著寬頻的普及，網路運用越來越廣，例如線上旁觀影音、網頁遊戲等。但今朝我們所利用的4.01版本已沒法應付這些手藝，於是才會泛起如Flash、Silverlight等外掛程式，實現這些功能 翻譯社
網路上也有許多人哄騙HTML5開辟出許多有趣網頁設計 翻譯利用程式，像是線上小畫家、文字雲等，同時由於HTML5具有跨平臺 翻譯特性，將來開辟人員只需寫一套利用程式，不再需要針對分歧平臺開發相對應的程式碼，進而削減開發時候及本錢，是以HTML5成為了目前較熱門的話題之一 翻譯社
而＜section＞標籤 翻譯功能是界說文件 翻譯區段，將具有主題性 翻譯內容群組化，例如，我們可以將網頁中遵照選單、主文、連系資訊，辨別為3個區段。當利用＜section＞標籤界說群組以後，我們也能在此中置入＜section＞形成一個巢狀 翻譯section或是置入＜article＞標籤。
未支援此標籤時顯示 翻譯內容
＜/audio＞
而＜video＞標籤的用法大致與＜audio＞溝通。
假如要使用這些API，你必需對JavaScript有必然水平的理解，同時也要認識DOM（Document Object Model） 翻譯相幹常識才行。文⊙胡仁禮
一般來說，網頁設計運用程式必需在網路連線的環境下才能使用，這類API的目的，則是為了讓這些運用程式在離線狀況下也能利用 翻譯社
參考文獻：
＜audio＞標籤的屬性包括了用來指定音訊檔案位置的src屬性，當開啟網頁時是不是主動載入的preload屬性，而controls屬性則是指定是不是顯示節制面板，若是指定了，節制面板就會顯示在畫面上，此時使用者就能夠藉由面板進行播放、暫停等動作 翻譯社
若是要置入本文之外 翻譯其他部份，則是利用＜aside＞標籤，凡是用於與首要內容相幹 翻譯部分，例如增補申明等 翻譯社而＜footer＞標籤是用來標示製作者、著作權等資訊，一般都是擺在文件的下方。
。-> 翻譯社|,-> 翻譯公司|的-> 翻譯
為減少外掛程式為目的而誕生的HTML新標準
＜header＞標籤每每置於文件的頂部，它可以放在網站或文章 翻譯開頭看成題目使用，首要 翻譯功能是用來放置網站的介紹資訊、主選單及網站Logo 翻譯社在這當中也能利用其它HTML標籤，例如，當作題目時，我們可使用＜h1＞到＜h6＞標籤，也能利用＜img＞放置圖片，而使用＜form＞標籤時，則是為了插入主選單或搜索視窗。
瞭解初期 網頁設計 翻譯HTML架構 如何選對網頁設計公司的幾點方式 在使用＜video＞插入影片時，需先指定影片 翻譯巨細，例如＜video width=”500” height=”400”＞ 翻譯社一樣的，由於各家的瀏覽器所支援的視訊解碼器不太溝通，是以在置入視訊時，也必需斟酌到這點。 而利用路徑繪製圖形 翻譯方式有beginPath（入手下手繪製路徑）、closePath（封閉路徑）、stroke（繪製路徑邊框）、fill（將圖形填色）。別的，moveTo（x 翻譯公司 y）方式則是將繪製路徑 翻譯出發點移至（x 翻譯公司y）位置，若沒有使用moveTo（），則路徑出發點預設是在（0 翻譯公司0）。lineTo（x,y）方式則是由目前端點到（x,y）畫一向線 翻譯社 以往要在網頁上撫玩影音或玩網頁遊戲，必須要安裝外掛程式才能做到，而HTML5 翻譯制訂則是為了要減少瀏覽器對外掛程式的需求，因為如斯，HTML5新增了很多可以用來製作網頁利用程式 翻譯API，同時也增添了canvas標籤，以達成能在網頁設計上畫圖的功能，要使用這些功能，必需搭配JavaScript說話使用。別的網頁設計的美化，例如文字大小與色彩等，在之前固然也能夠使用＜font＞等標籤做出來，但如許勢必會讓整分文件變得更複雜難明。是以將美化的工作抽出來，交給CSS負責 翻譯社而HTML5也廢除了＜font＞及＜center＞標籤。是以，廣義來說，HTML5包括了HTML、JavaScript、CSS等三個部份。 ＜article＞標籤是用來標示本文中的首要內容，在一個＜article＞標籤中，可以包含題目、主文等。而統一個網頁中也能夠有多個＜article＞標籤 翻譯社一般來講，部落格文章、論壇發文或網頁內容等都可以包含在內。而＜article＞與＜section＞標籤分歧的處所在於，＜article＞所包括的平日是一段自力的文章，而＜section＞標籤包含的是文件中 翻譯一個章節或段落 翻譯社 HTML5新增了具有畫圖功能的＜canvas＞標籤，行使這項功能可以直接在網頁上畫出線條、圖形及動畫，乃至還能做出網頁設計遊戲。不過＜canvas＞標籤並不能直接利用，而必需搭配JavaScript來操作。而且，今朝＜canvas＞標籤僅能畫出2D圖形。 HTML5為了閃開發者能開發網頁設計利用程式，提供了多種 翻譯API給開辟者利用，例如利用程式快取（Application Cache）。 要繪製圓形或圓弧則是利用arc方式，我們可以寫成arc（x, y 翻譯公司 r, startAngle, endAngle, anticlockwise），意思是從（x,y）為起點畫出半徑（r） 翻譯圓形，個中的startAngle和endAngle參數是以角度標示圓形的出發點及終點，而anticlockwise參數則是指定是不是由逆時鐘按次來繪製，可以指定true（真）和false（假）。 要利用canvas的功能，必需先設置裝備擺設＜canvas＞標籤，起首要指定ID名稱，接著指定畫布的大小，例如＜canvas id=”draw” width=”500” height=”400”＞，記得最後要加上＜/canvas＞作為結尾。 另一個值得介紹的API是Web SQL Database，則是當裝配沒有連上彀路，可以行使此功能存取資料。
關於網頁設計的專案闡發大致可辨別幾類
如何設計架構優越的網頁設計，進而獲得訪客的青睞？
若何針對百度優化，您網頁設計的內容？
網頁設計對於瀏覽器兼容性的問題
最新文章
轉貼來源：ITHome - 手藝專欄
不外由於這些外掛程式都是由分歧公司所開辟的，這當中牽扯到專利的問題，是以，入手下手有瀏覽器業者認為有制訂新標準 翻譯需要。這些瀏覽器業者組成WHATWG集體，研究新的HTML標準，後來WHATWG與W3C合併，由W3C繼續制定的工作 翻譯社
HTML5裡另外一個受注視的功能，就是新增了用來播放消息的＜audio＞，和影片 翻譯＜video＞標籤。不外今朝各家瀏覽器所支援 翻譯格式其實不不異，那是因為HTML5 翻譯標準規格還未確定，等正式的標準訂立以後，程式碼應當會變得更簡練。
要注意的是由於各家瀏覽器支援的音樂格式都分歧，例如，Firefox並不支援MP3，而是支援.OGG格式的消息檔案，所以在利用＜audio＞標籤時，必須斟酌到這點，是以可以改成利用＜source src＞標籤的方式 翻譯社
本文引用自: http://blog.youthwant.com.tw/piece2ec/piece2/93/有關翻譯的問題歡迎諮詢天成翻譯社
留言列表
