當前位置:首頁 » 網頁前端 » web標准屬性
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web標准屬性

發布時間: 2022-12-31 16:24:51

Ⅰ 什麼是web 2.0

我的理解就是 它不應被看作一個簡單和具體的技術名詞,而是代表一種業界技術或理念方向,甚至很多公司把它當成一個營銷名詞。。。

網路中有對它的描述的轉載文章,你可以參考下,但還不足以據此全面去了解。

談談它的架構:用戶的參與性是幾乎所有人都提到的Web2.0的特性,Web2.0必須採用的是一種鼓勵用戶的參與和貢獻的架構,改變了以往那種「只讀」的屬性,將網站變成可讀寫的服務。這種用戶參與的架構可以分為兩個層面,一是在網站內容層面,通過鼓勵用戶的參與構建正向的網路效應,使網站的服務更具吸引力,比如Flickr、豆瓣,另一個層面,是通過開放API,利用用戶的參與和貢獻,形成一個圍繞網站服務的良性生態網路,增強服務的功能與競爭力。

從知識生產的角度看,WEB1.0的任務,是將以前沒有放在網上的人類知識,通過商業的力量,放到網上去。WEB2.0的任務是,將這些知識,通過每個用戶的瀏覽求知的力量,協作工作,把知識有機的組織起來,在這個過程中繼續將知識深化,並產生新的思想火花;

從內容產生者角度看,WEB1.0是商業公司為主體把內容往網上搬,而WEB2.0則是以用戶為主,以簡便隨意方式,通過blog/podcasting 方式把新內容往網上搬;

從交互性看,WEB1.0是網站對用戶為主;WEB2.0是以P2P為主。

從技術上看,WEB客戶端化,工作效率越來越高。比如像Ajax技術, GoogleMAP/Gmail裡面用得出神入化。

我們看到,用戶在互聯網上的作用越來越大;他們貢獻內容,傳播內容,而且提供了這些內容之間的鏈接關系和瀏覽路徑。在SNS裡面,內容是以用戶為核心來組織的。WEB2.0是以用戶為核心的互聯網。

有人開玩笑的總結,將之描述為「我的地盤我做主」,雖然不全面,但也有點意思。

PS:一樓的回答,徹底雷倒偶了!!!
PS1:樓主去哪個公司啊,西安這邊好像沒聽哪個公司HR談到Web2.0,如果有,肯定是泛泛而談,他們能理解多少呢?隨意揮灑就是了

Ⅱ web前端如何讓網頁布局穩定性和標准性

為了實現網頁布局的穩定性和標准性,我們可以從下面幾方面努力:
一、 <!DOCTYPE> 標記的重要性。
位 於文檔的最前面,用於向瀏覽器說明當前文檔使用哪種 HTML 或 XHTML 標准 規范,我們必需在開頭處使用<!DOCTYPE>標記為 所有的XHTML文檔指定XHTML版本和類型,只有這樣瀏覽器才能將該網頁作為有 效的XHTML文檔,並按指定的文檔類型進行解析。
<!DOCTYPE> 標記和瀏覽器的兼容性相關,刪除<!DOCTYPE>,就是把如何展示HTML頁面的權利交給瀏覽器, 這 時,IE6,IE7,IE8,Firefox2,Firefox3,Chrome,有多少種瀏覽器,頁面就有可能有多少中顯示效果,這是不被允許的。
二、合適地方用到合適的標簽
物盡其用人盡其才。 再合適的地方用到合理的標簽,對網頁布局和優化都有很多的好處,比如logo ,一般我們都用h1 標簽包括。 還有理解行內元素和塊級元素的區別。
一個頁面不要只用div,太多反而太泛濫了。table雖然用的少,但是,再做一些數據處理的時候,還是比較好用的。
三、站在標准流的角度看padding 和 maring 、width等屬性穩定性
我們知道頁面布局的時候,控制盒子位置距離等,有盒子本身大小,padding和margin來做。
因此,再這里我們會根據穩定性來看這三者的先後順序:
其中穩定性最好的就是盒子本身的高度和寬度了,我們優先考慮這個。 因此,很多情況下,我們會考慮利用高度剩餘法,寬度剩餘法來做,而不是padding和margin。
這個評論和下面的文本域框有個小距離, 此時,我們給這個評論一個h2標簽,高度正好從評論上方,到文本域上的高度就好了。
h2 裡面文字內容默認是靠左上對齊的,高度用不了,就剩下了,這就是高度剩餘法。
其次,我們才考慮padding ,因為padding也可以看做特殊的盒子高度和寬度,最後我們再用margin來做。因為margin會有邊距合並的問題。
四、標准流、浮動流和定位的穩定性
標准流再裡面是最穩定的,就是塊級元素上下顯示,行內一行顯示,都是最穩定的。
浮動和定位都「脫標」了,穩定性沒那麼穩定,所以,我們應該遵循如下原則:
頁面布局,能用標准流去做的不用浮動去做,如果要用浮動做的,就不用定位去做。
五、知己知彼百戰百勝
總會有特殊的瀏覽器,比如ie6 ,這些奇葩瀏覽器總是有自己獨到的地方,那我們怎辦? 兵法雲,知己知彼百戰百勝,因此,需要我們詳細的了解這些瀏覽器自己獨特的特性,或者掌握他們ie6常常出現的bug,以及對於css 的理解,那麼我們根據他們的不同解析,寫出合理的布局。
六、不要讓清除內外邊距帶來麻煩
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
這句話,大家都知道,清除瀏覽器樣式的。但是如果你不加,不同瀏覽器肯定顯示不太一樣。所以,css的第一句話就是它。還有就是要使用大部分瀏覽支持的css屬性不至於引起不必要的麻煩。

