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>