成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

解讀HTML 5新語法 提高語義價值

開發 前端
眾所周知,HTML是互聯網有史以來最偉大的發明,這種超文本標記語言實際上是現代互聯網發展的一個基石,以它為中心出現了一個獨特的自給自足的體系。

作為下一代Web開發標準,HTML 5到底能給開發者帶來什么?而作為HTML 5的設計者,他們又是如何根據目前互聯網的現狀對其進行改進,讓開發者使用起來更加的簡單明了。

HTML 5的新標記

設計者們需要完成的任務是要給HTML 5開發一個更豐富的和更有含義的語義,當然可以想象這種新方案將會是很靈活和很高效的,同時與所有的現代互聯網標準相適應。下面就是一些將要在HTML 5里新加入的標記.

◆<article> 標記 定義一篇文章
◆<aside> 標記 定義頁面內容部分的側邊欄
◆<audio> 標記 定義音頻內容
◆<canvas> 標記 定義圖片
◆<command> 標記 定義一個命令按鈕
◆<datalist> 標記 定義一個下拉列表
◆<details> 標記 定義一個元素的詳細內容
◆<dialog> 標記 定義一個對話框(會話框)
◆<embed> 標記 定義外部的可交互的內容或插件
◆<figure> 標記 定義一組媒體內容以及它們的標題
◆<footer> 標記 定義一個頁面或一個區域的底部
◆<header> 標記 定義一個頁面或一個區域的頭部
◆<hgroup> 標記 定義文件中一個區塊的相關信息
◆<keygen> 標記 定義表單里一個生成的鍵值
◆<mark> 標記 定義有標記的文本
◆<meter> 標記 定義 measurement within a

predefined range

◆<nav> 標記 定義導航鏈接
◆<output> 標記 定義一些輸出類型
◆<progress> 標記 定義任務的過程
◆<rp> 標記是用在Ruby annotations 告訴那些不支持 Ruby 元素的瀏覽器如何去顯示
◆<rt> 標記 定義對ruby

annotations的解釋

◆<ruby> 標記 定義 ruby annotations.
◆<section> 標記 定義一個區域
◆<source> 標記 定義媒體資源
◆<time> 標記 定義一個日期/時間
◆<video> 標記 定義一個視頻

希望所有的這些標記都能成為真正”有生命力“的和有用的標記,而不是只是今天看來是很酷的標記。#p#

HTML 5 的減負

你是否很記得那個古老的年代,HTML3被當成一種只能在Netscape里運行的神奇的東西?是的,那就是互聯網時代的黎明初現。我們當然不會忘記那段歷史,但向一些優秀的卻陳舊的東西說再見也是合乎情理的(特別是當它們目前不被認為那么好用,或已沒有人再注意它們的時候時)。

因此,HTML 5的設計者們廢除了一些老的標記,因為這些標準只有那些HTML怪才才會使用,也因為這些標記已經完全失去用處,新的HTML標記里將不會再包括它們 – 我想我們應該就此感謝這些設計者們。畢竟是這些標記實在是太老舊了,以至于可以想象,20年后我們的孩子們會認為只有莎士比亞在他的十四行詩里才會用到。不管怎樣,還是讓我們到互聯網博物館里再看它們一眼吧(真有這樣的博物館嗎?)。

◆<acronym> 標記 定義 an acronym.

◆<applet> 標記 定義 an embedded applet.

◆<basefont> tag specifies a default
font-color, font-size, or font-family for all the text in a document.

◆<big> tag is used to format the text one
size bigger, and can be in relation to your <font> or
<basefont> size, if you’ve specified either one.

◆<center> tag is used to center text.

◆<dir> tag is used to list directory titles.

◆<font> tag specifies the font face, font
size, and font color of text.

◆<frame> 標記 定義 one particular window
(frame) within a frameset.
<frameset> 標記 定義 a frameset. The
frameset element holds two or more frame elements. Each frame element
holds a separate document.

◆<s> and <strike> tags
define strikethrough text.

◆<tt> tag is used for “typetype” text, or
fixed-width typewriter-type font. Other than the different type style,
it has normal font characteristics

◆<u> tag is used to underline text.

這些標記基本上都沒有什么用處了(也許你會覺得有幾個標記和HTML 5里的新標記有些相似)。其中一些我們在早期的舊版的瀏覽器里使用過,但如今已經失去其作用,而另一些標記的功能已經被CSS功能所取代了(例如設置字體和文本樣式的標記)。#p#