Ⅲ 所謂的web標准指什麼

CSS+DIV是網站標准(或稱「WEB標准」)中常用的術語之一,通常為了說明與HTML網頁設計語言中的表格(table)定位方式的區別,因為XHTML網站設計標准中,不再使用表格定位技術,而是採用css+div的方式實現各種定位。
CSS是英語Cascading Style Sheets(層疊樣式表單)的縮寫,它是一種用來表現 HTML 或 XML 等文件式樣的計算機語言。

DIV元素是用來為HTML文檔內大塊(block-level)的內容提供結構和背景的元素。DIV的起始標簽和結束標簽之間的所有內容都是用來構成這個塊的,其中所包含元素的特性由DIV標簽的屬性來控制,或者是通過使用樣式表格式化這個塊來進行控制。

Ⅳ .什麼是Web標准,遵循Web標準的意義。

1.什麼是web標准?

首先要明確一個概念。我們本書講的web標准,不是指XML,而是指為了實現大量HTML信息向XML標準的過渡,W3C和ECMA制定的一系列的技術規范,目前主要包括XHTML1.0、CSS2.0、DOM1.0和ECMA JavaScrit。web標准不僅僅是一個規范,而是一系列規范的總稱。

按這些規范製作的網頁,符合XML格式規范,內容與表現相分離,將使你的頁面數據在以後可以被分享、交換和重用。

下面,讓我們一起了解一些重要的基礎知識。如果你已經掌握,可以跳過直接閱讀第二節

2. 什麼是w3c?

W3C是「World Wide Web Consortium」的縮寫,中文稱萬維網組織。是一個專注於「領導和發展web技術」的國際工業行業協會。它由萬維網發明者Time Berners-Lee領導,成立與1994年。W3C已經有超過500家的會員--包括微軟、美國在線(Netscape的母公司)、蘋果電腦、 Adobe、Macromedia、SUN 以及各類主流硬體、軟體製造商和電信公司。學會主要研究由三家學術機構主理--美國麻省理工學院(MIT)、法國的歐洲信息與數學研究論壇 (ERCIM)、日本的應慶大學(KEIO)。

W3C主要工作是研究和制定開放的規范(事實上的標准),以便提高web相關產品的互用性。W3C的推薦規范的制定都是由來自於會員和特別邀請的專家組成的工作組完成。工作組的草案(Drafts)在通過多數相關公司和組織同意後提交給W3C理事會討論,正式批准後才成為「推薦規范 (Recommendations)」發布。更多的信息您可以訪問W3C的網站:www.w3.org

web標準的優勢
5.1 易用性

用web標准製作的頁面,對搜索引擎更加「透明」,因為良好清晰的結構使得搜索引擎能夠方便的判斷與評估信息,從而建立更精確的索引。按web標准製作的頁面也可以在更老版本的瀏覽器中正常顯示基本結構,即使CSS/XSL樣式無法解析,它也能顯示出完整的信息和結構。

符合web標準的頁面也很容易被轉換成其他格式文檔,例如資料庫或者word格式,也容易被移植到新的系統--硬體或者軟體系統,比如網路電視、PDA等等。這是XML天生具有的優勢。

符合web標準的頁面也具有天生的「易用性(accessibility)」,不僅僅是普通瀏覽器可以閱讀,那些有殘疾的人們也可以通過盲人瀏覽器、聲音閱讀器正常使用。
5.2 向後兼容性

使用web標准建立的頁面,將在未來的新瀏覽器或者新網路設備中很好的工作。我們只要修改CSS或者XSL定製相應的表現形式就可以了。

