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

Web前端知識

首頁 > 免費 > Web前端知識 >

淺談HTML的語義化和一些簡單優(yōu)化

來源:北京匯仁智杰科技有限公司   時間:2016-11-14   點擊:

1、什么是語義化?

語義化是指用合理HTML標(biāo)記以及其特有的屬性去格式化文檔內(nèi)容。通俗地講,語義化就是對數(shù)據(jù)和信息進行處理,使得機器可以理解. 語義化的(X)HTML文檔有助于提升你的網(wǎng)站對訪客的易用性,比如使用PDA、文字瀏覽器以及殘障人士將從中受益。對于搜索引擎或者爬蟲軟件來說,則有助于它們建立索引,并可能給予一個較高的權(quán)值。 事實上SEO最有效的一種辦法,就是對網(wǎng)頁的HTML結(jié)構(gòu)進行重構(gòu),實質(zhì)上就是語義化。

簡單來說,就是根據(jù)內(nèi)容的結(jié)構(gòu)化(內(nèi)容語義化),選擇合適的標(biāo)簽(代碼語義化)便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時讓瀏覽器的爬蟲和機器很好地解析,什么樣的內(nèi)容就用什么樣的標(biāo)簽。

2、語義化的好處?
在css文件沒有成功加載的時候頁面也能呈現(xiàn)好的內(nèi)容結(jié)構(gòu);利于SEO,讓搜索引擎和爬蟲軟件抓取更多有用的信息,建立索引,獲取較高的權(quán)值;方便其他設(shè)備解析(如屏幕閱讀器、盲人閱讀器、移動設(shè)備)以意義的方式來渲染網(wǎng)頁;

3、HTML5的語義化

最新的HTML5就網(wǎng)頁結(jié)構(gòu)化增加了一系統(tǒng)的結(jié)構(gòu)化標(biāo)簽

<header>頭部</header>  

<nav>導(dǎo)航</nav>  

<article>  

<section>內(nèi)容1</section>  

<section>內(nèi)容2</section>  

<section>內(nèi)容3</section>  

</article>  

<aside>側(cè)邊欄</aside>  

<footer>底部</footer>  

4、寫HTML需要注意的點

標(biāo)簽閉合</>,/>;

正確使用標(biāo)簽嵌套,避免行內(nèi)元素包圍塊元素;

合理使用標(biāo)簽,盡量少使用無語義的標(biāo)簽div,span,在css文件沒有成功加載的時候頁面也能呈現(xiàn)好的內(nèi)容結(jié)構(gòu);

使用<h1>、<h2>、<h3>、<h4>、<h5>、<h6>,作為標(biāo)題使用,并且依據(jù)重要性遞減,<h1>是最高的等級;

使用<p>區(qū)分段落,避免使用<br />換行;

不要使用純樣式的標(biāo)簽,b,font,u等,改為css設(shè)置;

使用表格時,使用<thead>,<tbody>,<tfoot>包圍頭部,主體內(nèi)容,表格;

5、關(guān)于SEO優(yōu)化,HTML需要做些什么?

文檔類型統(tǒng)一使用HTML5 doctype <!DOCTYPE HTML>;

meta標(biāo)簽優(yōu)化,主要有title、description、keywords三個地方,結(jié)束不要使用“ />”,應(yīng)該直接寫“>”;

css文件最好使用一個,放在頭部<head>標(biāo)簽里面;

js文件最好放在底部,避免因加載js文件阻塞HTML的渲染;

使用外聯(lián)文件,避免在HTML直接寫css和js的代碼;

引入文件時使用絕對地址,絕對地址包括了網(wǎng)站的域名;

img標(biāo)簽加上alt關(guān)鍵字,利于SEO優(yōu)化,盡量不要使用“的”、“上”、“好”、“等等”等,搜索引擎數(shù)據(jù)庫默認(rèn)不收錄的字;

logo處加h1標(biāo)簽,搜索引擎默認(rèn)h1標(biāo)簽這個標(biāo)題是網(wǎng)頁中最重要的信息,所以我們把最重要信息入在<H1>標(biāo)簽內(nèi);

網(wǎng)絡(luò)營銷推廣 . 北京匯仁智杰科技有限公司!

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

匯仁智杰與眾不同

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

精品1区2区3区产品乱码| 精品无人无码乱码毛片国产小说| 插日本熟女| 欧美亚洲www.| 最近2019年日本中文免费字幕| 精品产区一二三区草莓| 国产精品k视频| 91精品三级片在线| 一本色道久久88—综合亚洲精品| 男人同性视频网站| 天天好爽爽| 亚洲永久网站| 色资源| 视频一区二区自产在线| 久久久免费精品视频| 免费精品视频| 韩国一级黄色日皮视频| 国产一级真实乱子伦| 亚洲黄色在线视频| 日韩av第五区| 日韩三级人爱视频| 国产精品无码专区| 高潮喷水无码羞羞视频| 成人中文字幕电影| 亚洲国产精品嫩草影院在线观看| 三个高中生自慰AV| 全国AV| 亚洲av杨幂性猛交xxx| 成人九九凹凸| 一级丰满大乳HD高清| 色众合 性| 亚洲欧美久久涩| 影音先锋无码a∨男人资源站| 人妻AV无码片| 三及片网钻| 国产精品欧美成人| 亚洲破处在线| 成年人的黄色视频网站| 欧美成人一区二区三区片免费| 色老汉久久精品影院| 亚洲一区亚洲二区在线|