1. 程式人生 > >如何宣告HTML程式碼為過渡性,嚴格型,框架型來規範程式碼格式

如何宣告HTML程式碼為過渡性,嚴格型,框架型來規範程式碼格式

如何規範網站html程式碼

SEO中,也需要對網站的html程式碼進行規範化,規範html程式碼對一個網站有諸多好處,比如:改版方便、程式碼容易維護、程式碼量小、網站開啟速度快、適合更多人群閱讀等,這裡就不一一列舉。

下面,我們就開始對我們的網站進行初級改善:

給網頁新增DOCTYPE程式碼

XHTML1.0為我們提供了三種DOCTYPE:

1 . 過渡型(Transitional)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2 . 嚴格型(Strict)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

3 . 框架型(Frameset)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

過渡型兼容表格、標識等,對於初學者來說,選擇過渡型就可以啦!

設定一個名字空間的程式碼

在DOCTYPE後面新增如下程式碼即可: 
<html xmlns="http://www.w3.org/1999/xhtml">
Xmlns是XHTML namespace的簡寫,叫做“名字空間”,通常我們的網頁只有<html>,這裡為什麼會出現xmlns呢?名字空間就是給文件做一個標識,說明這個文件規範是屬於誰的。明白了嗎?不明白就Pass。

宣告語言編碼

簡體中文網站可定義為: 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
英文網站可定義為: 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<Head></Head>程式碼之間的其他設定

1 . 收藏夾小圖示的程式碼

製作一個16*16的ico圖示,命名為favicon.ico,放到網站根目錄下,然後把下面的程式碼放到<Head></Head>之間即可。 
<link rel="icon" href="/favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>

2 . 作者與版權資訊

<meta name="author" content="hxstream "/>
<meta name="copyright" content="www.world-blog.cn,版權所有"/>

3 . 站點介紹

<meta name="description" content="深圳SEO為廣大企業提供seo優化服務" />

4 . 站點關鍵詞

<meta content="搜尋引擎優化,seo" name="keywords"/>

關閉所有的標籤程式碼

開啟的標籤必須關閉,例如<p>www.world-blog.cn</p>,當然還有一種關閉方式,如:<br/>

屬性值用“”括起來

例如:<img height= "80 "……/>

給所有的屬性規範賦值

不正確的寫法:<input …… checked/>
正確的寫法為:<input …… checked= "checked"/>

所有的XHTML元素及其屬性名稱用小寫

XHTML是大小寫敏感的 
錯誤的寫法為:<TITLE>www.world-blog.cn</TITLE>
標準的寫法為:<title>www.world-blog.cn</title>

標籤程式碼要合理巢狀

不正確的寫法:<div><h1>www.world-blog.cn</div></h1>
正確的寫法為:<div><h1>www.world-blog.cn</h1></div>

特殊字元用編碼標識

如 " <" 用 "&lt;"表示," >" 用 "&gt;"表示。

為圖片增加alt屬性程式碼

alt屬性指定了當圖片不能顯示的時候就顯示供替換文字。 
如:<img src="images/logo.gif" alt="深圳SEO為您服務"/>

用結構化的元素規範輸出內容

例如:你想輸入三行文字,可以用: 
www.world-blog.cn<br/>www.world-blog.cn<br/>www.world-blog.cn
我建議用下面的方式代替上面的方式: 
<ul>
<li>www.world-blog.cn</li>
<li>www.world-blog.cn</li>
<li>www.world-blog.cn</li>
</ul>

相關推薦

如何宣告HTML程式碼過渡性嚴格框架規範程式碼格式

如何規範網站html程式碼 SEO中,也需要對網站的html程式碼進行規範化,規範html程式碼對一個網站有諸多好處,比如:改版方便、程式碼容易維護、程式碼量小、網站開啟速度快、適合更多人群閱讀等,這裡就不一一列舉。 下面,我們就開始對我們的網站進行初級改善: 給網

nginx能做什麼(宣告:這個引用別人寫的主要做記錄查詢使用)

前言 本文只針對Nginx在不載入第三方模組的情況能處理哪些事情,由於第三方模組太多所以也介紹不完,當然本文字身也可能介紹的不完整,畢竟只是我個人使用過和了解到過得。所以還請見諒,同時歡迎留言交流 Nginx能做什麼 1.反向代理 2.負載均衡

STM32 use microlib是幹什麼的 2016-04-25 23:13 1298人閱讀 評論(0) 收藏 舉報 分類: STM32(15) 版權宣告:本文博主原創文章未經博主允許

//加入以下程式碼,支援printf函式,而不需要選擇use MicroLIB  #if 1  #pragma import(__use_no_semihosting)               //標準庫需要的支援函式                   struct __FILE   {   int 

使用 EditorConfig規範程式碼縮排等的風格以webstorm

在專案開發過程中,有的人喜歡用tab來縮排,有的人喜歡用空格。為了保持縮排風格的一致,可以使用EditorConfig來規範縮排風格,縮排大小,tab長度以及字符集等。 Editorconfig專案由兩部分組成,一個是.editorconfig 的檔案格式(format),