關於web標準的好處
1.科技在進步,網路帶寬越來越大,速度越來也快,節省那點位元組有意義嗎?
web標準的好處之一是:用web標准製作的頁面代碼量小,可以節省帶寬。這只是web標准附帶的好處,因為DIV的結構本身就比TABLE簡單,TABLE布局的層層嵌套造成代碼臃腫,文件尺寸膨脹。通常情況下,相同表現的頁面用DIV+CSS比用TABLE布局的節省2/3的代碼。這是web標准天生的好處。至於節省帶寬的意義並不主要針對普通用戶,而主要針對網站經營者,特別是中大型網站,類似新浪、網易這樣的站點。一個新聞首頁從500K縮小到170k,假設一天的pageview是3000萬(保守數字),那麼節省的伺服器流量就是330k*30000000=9440G,這個成本的節約是可觀的。
2.我需要考慮殘障人士(盲人和弱視)嗎?
為殘障人士提供網路瀏覽方便是美國及歐洲一些國家的法律規定,由於web標准頁面的清晰結構、語義完整,一些相關設備能很容易的正確提取信息給殘障人士。因此,方便盲人閱讀信息也成為web標準的天生好處之一。至於有人說中國目前還有很多人為解決溫飽發愁,哪有時間考慮殘障人士。這是社會文明和社會道德問題,不在本書討論范疇。但如果你頁面按web標准製作了,就能達到這個效果,何樂而不為呢?

關於瀏覽器兼容
1.我不需要關心web標准,IE佔有99%的市場,我做的頁面只要IE能看就可以了。
「以用戶為核心」通常都是反對web標准者的檔箭牌,實際上這是虛偽的「以用戶為核心」。你不能保證IE永遠是壟斷瀏覽器市場,你也不能保證IE不做任何改變(事實上,微軟的IE7已經開始改善對 web標準的支持)。堅持用html+table布局製作的頁面將是「死」的信息,不方便搜索,無法重用與共享,從長遠來講,這才是對用戶最大的傷害。
2.為什麼web標準的頁面兼容性並不好?
我們說web標準的優勢是兼容性好,這個兼容是指向後兼容,向新瀏覽器、新設備兼容。對已有的瀏覽器來說,因為它們對web標準的支持程度不一樣,因此會出現不同瀏覽器下頁面變形的情況。我們必須採用一些"hack"技巧來實現不同瀏覽器的兼容。這是無奈、也是不可避免的,是web技術發展必然要經歷的一個過程,是我們向XML過渡必須克服的一個困難。

我想你和我一樣,都關心WEB的未來會是怎麼樣的,下一輪的新技術熱點在什麼方向。其實,要回答這個問題,沒有誰比W3C更有權威了。只要看看W3C在做什麼,正在研究什麼規范就知道WEB的走向和趨勢了。

W3C明確地告訴我們:XML是未來的趨勢毋庸置疑,開放和共享是互聯網的精神和根本動力。

蒂姆.貝納斯-李(Tim Berners-Lee),W3C領導人,萬維網之父,說到:XML提供了信息交換的手段,但這僅僅只是開始。我們的目標是web的語義化,即:使得web上的信息內容更加容易理解、更便於交換和共享,RDF和OWL語言將在這方面提供更強大的支持。

web技術即將迎接新一輪的變革和發展,如果你還在猶豫是不是需要學習web標准,那麼你將失去這次機會。

Ⅳ WEB標准化:select 以及option的屬性樣式怎麼實現

以前金版,會員名:marvellous
在06年的時候,發了一篇帖子:Select發展史如果需要非常精緻的外觀,可以考慮用Javascript來實現。css對select外觀的改動非常有限,而且每個browser的控製程度也不一樣,大部分只是實現了對border,背景色,字體顏色,字體等可改。盡管很多效果只能在IE中查看,但卻提供了一種思路。你可以參考下裡面的例子。class和id命名不要以數字開頭,盡管有些browser能容忍這些。

Ⅵ Web標准中xhtml規范的內容有哪些

