免费看的一级片-免费看的毛片-免费看的黄色网址-免费看的黄色录像-中文字幕乱码亚洲精品一区-中文字幕另类

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層
咨詢:13370157521
業務QQ:373002979
E - mail:sales @ huirenzhijie.com
企業網站備案:京ICP備15021091號-1

匯仁智杰與眾不同

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

主站蜘蛛池模板: 黄姓的研究报告| 保镖1993在线观看| 村暖花开| 三晶变频器| 汤唯和梁朝伟拍戏原版视频| 关德兴| 妻5| 远方的山楂树一共多少集| 东方卫视节目表| 历史试卷反思| 香蜜沉沉烬如霜吻戏| 姨妈来之前的征兆有哪些| 一级毛片色一级| 林正英演什么电影遇到真鬼了 | 运气旺的微信头像图片| 巴黎宝贝| 北京卫视节目表今天| 七年级的英语翻译全书| 宣萱影视| 搜狐视频官网| 贵妃还乡| 钱婧| 吸油记游戏破解版无限金币| 梁山伯与祝英台电影| 大太监李莲英| 情欲禁地| 石锐| 珍爱如血泰剧全集在线观看| 诱惑的艺术| 又见阿郎电视剧免费观看| 女忍者椿的心事| 祝福语生日| 特黄特黄a级毛片免费专区| 妙探出差3| 一路向北 免费观看 电影在线观看| 南方车站的聚会| 所求皆所愿| 动漫秀场| 美女操帅哥| 姬诚| 电子元器件基础知识|