當前位置：首頁?>?行業新聞?>?全文
- 行業新聞
Industry News
HTML5 語言搭建的網站對于優化有啥好處嗎，一葉障目
發布時間：2021-8-26 18:49:35 發布者：SEO快速排名能手
一、什么叫HTML5
HTML的英文全稱為Hyper Text Markup Language，即超文本標記語言。HTML5是HTML的一個新版本。HTML 不是一種編程語言，而是一種標記語言 (markup language)。
HTML5是萬維網的核心語言、標準通用標記語言下的一個應用超文本標記語言(HTML)的第五次重大修改。
二、html5和html4的區別
1、簡化的語法
HTML5簡化了非常多細微的語法。比如doctype的聲明，你僅僅須要寫即可了。
2、新增<header> 和 <footer> 標簽
HTML5設計的一個原則是更好的體現站點的語義性，所以添加了<header>和<footer>這種標簽，用來明白表示在網頁的結構。
3、新增 <section> 和 <article> 標簽
與<header>, <footer>類似。<section>和<article>也有利于清晰化網頁的結構，更有利于SEO。
4、新增 <audio> 和 <video> 標簽
這兩個標簽可能是HTML5里面最實用的兩個標簽了。顧名思義。這兩個標簽是用來播放音頻和視頻的。
5、去掉 <b> 和 <font> 標簽
官方的解釋是應該用CSS來替代這兩個標簽。
三、html5增加了那些新特性
1、語義標簽
html5語義標簽，可以使開發者更方便清晰構建頁面的布局
2、增強型表單
html5修改一些新的input輸入特性，改善更好的輸入控制和驗證
html5新增了五個表單元素
html5新增表單屬性
3、音頻和視頻
html5提供了音頻和視頻文件的標準，既使用<audio>元素。
音頻：<audio src=" "></audio>
<audio controls> //controls屬性提供添加播放、暫停和音量控件。
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的瀏覽器不支持 audio 元素。 //瀏覽器不支持時顯示文字
</audio>
視頻：<video src=" "></video>
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的瀏覽器不支持Video標簽。
</video>
四、html5書寫標準
結構清晰，簡化標簽，命名規范具有語義化
網頁的主要構成是：
結構（結構就好比人的身體，html）
樣式（樣式就好比人的穿衣打扮，css 也可以說是網頁的美容師）
行為（行為好比人會唱歌會跳舞 javascript）
命名規范：
1、駝峰命名法 subMenu
2、劃線命名法（匈牙利命名法） sub_menu
注意：命名不能以數字開頭；不要用標簽名來命名
四、html5書寫標準
結構清晰，簡化標簽，命名規范具有語義化
網頁的主要構成是：
結構（結構就好比人的身體，html）
樣式（樣式就好比人的穿衣打扮，css 也可以說是網頁的美容師）
行為（行為好比人會唱歌會跳舞 javascript）
命名規范：
1、駝峰命名法 subMenu
2、劃線命名法（匈牙利命名法） sub_menu
注意：命名不能以數字開頭；不要用標簽名來命名
五、HTML5和SEO優化
HTML5引入一些新的元素，例如，<header>、<article>、<aside>、<footer>，這樣一個網頁將會變的更有意義。
我把HTML5代碼都看了下，新增了不少新元素，整理了下，這些標簽應該對SEO還是比較有影響的，適當運用，也許對SEO優化是有很大好處的！
結構上
1、<header>定義了站點的頭部信息，也就是頁眉，一般放置網站的站點名稱以及LOGO和導航欄。搜索引擎更容易識別站點的類型。
2、<nav>定義導航鏈接，也就是欄目或者頻道的鏈接。搜索引擎可以更好了解網站的信息架構，分類等。良好的信息架構，更有利于蜘蛛的爬行和權重的分布。
3、<footer>定義了底部信息，也就是頁腳。放置頁腳導航，一些比如公司介紹，聯系我們之類的信息。一般來說對網站比較不重要，有可能搜索引擎會降低其位置的權重。
4、<section>該元素用來表示網頁中不同的分區。優勢體現在每個部分都可以有其獨立的HTML標題。這可以讓搜索引擎更好的了解網頁的結構是如何劃分的。搜索引擎可能會根據網頁中的<section>標簽找出其信息架構。（同左撇子）
5、<article> 定義文章區域，可以更有利于搜索引擎識別網頁的內容以及判斷相關性。，
6、<aside>定義頁面內容之外的內容，在左側或右側邊欄。比如知乎右側的“相關問題”就屬于<aside>區域。aside標簽的文字信息與article標簽區域的文字信息最好是相關?？赡軙绊懙皆擁撁婧湍繕隧撁娴呐琶?。
補充：這些結構元素有些在HTML4時代，一般是用div來定義。如<div id="header">、<div id="nav">和<div id="footer">，但是難免有些網站會采用其它的命名方式。而HTML就把這些都標準化了，規范化了，簡潔明了。更有利于搜索引擎衡量網頁上的內容和相關性，甚至分配權重的流向。
以上就沫沫對于是關于HTML5 語言搭建的網站對于優化有啥好處嗎，一葉障目的解讀，優化之難，不亞于上“青天”，學術無止境，有優化相關問題歡迎一起探討，我們致力于百度、360、搜狗等手機移動端及整站優化方案，分享快速提升網站排名的優化方法及技巧，做的了優化，穩的住排名是沫沫的宗旨，網站排名流量如何取決于您的選擇與格局！
