四虎永久精品免费观看-四虎影在线永久免费观看-四虎影院最新网址-四虎影院最新网站-国内大片在线免费看-国内成人自拍视频

Web前端知識

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

淺談HTML的語義化和一些簡單優化

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

1、什么是語義化?

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

簡單來說,就是根據內容的結構化(內容語義化),選擇合適的標簽(代碼語義化)便于開發者閱讀和寫出更優雅的代碼的同時讓瀏覽器的爬蟲和機器很好地解析,什么樣的內容就用什么樣的標簽。

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

3、HTML5的語義化

最新的HTML5就網頁結構化增加了一系統的結構化標簽

<header>頭部</header>  

<nav>導航</nav>  

<article>  

<section>內容1</section>  

<section>內容2</section>  

<section>內容3</section>  

</article>  

<aside>側邊欄</aside>  

<footer>底部</footer>  

4、寫HTML需要注意的點

標簽閉合</>,/>;

正確使用標簽嵌套,避免行內元素包圍塊元素;

合理使用標簽,盡量少使用無語義的標簽div,span,在css文件沒有成功加載的時候頁面也能呈現好的內容結構;

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

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

不要使用純樣式的標簽,b,font,u等,改為css設置;

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

5、關于SEO優化,HTML需要做些什么?

文檔類型統一使用HTML5 doctype <!DOCTYPE HTML>;

meta標簽優化,主要有title、description、keywords三個地方,結束不要使用“ />”,應該直接寫“>”;

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

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

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

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

img標簽加上alt關鍵字,利于SEO優化,盡量不要使用“的”、“上”、“好”、“等等”等,搜索引擎數據庫默認不收錄的字;

logo處加h1標簽,搜索引擎默認h1標簽這個標題是網頁中最重要的信息,所以我們把最重要信息入在<H1>標簽內;

網絡營銷推廣 . 北京匯仁智杰科技有限公司!

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

匯仁智杰與眾不同

  • 有網絡推廣經驗
  • 有網站建站隊伍
  • 有大型網站建設經驗
  • 致力于營銷型網站建設
  • 始終堅持技術和服務同樣重要
查看PC版網站
備案號:京ICP備15021091號-1 版權所有:匯仁智杰

主站蜘蛛池模板: 亚洲精品成人久久| 免费毛片试看| 日日摸人人看97人人澡| 天堂网在线播放| 正在播放julia女教师| 日韩hd高清xxxⅹ| 日韩av线观看| 国模精品一区二区三区视频| 青娱乐色| 久久九九免费| 涩综合| 少妇无码太爽了视频在线播放| 午夜dj影院在线观看完整版| 男人舔女人的阴部黄色骚虎视频| 亚洲毛片基地4455ww| 青青草97| 欧美高清69vivo| 日本污ww视频网站| 特片伦理在线网站| 小p孩玩成年女性啪啪资源| 四虎免费影院4hu永久免费| 污污在线免费观看| 亚洲在线成色综合网站| 亚洲女人毛片| 亚洲精品沙发午睡系列| 亚洲AV久久无码精品蜜桃| 欧美视频精品一区二区三区| 午夜视频在线观看一区| 日本美女视频韩国视频网站免费| 在线色色视频| 在线色国产| 91精品乱码一区二区三区| 麻豆国产精品久久人妻| 怡红院在线视频精品观看| 单亲妈妈3韩国电影免费观看| 日夜啪啪一区二区三区| 国产AV视频二区在线观看| 中文字幕 视频一区| 一个人免费观看视频www高清| 99精品在线播放| 婷婷开心激情网|