html+css學(xué)習(xí)筆記014-H5新標(biāo)簽0瀏覽器兼容

Author:Mr.柳上原

  • 付出不亞于任何的努力
  • 愿我們所有的努力,都不會被生活辜負(fù)
  • 不忘初心,方得始終

看到這個標(biāo)題

突然想起以前在前端群里和一位大佬的對話

我說:
‘ 如果能夠統(tǒng)一瀏覽器多好,那樣就不用再考慮兼容性問題了 ’

大佬回復(fù):
‘ 如果不需要做兼容性開發(fā)蛇耀,前端的價值不到現(xiàn)在的一半 ’

<!DOCTYPE html> <!-- 文檔類型:標(biāo)準(zhǔn)html文檔 -->

<html lang='en'> <!-- html根標(biāo)簽 翻譯文字:英文 -->

<head> <!-- 網(wǎng)頁頭部 -->

<meta charset='UTF-8'/> <!-- 網(wǎng)頁字符編碼 -->

<meta name='Keywords' content='關(guān)鍵詞1,關(guān)鍵詞2'/>

<meta name='Description' content='網(wǎng)站說明'/>

<meta name='Author' content='作者'/>

<title>前端59期學(xué)員作業(yè)</title> <!-- 網(wǎng)頁標(biāo)題 -->

<link rel='stylesheet' type='text/css' href='css/css1.css'/> <!-- 外鏈樣式表 -->

<style type='text/css'> /*內(nèi)部樣式表*/

/* 瀏覽器兼容 */
box-shadow:0px 2px 10px #CCC;
-webkit-box-shadow:0px 2px 10px #CCC; /* 谷歌內(nèi)核 */
-moz-box-shadow:0px 2px 10px #CCC; /* 火狐內(nèi)核 */
-ms-box-shadow:0px 2px 10px #CCC; /* ie內(nèi)核 */

</style>

</head>

<body> <!-- 網(wǎng)頁主干:可視化區(qū)域 -->

<!-- 
H5新標(biāo)簽:標(biāo)簽語義
1.使頁面結(jié)構(gòu)更加清晰脂信,增強可讀性
2.有利于爬蟲獲取有效信息,有利于seo優(yōu)化
3.有利于傳遞信息
 -->
<header> </header> <!-- 網(wǎng)頁頭部標(biāo)簽 -->

<nav> </nav> <!-- 網(wǎng)頁導(dǎo)航欄 -->

<section> </section> <!-- 網(wǎng)頁模塊 -->

<article> </article> <!-- 網(wǎng)頁中結(jié)構(gòu)完整的模塊 -->

<aside> </aside> <!-- 網(wǎng)頁側(cè)邊欄 -->

<footer> </footer> <!-- 網(wǎng)頁尾部 -->

<hgroup>
<h1> </h1>
<h2> </h2>
</hgroup> <!-- 網(wǎng)頁標(biāo)題組合 -->

<figure>
<figcaption>
圖片標(biāo)題
</figcaption>
<img src=' ' alt=' '/>
</figure> <!-- 網(wǎng)頁圖片組合 -->

<meter min='0' max='100' low='30'  high='80' optimum='20' value='50'> </meter> <!-- 網(wǎng)頁數(shù)據(jù)條:low最低值 high最高值 optimum最優(yōu)值 -->

<input type='text' list='vallist'> 
<datalist id='vallist'>
<option value='u1'> </option>
<option value='u2'> </option>
</datalist> <!-- 網(wǎng)頁選項表單列表 -->

<details>
<summary> </summary>
<p> </p>
</details> <!-- 網(wǎng)頁中某個文檔部分的引用 屬性值:open打開 -->

<dialog open> </dialog> <!-- 網(wǎng)頁對話欄 open必須要寫 自帶絕對定位 -->

<progress max='100' value='20'> </progress> <!-- 網(wǎng)頁進(jìn)度條 -->

<address> </address> <!-- 網(wǎng)頁地址欄 -->

<p> <time>12:00</time> </p> <!-- 網(wǎng)頁時間標(biāo)簽 -->

<p> <mark>做</mark> </p> <!-- 網(wǎng)頁重點標(biāo)注標(biāo)簽 -->

</body>

</html>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末辫狼,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子辛润,更是在濱河造成了極大的恐慌膨处,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,839評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件砂竖,死亡現(xiàn)場離奇詭異真椿,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)乎澄,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評論 2 382
  • 文/潘曉璐 我一進(jìn)店門突硝,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人置济,你說我怎么就攤上這事解恰。” “怎么了浙于?”我有些...
    開封第一講書人閱讀 153,116評論 0 344
  • 文/不壞的土叔 我叫張陵护盈,是天一觀的道長。 經(jīng)常有香客問我羞酗,道長腐宋,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,371評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮胸竞,結(jié)果婚禮上欺嗤,老公的妹妹穿的比我還像新娘。我一直安慰自己撤师,他們只是感情好剂府,可當(dāng)我...
    茶點故事閱讀 64,384評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著剃盾,像睡著了一般腺占。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上痒谴,一...
    開封第一講書人閱讀 49,111評論 1 285
  • 那天衰伯,我揣著相機(jī)與錄音,去河邊找鬼积蔚。 笑死意鲸,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的尽爆。 我是一名探鬼主播怎顾,決...
    沈念sama閱讀 38,416評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼漱贱!你這毒婦竟也來了槐雾?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,053評論 0 259
  • 序言:老撾萬榮一對情侶失蹤幅狮,失蹤者是張志新(化名)和其女友劉穎募强,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體崇摄,經(jīng)...
    沈念sama閱讀 43,558評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡擎值,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,007評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了逐抑。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鸠儿。...
    茶點故事閱讀 38,117評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖厕氨,靈堂內(nèi)的尸體忽然破棺而出进每,到底是詐尸還是另有隱情,我是刑警寧澤腐巢,帶...
    沈念sama閱讀 33,756評論 4 324
  • 正文 年R本政府宣布品追,位于F島的核電站玄括,受9級特大地震影響冯丙,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,324評論 3 307
  • 文/蒙蒙 一胃惜、第九天 我趴在偏房一處隱蔽的房頂上張望泞莉。 院中可真熱鬧,春花似錦船殉、人聲如沸鲫趁。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽挨厚。三九已至,卻和暖如春糠惫,著一層夾襖步出監(jiān)牢的瞬間疫剃,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評論 1 262
  • 我被黑心中介騙來泰國打工硼讽, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留巢价,地道東北人。 一個月前我還...
    沈念sama閱讀 45,578評論 2 355
  • 正文 我出身青樓固阁,卻偏偏與公主長得像壤躲,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子备燃,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,877評論 2 345

推薦閱讀更多精彩內(nèi)容