HTML5 新舊語法標記對我們有什么好處
來源:易賢網 閱讀:1345 次 日期:2016-08-01 16:18:15
溫馨提示:易賢網小編為您整理了“HTML5 新舊語法標記對我們有什么好處”,方便廣大網友查閱!

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

當開發(fā)HTML5時,它的設計者們正面對著一些很重要的問題,希望能在HTML5里解決。其中的一個問題是,要創(chuàng)建一個真正簡潔明了而且易于擴展的語義。 目前這個問題中棘手的部分是老版本的HTML當時是以功能多樣的理念為目標設 – 大量的各種各樣的標記,當時認為都是一些基本的標記,但如今證明完全是沒有什么用途的。HTML5的目的就是要根據(jù)目前互聯(lián)網的狀況對其進行改進。

HTML5 的新標記

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

<article> 標記 定義一篇文章

<aside> 標記 定義頁面內容部分的側邊欄

<audio> 標記 定義音頻內容

<canvas> 標記 定義圖片

<command> 標記 定義一個命令按鈕

<datalist> 標記 定義一個下拉列表

<details> 標記 定義一個元素的詳細內容

<dialog> 標記 定義一個對話框(會話框)

<embed> 標記 定義外部的可交互的內容或插件

<figure> 標記 定義一組媒體內容以及它們的標題

<footer> 標記 定義一個頁面或一個區(qū)域的底部

<header> 標記 定義一個頁面或一個區(qū)域的頭部

<hgroup> 標記 定義文件中一個區(qū)塊的相關信息

<keygen> 標記 定義表單里一個生成的鍵值

<mark> 標記 定義有標記的文本

<meter> 標記 定義 measurement within a

predefined range

<nav> 標記 定義導航鏈接

<output> 標記 定義一些輸出類型

<progress> 標記 定義任務的過程

<rp> 標記是用在Ruby annotations 告訴那些不支持 Ruby 元素的瀏覽器如何去顯示

<rt> 標記 定義對ruby

annotations的解釋

<ruby> 標記 定義 ruby annotations.

<section> 標記 定義一個區(qū)域

<source> 標記 定義媒體資源

<time> 標記 定義一個日期/時間

<video> 標記 定義一個視頻

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

HTML5 的減負 – 舊的標記,永別了…

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

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

<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.

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

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

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

對我們有什么好處?

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

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

更多信息請查看網頁制作

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯(lián)系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權所有:易賢網