www成人无码,思思热久久性爱无码,午夜不卡在线看,亚洲六月婷

Web前端知識(shí)

首頁 > 免費(fèi) > Web前端知識(shí) >

用語義化標(biāo)簽去寫你的HTML,兼容IE6,7,8

來源:北京匯仁智杰科技有限公司   時(shí)間:2016-04-13   點(diǎn)擊:

  HTML5增加了更多語義化的標(biāo)簽,如header,footer,nav……讓我們?cè)陧撁婢帉懙臅r(shí)候,不需要再用下面這種方法去布局了:
<div class="header">這是頭部</div>
<div class="content">這是中間內(nèi)容區(qū)</div>
<div class="footer">這是底部</div>
  而可以用這樣的方式去布局:
<header>這是頭部</header>
<content>這是中間內(nèi)容區(qū)</content>
<footer>這是底部</footer>
  但是IE不向前支持,所以我們想讓它支持IE6,7,8需要在js和css里增加一點(diǎn)小代碼,如下:
document.createElement("header");
document.createElement("content");
document.createElement("footer");
  css:
header,content,footer{display:block}
  以上的意思就是自定義一個(gè)標(biāo)簽為header并將其設(shè)為塊狀顯示,下面附上完整代碼吧:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>用語義化標(biāo)簽去寫你的HTML,兼容IE6,7,8</title>
<style>
*{margin:0;padding:0;}
header,content,footer{display:block}
header{width:600px;height:150px;line-height:150px;border:1px solid #000;margin:10px auto;text-align:center;font-size:24px}
content{width:600px;height:250px;line-height:250px;border:1px solid #000;margin:10px auto;text-align:center;font-size:24px}
footer{width:600px;height:150px;line-height:150px;border:1px solid #000;margin:10px auto;text-align:center;font-size:24px}
</style>
<script type="text/javascript">
document.createElement("header");
document.createElement("content");
document.createElement("footer");
</script>
</head>
 
<body>
<header>這是頭部</header>
<content>這是中間內(nèi)容區(qū)</content>
<footer>這是底部</footer>
</body>
  為什么要語義化去寫html呢?
  首先,代碼易于閱讀,當(dāng)別人看你代碼的時(shí)候,一眼就能明白;其次,有利于SEO,搜索引擎的爬蟲很大程度上會(huì)忽略用于表現(xiàn)的標(biāo)記,而只注重語義標(biāo)記。
  所以,趕快開始用語義化標(biāo)簽去寫你的HTML吧,何況這也不難,對(duì)吧?
  附1:

6.jpg

網(wǎng)絡(luò)營銷推廣?。”本﹨R仁智杰科技有限公司!

地址:北京市昌平區(qū)回龍觀龍冠大廈5層
咨詢:15201492965
業(yè)務(wù)QQ:373002979
E - mail:sales @ huirenzhijie.com
企業(yè)網(wǎng)站備案:京ICP備15021091號(hào)-1

匯仁智杰與眾不同

  • 有網(wǎng)絡(luò)推廣經(jīng)驗(yàn)
  • 有網(wǎng)站建站隊(duì)伍
  • 有大型網(wǎng)站建設(shè)經(jīng)驗(yàn)
  • 致力于營銷型網(wǎng)站建設(shè)
  • 始終堅(jiān)持技術(shù)和服務(wù)同樣重要
查看PC版網(wǎng)站
備案號(hào):京ICP備15021091號(hào)-1 版權(quán)所有:匯仁智杰

色综合人上人| 中出高潮无套少妇| 国产激情图区| 日韩欧美a级| xxxxx97| 大香蕉久| 暖暖无码永久免费视频| 99久久精品这里只有精品| h无码在线观看| 亚洲无码淫淫网| 香蕉视频草莓视频| 尹人在线久视频| 日韩AⅤ胖女人| 丁香五月精品久久| aⅴ免费视频在线观看| 国产亚洲av片在线观看播放| 精品51高跟| 久艹在线视| 免费看一级大黄片操逼| 午夜 久久 TV| 天天视频一区二区三区| 亚洲精品欧美日韩| 黄片在线免费观看视频| 99热精品三级| 久久久久亚洲AV无码专区网站| 国产免费自拍| 中文字幕欧美激情一区| 肃南| 老湿机久久精品| 午夜爽爽爽男女污污污网站| 人妻内射一区二区在线视频| 800av导航| 漂亮人妻夜夜操| 熟妇精品视频黄| 黄色视屏网站| 欧美多人| xxx2高清在线观看免费视频| 在线成人黄色视频网站| 五月婷之久久| 天天色综合网址| 久久久久高潮毛片免费全部播放|