1.所有的標記都必須要有一個相應的結束標記
以前在HTML中,你可以打開許多標簽,例如和<li>而不一定寫對應的和</li>來關閉它們。但在XHTML中這是不合法的。XHTML要求有嚴謹的結構,所有標簽必須關閉。如果是單獨不成對的標簽,在標簽最後加一個"/"來關閉它。
2.所有標簽的元素和屬性的名字都必須使用小寫
與HTML不一樣,XHTML對大小寫是敏感的,<title>和<TITLE>是不同的標簽。XHTML要求所有的標簽和屬性的名字都必須使用小寫。例如:<BODY>必須寫成<body> 。大小寫夾雜也是不被認可的,通常dreamweaver自動生成的屬性名字"onMouseOver"也必須修改成"onmouseover"。
3.所有的XML標記都必須合理嵌套
同樣因為XHTML要求有嚴謹的結構,因此所有的嵌套都必須按順序,以前我們這樣寫的代碼:以下是引用片段:
<b></b>
必須修改為:
<b></b>
就是說,一層一層的嵌套必須是嚴格對稱。
4.所有的屬性必須用引號""括起來
在HTML中,你可以不需要給屬性值加引號,但是在XHTML中,它們必須被加引號。例如:
以下是引用片段:
<height=80>
必須修改為:
<height="80">
特殊情況,你需要在屬性值里使用雙引號,你可以用",單引號可以使用&;apos;,例如:
<alt="say&;apos;hello&;apos;">
5.把所有<和&;特殊符號用編碼表示
任何小於號(<),不是標簽的一部分,都必須被編碼為&;lt;
任何大於號(>),不是標簽的一部分,都必須被編碼為&;gt;
任何與號(&;),不是實體的一部分的,都必須被編碼為&;amp;
6.給所有屬性賦一個值
XHTML規定所有屬性都必須有一個值,沒有值的就重復本身。例如:
<td nowrap> <input type="checkbox" name="shirt" value="medium" checked>
必須修改為:
<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked">
7.不要在注釋內容中使「--」
「--」只能發生在XHTML注釋的開頭和結束,也就是說,在內容中它們不再有效。例如下面的代碼是無效的:
<!--這里是注釋-----------這里是注釋-->
用等號或者空格替換內部的虛線。
<!--這里是注釋============這里是注釋-->
8.屬性最小化
XML不支持屬性最小化. 屬性值對必須寫全。像compact,checked這樣的屬性名不能不指定屬性值而在元素中出現。
正確:最小化屬性
<dl compact="compact">
不正確:最小化屬性
<dl compact>
以上這些規范是針對xhtml的,但這一切都是為了使我們的代碼有一個統一、唯一的標准,便於以後的數據再利用。

Ⅶ WEB標准有哪些

WEB標准有哪些

WEB標准不是某一個標准,而是一系列標準的集合。網頁主要由三部分組成:結構(Structure)、表現(Presentation)和行為(Behavior)。對應的標准也分三方面:結構化標准語言主要包括XHTML和XML,表現標准語言主要包括CSS,行為標准主要包括對象模型(如 W3C DOM)、ECMAScript等。這些標准大部分由W3C起草和發布,也有一些是其他標准組織制訂的標准,比如ECMA(European Computer Manufacturers Association)的ECMAScript標准。我們來簡單了解一下這些標准:

1.結構標准語言

(1)XML

XML是The Extensible Markup Language(可擴展標識語言)的簡寫。目前推薦遵循的是W3C於2000年10月6日發布的XML1.0,參考(www.w3.org/TR/2000/REC-XML-20001006)。和HTML一樣,XML同樣來源於SGML,但XML是一種能定義其他語言的語。XML最初設計的目的是彌補HTML的不足,以強大的擴展性滿足網路信息發布的.需要,後來逐漸用於網路數據的轉換和描述。關於XML的好處和技術規范細節這里就不多說了,網上有很多資料,也有很多書籍可以參考。

(2)XHTML

XHTML是The Extensible HyperText Markup Language可擴展標識語言的縮寫。目前推薦遵循的是W3C於2000年1月26日推薦XML1.0(參考http://www.w3.org /TR/xhtml1)。XML雖然數據轉換能力強大,完全可以替代HTML,但面對成千上萬已有的站點,直接採用XML還為時過早。因此,我們在 HTML4.0的基礎上,用XML的規則對其進行擴展,得到了XHTML。簡單的說,建立XHTML的目的就是實現HTML向XML的過渡。

2. 表現標准語言

CSS是Cascading Style Sheets層疊樣式表的縮寫。目前推薦遵循的是W3C於1998年5月12日推薦CSS2(參考http://www.w3.org/TR/CSS2/)。W3C創建CSS標準的目的是以CSS取代HTML表格式布局、幀和其他表現的語言。純CSS布局與結構式XHTML相結合能幫助設計師分離外觀與結構,使站點的訪問及維護更加容易。

3.行為標准

(1)DOM

DOM是Document Object Model文檔對象模型的縮寫。根據W3C DOM規范,DOM 是一種與瀏覽器,平台,語言的介面,使得你可以訪問頁面其他的標准組件。簡單理解,DOM解決了Netscaped的Javascript和 Microsoft的Jscript之間的沖突,給予web設計師和開發者一個標準的方法,讓他們來訪問他們站點中的數據、腳本和表現層對像。

(2) ECMAScript

ECMAScript是ECMA(European Computer Manufacturers Association)制定的標准腳本語言(JAVAScript)。目前推薦遵循的是ECMAScript 262

;