睡蓮‧池水間

Guest
2012-May-24  
有 0 位會員和 4 位訪客在線上

文章 :: 標準之路

標準之路
文章 : 31 (精華: 6) | 專題: 2
管理員: 睡蓮

精華

更多...
Rediscovering HTML tables　09/12/5 15:26
中文出處：前端觀察 - http://www.qianduan.net/rediscovering-html-tables.html根據我最近的一些實踐以及在和一些讀者進行關於HTML表格的使用問題溝通之後，決定寫這篇文章。總的來說，我注意到由於誤導性信息，他們對於table的使用有種先入為主的厭惡。事實上很多人會說“我看到永遠不應該使用表格”的說法，但是這絕對是錯誤的！這個建議只是針對使用HTML表格來定義網頁的佈局，但是表格在方便的排列數據信息行和列方面非常完美，而且如果你一定要在一個頁面上顯示表列數據，你就不得不使用它們！為什麼不呢？然而，在這種情況下，一些人無視了用於table的...

文章

更多...
  • 避免常見的六種 HTML5 錯誤用法
    Richard Clark 11/8/25 0:20
    譯者：小易　　譯文出處：http://www.ued163.com/1820/译文避免常见的六种html5错误用法/一、不要使用section作為div的替代品人們在標籤使用中最常見到的錯誤之一就是隨意將 HTML5 的 <section>等價於 <div>——具體地說，就是直接用作替代品(用於樣式)。在 XHTML 或者 HTML4 中，我們常看到這樣的代碼：<!-- HTML 4-style code --> <div id="wrapper"> <div id="header"> <h1>My super duper page</h1> <!-- Header content --> </div> <div id="main"> <!-- Page content --> </div> <div id="secondary"> <!-- Secondary content --> </div> <div id="fo...
  • HTML5 標準將在 2014 年完成
    睡蓮 11/2/15 1:38
    　　“我們於 2007 年開始著手（指定 HTML5 標準）”，Philippe Le Hegaret，W3C 的 HTML 工作團隊現任負責人，告訴 CNET：“我們計劃 7 年後完成 HTML5。”HTML5 吸取了 XHTML 2 一些建議，包括一些用來改善文檔結構的功能，比如，新的 HTML 標籤 header, footer, dialog, aside, figure 等的使用，將使內容創作者更加語義地創建文檔，之前的開發者在這些場合是一律使用 div 的。　　HTML5 還包含了一些將內容和展示分離的努力，開發者們也許會驚訝，b 和 i 標籤依然存在，但它們的意義已經和之前有所不同，這些標籤的意義只是為了將一段文字標識出來，而不是為了為它們設置粗體或斜體式樣。 u，font，center，strike 這些標...
  • 瀏覽器之戰將進入HTML 5時代
    睡蓮 10/4/14 20:18
    群逐鹿雄　瀏覽器之戰將進入HTML 5時代【IT168 軟件資訊】HTML 5這個技術術語最近頻頻出現在與各大巨頭相關的報導中：在iPad不支持Flash的爭議聲中有它的身影，谷歌因為它放棄了對自家產品Gears的支持，而剛剛發布的IE9預覽版對它的支持也成了一個熱門話題。 HTML5，這個尚未成形的Web標準為何如此受關注?它又會如何刷新人們對網頁瀏覽的認知?HTML5標準將正式登場挑戰迫在眉睫 蘋果CEO史蒂夫‧喬布斯也許算得上是近期最意氣風發的人了，iPad的發布再次聚焦了全球的眼光。這款被喬布斯稱為“最得意的作品”、“革命性的作品”，會不會像iPod、iPhone一樣風靡全球，為蘋果公司創造又一個奇蹟?顯然喬...
  • 混亂的標記語言 XHTML2 / HTML5
    Jeremy Keith 09/8/1 23:42
    中文版漫畫翻譯：Kevin JawW3C的最近宣佈將於今年年底解散 XTHML 2 工作組 。一石激起千層浪，很多誤解和謠言四起，江湖一片血雨腥風，搞得網頁設計師人人自危，好像世界末日即將到來。其實，這只是個誤解，看完下面的這幅漫畫，大家就了解了。完全可以放心，然後回家洗洗睡了。漫畫中提到兩個連接地址： ‧漫畫中提到的連接1 ：An Unofficial Q&A about the Discontinuation of the XHTML2 WG ‧漫畫中提到的連接2 ：In defense of web developers
  • 出師未捷身先死　萬千寵愛於一身
    睡蓮 09/8/1 22:26
    譯文出處：COMSHARP CMS - www.comsharp.com/GetKnowledge/zh-CN/It_News_K828.aspxXHTML 2: 出師未捷身先死，HTML 5:萬千寵愛於一身W3C 日前宣佈將從 2009 年底起終止同 XHTML 2 工作組的合約，並以此暗示曾經一度野心勃勃的 XHTML 2 的正式死亡。 Web 設計界是否該因此而恐慌？畢竟 XHTML 1.x 是所有對 Web 標準驗證有著某種情節的人的首選，然而事實並非如此，XHTML 2.0 偃旗息鼓已有時日，W3C 只是明確了它的死亡日期，並將主要精力傾注到他們的新寵兒 HTML 5 身上。 如何看待 Web 設計師們所鍾愛的 XHTML？ 要弄明白 XHTML 如何獲得人們的青睞，得從 HTML 4 說起。 HTML 4 是一種鬆散的語言，它擁有很多選項，囊括了太多人們...
  • 瀏覽器的 Acid3 Tests 結果一覽
    睡蓮 09/3/11 14:30
    原圖瀏覽器需採預設值測試，在動畫流暢顯示、分數達到 100/100、並且最後顯示的畫面與參考結果般每像素皆相同，方稱通過。 ...尚有 Acid3 測試結果(點按觀看截圖) Chrome 2.0.169.0 (100/100)Opera 10 Alpha (100/100)Safari 4 Beta (100/100) Firefox 3.1 Beta 2 (93/100)Opera 9.5 (83/100)Opera 9.27 (46/100) Firefox 3.0 (71/100)Safari 3.1.2 (75/100)Safari 3.0.4 (41/100) Firefox 2.0.0.16 (53/100)Netscape Navigator 9 (53/100)Flock1.2.3 (52/100) K-Meleon1.1.5 (52/100)SeaMonkey1.1.10 (52/100)Maxthon 2.1.2 (12/100) Maxthon 2.0.2 (12/100)Sleipnir 2.5.8 (12/100)Sleipnir 1.6.6 (12/100) IE 8 Beta 1 (Vista) (18/100)IE 7 (Vista) (12/100)IE 7 (11/100) IE 6 (12/100)IE 5.5 (13/100)&nbsp;
  • XHTML 2 與 HTML 5 依舊背道而馳
    Matthew Bass 09/3/9 23:10
    譯者：張龍XHTML與HTML這兩個標記標準的出現是為了取代之前老式的web標準。乍看縮寫會以為這兩個規範比較類似，但事實上，這兩者的目標截然不同，所解決的問題也大相徑庭。XHTML 2符合web所依賴的HTML的設計原理。它不斷精化XHTML 1.x，以求更清晰的定義，同時還提供一些增強，如改進的超鏈接、註解、交互式表單以及特定語義。XHTML 2主要面向的是早期web所具有的優勢：渲染文檔以及其中的鏈接。W3C下的一個工作組於2002年正式啓動XHTML 2標準的開發。HTML 5最終將取代HTML 4。除了增強的標記以外，它還提供了幾個新的API來處理多媒體、歷史、編輯等等，InfoQ在1月份對此曾作過報道。HTML 5的發起者其實...
  • CSS水平等级
    Emil Stenström 09/2/28 19:51
    譯文出處：http://panweizeng.com/archives/57英文原文中譯As you might have understood by now I’m very much pro web standards. The current widely accepted standards are: (X)HTML for page structure, CSS for design, and Javascript for behaviour. HTML is pretty well known by now, it has been there since the beginning of the web and there are tutorials everywhere that gets you started. CSS is starting to get a grip, large companies are switching their sites to CSS based layouts and the webdev blogosphere reaches more and more people.When you promote web standards, like many of us do, you get to talk to a lot of people. If you promote it in a live chat room like #CSS on EFNet it gets even clearer: there are a lot of different levels of CSS knowledge out ther...
  • 互聯網需要“統一標準”
    七點半 09/2/22 15:00
    　　步入新年的瀏覽器市場依舊不平靜，近日IE8出現與2400家網站不兼容的問題，多家知名中國網站也未能倖免，中國網站幾乎全軍覆沒。　　早前就有國外媒體報道，提醒用戶升級或更換瀏覽器。挪威一些大的商業網站不約而同的發出警告，要求所有IE6用戶升級他們的瀏覽器。 Teknisk Ukeblad，start.no，Juristforeningen，NextGenTel 等主要網站都發出了升級警告。vg.no 是挪威最大的新聞報紙，可能也是挪威瀏覽量最大的網站，建議用戶可以選擇非IE瀏覽器，比如Firefox（火狐）。事實標準造惡果　　有業內人士稱，造成不兼容問題的根本原因是：絕大多數網站是根據與標準不兼容的老版本IE開發的。究其源頭...
  • DIV+CSS 請不要再忽悠人了
    神采飛揚 08/12/30 15:03
    在大約兩年前，DIV+CSS是一對很誘人的組合，會用DIV+CSS製作網頁的人，常常會被人讚以大拇指的，記得06年初的時候，我用div+css佈局的一個純靜態網站還拿了學校網頁設計比賽的一個獎。今天，盡管提到DIV+CSS，還會有很多人熱情高漲，但是我會對他搖頭了：DIV+CSS不是一切，更不是某些人所謂的“神話”！創造神話的是CSS，不是DIV+CSS。我想，是時候糾正這個問題了。CSS的要義，是各個標籤要各盡所用。盲目推崇DIV+CSS只會讓小白誤入歧途的。1、DIV只是HTML最常用的標籤之一顯然HTML並不只是一個DIV標籤有用，每個標籤都有它的用途，只是DIV是其中最有用的一個罷了。如果DIV可以實現所有其它標籤的功...
  • 實現乾淨代碼的12條定律
    Chris Coyier 08/12/29 0:20
    實現乾淨代碼的12條定律 - 1
    實現乾淨代碼的12條定律 - 2
  • 網站重構到底是什麼
    feiwen8772 08/11/15 14:30
    前不久聽到這樣一個面試的故事：面試官：你準備在我們公司做些什麼事情？（大致這個意思）面試人：我準備在公司做網站重構，把原來是table的頁面全部重構成css+div的，...面試官：不好意思，我們的網站都是css+div的，不需要重構了。面試人：...(無語了)自從2004年阿捷翻譯了《網站重構》這本書，網站重構這個詞就慢慢的必成了css+div，甚至等同起來，一些朋友把標準跟重構也混淆了，css+div跟標準也混淆了。這裏有很多誤讀的成份。無可厚非《網站重構》當時給我們帶來了一場革命。我看過部分章節，是本好書。可能是css，div，標準這些詞太過於頻繁，很多誤讀的人把網站重構和css+div或者html+cs...
  • IE 8 不再支援 CSS Expression
    睡蓮 08/10/26 16:19
    上星期IE在官方blog中公佈了IE 8 版本在標準模式下，不再支援CSS Expression。從網頁標準的角度來看，這消息無疑令人振奮，至少看到了微軟兌現網頁標準的承諾，不斷在技術方面下功夫。何謂CSS Expression？就是在CSS的屬性後面插入程式碼，且支援自定義屬性，專用於IE瀏覽器。我慣常的做法是遇到IE不支援CSS屬性的時候才會用到，通常針對IE 6 以下版本的居多。IE 7 對CSS支援情況相對於IE 6 來說已有少許改進，會用到CSS Expression的情況較IE 6 以下來得少。舉個簡單例子，當要給寬度設定上或下限時，一般的屬性標準寫法是：max-width或 min-width，但這種屬性在IE 6以下版本無效，這時候便用CSS Expression方法來...
  • SEO精華之Google排名因素詳解
    睡蓮 08/10/22 1:20
    譯者：Chris.dl - 上海SEO譯文出處：http://www.cndozz.com/blog/post/google-ranking-factors.html 由國外37名優秀的搜索引擎優化界高手共同參與，以投票形式評論影響Google排名的重要因素，此次評選非常有價值，盡管沒有將200多個Google排名因素全部列出，但Google排名算法中90%-95%的重要成分已經包含在其中了，Chris.dl也是最近才看到，非常有價值，現在將其翻譯，並整理出來，希望對廣大SEO愛好者有幫助。 英文原文地址：http://www.seomoz.org/article/search-ranking-factors 影響Google排名的正面因素 排名得分分類詳細說明 14.9關鍵字關鍵字在網站TITLE上的使用 24.4外部鏈接外部鏈接的錨文字 34.4網站品質...
  • 49個影響網站排名的因素 - 完整版
    Chris.dl - 上海SEO 08/10/22 1:00
    內部因素 URL中出現關鍵詞 網頁Title中出現關鍵詞 常規內容中出現關鍵詞 在頁面的第一段中出現關鍵詞 在頁面的最後一段中出現關鍵詞 Heading 標簽 比如h1,h2中出現關鍵詞 站內的鏈接中出現關鍵詞 導向相關內容的導出鏈接 導出鏈接中出現關鍵詞 圖片文件名中出現關鍵詞 Alt標簽中出現關鍵詞 comment中出現關鍵詞 合理的頻率更新內容 內容對搜索引擎的展示位置 網站結構循環PR，而非散發PR 關鍵詞進行適當的修飾（加粗、斜體等） 外部因素 大量的導入鏈接 從高PR值得網頁獲得導入鏈接 從相關內容網站獲得導入鏈接 導入鏈接指向的網頁有具體內容 錨文字中有關鍵詞 ...
  • 網頁設計標準尺寸
    不詳 08/10/14 21:27
    800*600下，網頁寬度保持在778以內，就不會出現水平滾動條，高度則視版面和內容決定。 1024*768下，網頁寬度保持在1002以內，如果滿框顯示的話，高度是612-615之間，就不會出現水平滾動條和垂直滾動條。 在ps裏面做網頁可以在800*600狀態下顯示全屏，頁面的下方又不會出現滑動條，尺寸為740*560左右 在PS裏做的圖到了網上就不一樣了，顔色等等方面，因為WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顔色範圍很廣，所以自然會有失色的現象。 一般頁面標準按800*600分辨率製作，網頁的顯示尺寸標準為；780*428px；分辨率在640*480的情況下，網頁的顯示尺寸標準；620*311px；分...
  • Mozilla建議的CSS書寫順序
    睡蓮 08/10/12 16:50
    顯示屬性 自身屬性 文本屬性 display list-style position float clear width height margin padding border background color font text-decoration text-align vertical-align white-space other text content
  • 網頁製作，改變你的思維方式
    benboba 08/10/9 20:47
    　　“重構”的春風吹遍大江南北，互聯網一時間風聲鶴唳，“div+CSS”儼然已成為一種“時尚”，難以盡數的網站都不約而同地開始了自己的“重構”。然而打開這形形色色網站的源代碼，卻時常令人啞然失笑——　　我們看到有嵌套6、7層的div布局，有不用table的表格，有純div+a構成的頁面，有成百上千的表現層class……現在關於標準的書籍越來越多，除了少數幾本標榜“高級技巧”的書籍以外，很少有人不會在自己著作的前幾章強調這樣一句話——“結構與表現分離”。然而這些書籍的讀者們，又有多少人認認真真地讀過前幾章呢？還是更多地直接跳過那些乏味的結構講解，一頭紮到貌似高深...
  • XHTML網頁製作流程
    changzheng 08/10/8 22:56
    目前看來關於XHTML網頁的製作大家還存在很多的困惑，一一解答有些困難，我現在就XHTML網頁與HTML網頁製作技法上的不同來做一下說明。首先說一下HTML網頁的製作方法：1. 拿到美工設計圖開始切圖2. 用表格把切的圖拼成一個網頁3. 把內容放在已經編排好的空白處而XHTML網頁在製作技法與順序上是截然不同的，XHTML想要做的就是內容與版式的分離，那麼自然製作人員與設計師的工作可以做到一定程度的分離。我們以我給理想做的FarideaRSS網頁來進行一下XHTML網頁製作流程的說明：1。內容劃分將內容大刀闊斧的進行劃分：Logo，導航，文章標題，作者，發布時間，Copyright等等，用代碼表示就是： <div id=&q...
更多...

專題

更多...
API：　RSS‧RDF‧ATOM‧OPML

最 新 發 表 及 資 訊 區

最新公告

此為池水間 banner ，需要安裝 Adobe Flash Player 才能觀看內容。

文章分類

最新浮生錄文章

最新留言

最新留言：2012-Jan-6　11:13am
留言編號：76
留言者： wuji888
網主回覆： 有
總留言數： 71

前往萍踪留影

造訪統計

今天：57
昨天：330
本週：2221
本月：12237
總計：433474
平均：311

連結

Powered By XOOPS
Valid XHTML 1.1
Valid CSS 3
除另有註明外，本站內容均採用 Creative Commons 姓名標示-非商業性-相同方式分享 3.0 授權條款授權
登 入