1. 程式人生 > >一個優秀的html文件頭部

一個優秀的html文件頭部

做網頁,為達到原始的顯示效果,最忌諱的要使用者自己去更改系統配置,修改瀏覽器設定,除非真的是系統設定級別的東西,比如使用者沒安裝外掛,禁用了js這些。

想不到一個適合的標題來定義文章,暫且這麼寫吧,我覺得一個人好的網頁結構程式碼,一定要瞻前顧後,即相容舊的也能最大的相容新的,甚至以後。

有這個想法是因為這次重灌一個ghost win7系統後,ie9帶來的煩惱以及感受,所說的僅僅以html css瀏覽器排版與渲染為物件。

首先瀏覽自己的網站,發現有細微排版上的變化,有一個地方壞了,檢視之下,是因為ie9使用了ie7文件模式,

納悶中,瀏覽163,sohu,qq郵箱 也是ie9使用了ie7,瀏覽豬八戒,好傢伙,這貨直接說我瀏覽器版本太低

,不是ie9麼,怎麼這麼說我,

於是發現瀏覽器全部使用了ie7文件模式,

解決方法當然有很多,但是應該瞥除一切修改登錄檔,修改組策略這類方法,

那剩下的就是在html程式碼中,要宣告強制ie使用哪個文件型別,

如果是html5就使用強制使用ie9,如果是xhtml,就統一為ie8文件型別,

或直接判斷使用者瀏覽器版本,再設定對應的文件型別宣告。

其實也有些網站已經做了,比如 淘寶網 ,msn,京東這些,

ie真是禍害,ie5升ie6是一次成功,ie7是禍害,ie8是成功,ie9又是禍害,ie10沒試過。

以上提到的所有網站,在ff  google chorme  safari 以及360都沒有問題,

不說了,還是回到相容上吧。

於是我覺得,一個優秀良好的功能性網站,是應該預想這些並有方針的,如下

<title>500px / Popular Photos</title>  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  <meta http-equiv="content-script-type" content="text/javascript" />  <meta property="fb:app_id" content="24324666158" />  <meta name="apple-itunes-app" content="app-id=471965292, app-argument=px://500px.com/popular">  <meta name="viewport" content="width=1240, maximum-scale=1.5" />  <meta name='keywords' content='photos, photographers, photo portfolio, online photo portfolio, photo digest, web photo portfolio, online photo gallery, share pictures, professional photography, social photography, upload photographs, share photo, outstanding photo portfolio, photo community, fresh photos, portfolio in seconds, models vs photographers, commercial photography, architectural photography, professional portfolio management'/>  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>

 <meta name='description' content='500px lets you create stunning professional photo portfolios, find friends, express yourself and connect with people like you.'>  

 <link href="//500px.com/assets/application-34319fd3189f45a75a8cf8b8a7320af5.css" media="screen, projection" rel="stylesheet" type="text/css" />  <link href="//500px.com/assets/print-bffef4637148924d2be20bd4416384f4.css" media="print" rel="stylesheet" type="text/css" />  

 <!--[if IE 8]>   <link href="//500px.com/assets/ie8-c019bda2cded218b6e522c3314bf2c29.css" media="screen, projection" rel="stylesheet" type="text/css" />  <![endif]-->  <!--[if IE 9]>   <link href="//500px.com/assets/ie9-44964d1ac83a7d28e3ff43672c3bc0d7.css" media="screen, projection" rel="stylesheet" type="text/css" />  <![endif]-->

相關推薦

一個優秀html頭部

做網頁,為達到原始的顯示效果,最忌諱的要使用者自己去更改系統配置,修改瀏覽器設定,除非真的是系統設定級別的東西,比如使用者沒安裝外掛,禁用了js這些。 想不到一個適合的標題來定義文章,暫且這麼寫吧,我覺得一個人好的網頁結構程式碼,一定要瞻前顧後,即相容舊的也能最大的相容新的,甚至以後。 有這個想法是因為這

自定義報告,用Java寫一個html

tst style pen found ner output ima ex18 詳細 因為testng不滿足我們的展示,所以我們會自己定義一個報告,實施步驟是,把靜態頁面做好後,放在Java項目中,其實和生成一個日誌文件類似,只是該了後綴,Java中需要使用到Pri

Html中嵌套其他HTML的幾種方法(轉)

java mar net rip gin bsp ace wid style 給大家整理了3個方法,一個是HTML的iframe標簽,別兩個是JS引用。比如要在arr.html文件裏引用index.html文件,方法如下。 HTML引用方法: <iframe na

怎樣解決jsp:include標簽在包括html時遇到的亂碼問題

