原標題：編程字典-HTML5語法

HTML編碼慣例

Web開發(fā)人員在使用HTML時，往往有不確定的編碼風(fēng)格和語法.

2000和2010之間，許多Web開發(fā)人員從HTML轉(zhuǎn)換到XHTML.

在XHTML中，開發(fā)人員被迫寫出有效的和結(jié)構(gòu)良好的代碼.

HTML5說到的代碼驗證有點兒馬虎.

聰明和未來的證明

一個一貫使用的風(fēng)格，讓別人了解你的HTML更容易.

在未來，如XML閱讀器，可以閱讀你的HTML.

使用形式好的更“接近XHTML的”語法，可以更聰明.

始終保持您的代碼整潔，干凈，并形成良好.

使用正確的文檔類型

始終將文檔類型聲明為文檔中的第一行:

如果你想私有小寫標簽，您可以使用:

使用小寫的元素名稱

HTML5允許混合大寫和小寫字母的元素名稱.

我們建議使用小寫元素名稱，因為:

混合大寫和小寫的名字是不好的

開發(fā)者通常使用小寫名稱 (像在XHTML里面一樣)

小寫字母看起來更干凈

小寫更容易寫

不好的:

這是一個段落.

非常不好的:

這是一個段落.

好的:

這是一個段落.

關(guān)閉所有的HTML元素

在HTML5中，你不需要關(guān)閉所有的元素 (例如

元素).

我們建議您關(guān)閉所有的HTML元素.

原文：http://codingdict.com/article/1454

不好的:

這是一個段落.

這是一個段落.

好的:

這是一個段落.

This is a paragraph.

關(guān)閉空的HTML元素

在HTML5中，是否關(guān)閉空元素是可選的.

允許的:

這也行:

然而，關(guān)閉元素，使用反斜杠(/)是XHTML和XML要求的.

如果您希望XML軟件訪問您的頁面，最好關(guān)閉元素!

使用小寫屬性名稱

HTML5允許混合大寫和小寫屬性名稱.

我們建議使用小寫屬性名稱，因為:

混合大寫和小寫的名字是不好的

開發(fā)者通常使用小寫名稱 (像在XHTML里面一樣)

小寫字母看起來更干凈

小寫更容易寫

不好:

好的:

引號括住屬性值

HTML5允許屬性值沒有引號.

我們建議引用屬性值，因為:

混合大寫和小寫的值是不好的

引號更容易閱讀

如果值包含空格，則必須使用引號

很不好:

不好:

好:

圖像屬性

總是為圖片添加“alt”屬性。當(dāng)某些原因無法顯示圖像時，此屬性非常重要。此外，始終定義圖像寬度和高度。它減少了閃爍，因為瀏覽器可以預(yù)留空間的圖像加載前。

不好:

好:

空間與等號

HTML5允許在等號的空格。但空間更小更容易閱讀，更好地組合實體.

不好:

好:

避免長代碼行

使用HTML編輯器時，它是向右滾動不便讀取右邊的HTML代碼.

盡量避免代碼行長于80個字符.

空白線和縮進

不要沒有原因的添加空白行.

為了可讀性，請?zhí)砑涌招幸苑指舸蟮幕蜻壿嫷拇a塊.

為可讀性，添加兩個空格的縮進。不要使用制表鍵.

不要使用不必要的空白行和縮進。這是沒有必要的縮進每一個元素:

沒必要:

Famous Cities

Tokyo

Tokyo is the capital of Japan, the center of the Greater Tokyo Area,

and the most populous metropolitan area in the world.

It is the seat of the Japanese government and the Imperial Palace,

and the home of the Japanese Imperial Family.

比較好:

Famous Cities

Tokyo

Tokyo is the capital of Japan, the center of the Greater Tokyo Area,

and the most populous metropolitan area in the world.

It is the seat of the Japanese government and the Imperial Palace,

and the home of the Japanese Imperial Family.

表格實例:

NameDeion

A	Deion of A
B	Deion of B

列表實例:

London

Paris

Tokyo

忽略 和

?

在HTML5標準中，標簽和

標簽可以省略。

下面的代碼將驗證HTML5:

頁面標題

這是一個標題

這是一個段落.

讓我試試

我們不推薦忽略 和

標簽.

元素是文檔根. 它推薦來設(shè)置頁面語言:

對于可訪問應(yīng)用程序(屏幕閱讀器)和搜索引擎來說，聲明語言是很重要的.

忽略 或者

可以導(dǎo)致DOM和XML的軟件崩潰.

忽略

可以在舊瀏覽器中產(chǎn)生錯誤 (IE9).

忽略

?

在HTML5標準的

標簽也可以省略

默認情況下，瀏覽器將添加所有元素在

之前 , 到默認的 元素.

你可以減少HTML的復(fù)雜性, 忽略

標簽:Page Title

This is a heading

This is a paragraph.

讓我試試

我們不建議省略

標簽.

省略標簽是Web開發(fā)人員不熟悉。它需要時間來確立為準則.

Meta Data

在HTML5的元素是必需的。使標題盡可能有意義:HTML5 Syntax and Coding Style

為了確保正確的解釋，和正確的搜索引擎索引，語言和字符編碼應(yīng)盡早定義在文檔中:

HTML5 Syntax and Coding Style

設(shè)置視窗

HTML5引入了一個讓網(wǎng)頁設(shè)計師接管視口控制方法, 通過 標簽.

視圖是一個網(wǎng)頁的用戶的可見區(qū)域. 根據(jù)設(shè)備的不同，在手機上比在電腦屏幕上要小。

你應(yīng)包括下列視圖元素在你所有的網(wǎng)頁

視窗元素給瀏覽器如何控制頁面的尺寸和縮放比例.

width=device-width 部分設(shè)置頁面寬度以跟蹤設(shè)備的屏幕寬度(這取決于設(shè)備的不同)。

initial-scale=1.0 當(dāng)瀏覽器首次加載頁面時，部分設(shè)置初始縮放級別。返回搜狐，查看更多

責(zé)任編輯：

總結(jié)

以上是生活随笔為你收集整理的html语言词典,编程字典-HTML5语法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。