關于<DIV>標記的重要問題

使用新標記替換掉 <div> 標記是HTML 5在語義方面的主要成就。這 <div>標記是HTML 4里是一個重要的的標記,在HTML里被廣泛使用,但是它所表達的語義太弱,在聲明網頁組織結構里不同的區塊的任務面前它毫無用武之地。新的HTML 5標記,例如 <article>, <aside>, <nav>, <figure>, <header>, <footer> – 會更有用和更方便,這些標記能夠讓你指明網頁不同區域的用途,清楚的顯示網站的結構。這意味著即使你是個新手或中等的程序員,僅依據HTML代碼就能清楚的了解整個頁面的結構 – 更值得一提的是搜索引擎將會因為能如此方便的解析頁面的結構而會高興的發狂的。

對我們有什么好處?

關于新標記和語義的價值的討論已經很多,有些人認為這些語義以及可視化表現方式沒有任何意義 –因為它們帶來的是更復雜的代碼,創造了使用這些新HTML代碼犯新錯誤的機會,HTML 5新語義的價值在于提升了網站用戶和這些技術之間的交互和協作的水平,這是使互聯網前進的原因。

同樣的道理,我們應該明白,就像HTML 5給我們的感覺是那樣酷一樣,人們在其上付出了很多的努力,對未來5年互聯網的發展寄予厚望。今天,這些新標記和語義看起來的確是很棒,我們都很喜歡,但別忘了,任何東西都是在不斷變化著來適應人們的需求,新的語言特征必須依賴于人們的使用,互聯網社區的大量使用,只有這樣才能使單純的新事物變成有用的新事物。

【編輯推薦】

  1. HTML 5將給開發者帶來什么?
  2. HTML 5 Web SQL Database初探
  3. Web視聽時代來臨 HTML 5視頻音頻元素全解析
  4. 使用HTML 5視頻標簽注意事項
  5. HTML 5 Web Socket:下一次Web通信革命揭幕
責任編輯:王曉東 來源: 外刊IT
相關推薦

2021-10-15 10:26:28

鴻蒙HarmonyOS應用

2022-08-19 12:12:02

TypeScriptInfer 類型

2013-01-30 16:52:06

2021-08-30 13:00:40

JS代碼前端

2011-11-10 09:38:11

HTML 5

2024-09-29 00:00:02

2009-07-14 13:38:41

語義化HTMLHTML結構

2010-07-05 10:08:52

Netstat TCP

2010-09-09 15:32:48

SQL插入數據

2010-11-20 10:23:20

安防監控安防品質H3C

2011-04-08 15:41:03

2015-11-16 14:55:46

物聯網物聯網技術

2025-05-28 08:25:00

JavaScript代碼開發

2010-02-05 11:23:01

C++聲明語法

2009-12-09 10:34:54

PHP基本語法結構

2017-08-04 08:06:15

CVPR 2017論文圖像語義分割

2021-12-28 08:46:00

Vue3refreactive

2011-02-24 13:52:46

Opera 11HTML5

2011-03-11 12:59:07

2014-04-28 09:37:52

點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 男女羞羞网站 | a在线免费观看视频 | 天天曰天天曰 | 伊人二区 | 亚洲欧洲成人av每日更新 | 欧美8一10sex性hd | 国产成人网 | 日韩精品视频一区二区三区 | 国产成人免费视频网站高清观看视频 | 久久免费精品视频 | 日韩成人 | 波多野结衣精品 | 久久精品99| 一区二区三区在线免费看 | 国产精品高清在线 | av在线天堂网| 91精品国产日韩91久久久久久 | 蜜桃传媒av| 国产精品99一区二区 | 国产精品1| 亚洲成av | 国产一区二区三区免费 | 日韩一区二区三区四区五区 | 亚洲精品日日夜夜 | 动漫www.被爆羞羞av44 | 久久国产婷婷国产香蕉 | 欧美成年人视频在线观看 | 日韩精品在线网站 | 亚洲精品乱码久久久久久蜜桃 | 精区3d动漫一品二品精区 | 国内精品久久影院 | 国产精品v | 国久久| 电影91久久久 | 国产一区二区精华 | 国产精品久久久久久一区二区三区 | 精品网| 亚洲一区二区视频 | 日本爱爱 | 国产精品一区二区福利视频 | 国产国拍亚洲精品av |