父類的虛擬函式宣告private是否可以實現多

大家,先想一想,如果把原來實現多型的父類中virtual函式宣告為private的形式,是否還可以實現多型呢。答案將由下面的程式碼給出。 #include<iostream> using namespace std; class A { private:

C#中的struct(結構)值類struct類全接觸

line 輸出 其他 重要 影響 初始化 最大 cat type類 眾所周知,struct類型和class類型非常相似,尤其是在C++中,class可以辦到的事struct幾乎都可以實現。在C#中struc類型依然存在,它的用處相對來說已經顯得越來越不重要,這裏主要講述一下

Mybatis自動生成Xml文件針對字段類text等會默認產生XXXXWithBlobs的方法問題

div 生成xml文件 處理 pre cnblogs href 字段 默認 mybatis 默認情況下產生的Mapper.xml裏面存在: 需要修改generatorConfiguration.xml,裏面的table加屬性,如: <t

c# yyyyMMdddd/MM/yyyy 類字符串轉換datetime 類

ring getc esp oda pac hit 類型 time lob DateTime ConvertDate = Convert.ToDateTime(DateTime.ParseExact(item.Key, "yyyyMMdd", null, System.G

echarts判斷點擊參數類series有效markPoint 無效

ima echarts char chart sch charts w3cschool tutorial 設置 https://www.w3cschool.cn/echarts_tutorial/echarts_tutorial-7o3u28yh.html 可以設置如

mysql 批量更新數據庫主鍵intbigint 類字段自增類

span pre and style cat pri odi rem script select table_name, concat(‘alter table `‘,table_name,‘` MODIFY ‘, column_name, ‘ ‘, da

laravel 項目本地版本5.5,線上mysql 5.7.21版本執行嚴格模式

多說 沒有 lar mysql 圖片 sin 分享 png 16px 看到網上很多說修改 但是在mysql 5.7中沒有這個參數設置,故放棄; 結合本項目sina_id 10位超過int的最大範圍4294967295,所以報錯,修改為bigint 即可。 la

Oracle中存儲圖片的類BLOB類Java中如何將其讀取並轉為字符串?

ava 字節數組 object [] str string類 arch data mpi 一,讀取圖片轉為String類型: 需要使用Sun公司提供的Base64工具 String str = ((Map) list1.get(0)).get("EINVOICEFILE")

程式碼繼承介面等基本概念

思維導圖 看程式寫結果1 class Fu{ public int num = 10; public Fu(){ System.out.println("fu"); } } class Zi extends Fu{ public int num

大資料之scala(四) --- 模式匹配變數宣告模式樣例類偏函式逆變隱式轉換隱式引數

一、模式匹配:當滿足case條件,就終止 ---------------------------------------------------------- 1.更好的switch var x = '9'; x match{ case

error MSB6006 rc exe 已退出程式碼 5

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

已知雞和兔的總數量n總腳數m。輸入n和m依次輸出雞和兔的數目。如果無解輸出“no answer”。 將下面的程式碼填寫完整。

撰寫人——軟工二班——陳喜平 題目描述 已知雞和兔的總數量n,總腳數為m。輸入n和m,依次輸出雞和兔的數目。如果無解,輸出“no answer”。 將下面的程式碼填寫完整。 #include <stdio.h> int main() { int m,n,x,y;

Atitit spirngboot 訪問 html檔案總結 自設計web伺服器原理與實現 Url路由壓力讀取url獲得專案更路徑絕對路徑拼接檔案路徑。讀取文建內容輸出即可 目錄路徑 u

Atitit spirngboot  訪問 html檔案總結 自設計web伺服器原理與實現   Url路由壓力,讀取url,獲得專案更路徑絕對路徑,拼接為檔案路徑。讀取文建內容輸出即可   目錄路徑  upload。Html在專案跟目錄

重溫C#委託匿名方法Lambda委託表示式樹程式碼示例

帶你重溫C#委託,匿名方法,Lambda,泛型委託,表示式樹程式碼示例:     這些對老一代的程式設計師都是老生常談的東西,沒什麼新意,對新生代的程式設計師卻充滿著魅力。曾經新生代,好多都經過漫長的學習,理解,實踐才能掌握委託,表示式樹這些應用。今天我嘗試用簡單的方法敘述一下,讓

JS將html生成圖片並下載(適用於大多數瀏覽器包含手機瀏覽器等(需配合後臺處理))(筆記)

(1)html程式碼 <div id="id="content""> //此處放置需要生成圖片的程式碼 <div class="order_payCon"> <div class="submit_pay_success"

關於程式碼進行排序查詢模糊查詢結果不能正常展示排序問題總結

使用springboot進行商品模糊查詢和選擇排序查詢,遇到了一下問題。 1.查詢出來結果為空: 我是最先使用的是在業務層拼接好模糊查詢的語句 也就是“ '%nam%' ” 我把這個這個整體當做引數