配置 tag art 有時 動態生成 沒有 文件 tex conf 在一個JSP頁面中,經常須要包括還有一個文件,JSP為我們提供了jsp:include標簽能夠完畢這個功能,比方:<jsp:include page="some.jsp"></jsp:

HTML頭部

瀏覽器 標簽 信息 在聲明文檔類型之後,HTML文檔的下一部分為<html>標簽,告知瀏覽器應將括在<html>...</html>內的所有內容解析為HTML。然後是HTML文檔的兩個主要部分:<head>和<body>。<head

lnmp 搭建後,nginx下php404但是html正常訪問【已解決】

() stack 找到 span nec mis group php 方法 今天遇到 了如題的問題。 上網查了很多資料 最終是在這個鏈接 裏 找到了能解決我的問題的方法 https://stackoverflow.com/questions/23443398/nginx-e

【Java】Swing+IO流實現一個簡單的加密程序

als oncommand override fault 源文件 abs directory imp select EncrytService package com.my.service; import java.io.File; import java

【Java】Swing+IO流實現一個簡單的加密程序(較完整版)

move 初始 baidu images 文件選擇器 while login 一個 ktr 留著參考 beans package com.my.bean; import java.io.Serializable; public class

html基本結構

開發網頁 itl 容器 是什麽 meta 程序 htm 顯示 方便 <html> 根標簽,所有網頁的標簽都放在此 <head></head> 用於定義文檔頭部,它是所有頭部元素的容器 <body></body> 

學習寫一個能夠將復制、解壓到指定夾中的批處理

bat場景1:afoldersource中有若幹文件夾和若幹壓縮文件,現在將afoldersource中的文件全部復制到afolderdist中。afoldersource:腳本:@ECHO OFF##關閉命令回顯echo copy file##顯示一句話SET sourcepath=E:\afolderso

想成為一個優秀的硬工程師,你需要具備這些能力!

發展趨勢 時序圖 做到 硬件 sig 利用 討論 單片機 加固 一個好的硬件工程師實際上就是一個項目經理,你需要從外界交流獲取對自己設計的需求,然後匯總,分析成具體的硬件實現。還要跟眾多的芯片和方案供應商聯系,從中挑選出合適的方案,當原理圖完成後,你需要組織同事來進行配合評

GitHub中的html如何直接顯示成網頁形式

-s 輸入 網站 mlp 網頁 nbsp 通過 tro ref 可以通過http://htmlpreview.github.io/這個網站實現 在地址欄中直接輸入http://htmlpreview.github.io/+***.htmlGitHub中的html文件如何

UTF-8和UTF-8無BOM,一個會導致中中文變量無法匹配的bug

阿裏旺旺 bsp bom logs 文件 匹配 文件的 程序 資料 昨晚用dom4j中的selectSingleNode解析xml,匹配節點。 發現匹配不到,但是確實存在該節點 將regex改為regex1後則可以匹配,也就是說文件中的“阿裏旺旺”和程序中的“阿裏旺旺

一個JAVA類中只能有一個public類嗎?

資料 pri blog 外部 title java get cnblogs bsp 測試代碼一: 1 public class Test { 2 public static void main(String[] args) { 3 4 }

github展示html效果

文件 文檔 tps url 部署 htm 是我 http 想要 最近習慣用html記筆記,用瀏覽器查看。再時不時推送到github上,完美。為了讓想參考我筆記的人方便的查看,我希望在readme.md上添加指向該文件的連接,但是我又不想部署,而且部署到其他網站豈不要手動更新

node 通過指令創建一個package.json及npm安裝package.json

data- std detail pac 找我 閱讀次數 -a -- ice node 通過指令創建一個package.json文件及npm安裝package.json 2015-03-02 16:48 101226人閱讀 評論(2) 收藏 舉報 描

express 直接返回HTML

直接 www. expressjs code 詳情 ade jad style expr 一般情況下用的是模板引擎,如jade: res.render(‘detail‘,{          // 使用render()    #http://www.expressjs.c

webpack快速入門——插配置:HTML的發布

文件 mlp image cnblogs logs 快速入門 npm webpack blog 1.把dist中的index.html復制到src目錄中,並去掉我們引入的js 2.在webpack.config.js中引入 const htmlPlugin = requi

每個HTML裏開頭都有個很重要的東西,Doctype,知道這是幹什麽的嗎?

註意 soft 規範 fff microsoft mic html 使用 gpo 1、作用   該標簽告知瀏覽器文檔所使用的 HTML 規範。告訴瀏覽器按照何種規範解析頁面 2、常用的DOCTYPE聲明 HTML5 <!DOCTYPE html> HTML

html中引入html

load() blog 方式 height div query gpo 文件 () 一般用於網站提取公共部分的導航欄等 第一種方式:<iframe>標簽 在body標簽第一行加<iframe>標簽 <body> <ifram