黄色片子毛片视频,成人片可以免费无码试看

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案

創(chuàng)新互聯(lián)HTML5教程：HTML5代碼規(guī)范

HTML5 代碼規(guī)范

在使用HTML5的過程中，使用規(guī)范化的代碼能夠更加方便你的運(yùn)用與閱讀，本節(jié)我們將帶領(lǐng)你了解如何能夠使得HTML5中的代碼變得更加規(guī)范！

HTML 代碼約定

很多 web 開發(fā)人員對 HTML 的代碼規(guī)范知之甚少。

在2000年至2010年，許多Web開發(fā)人員從 HTML 轉(zhuǎn)換到 XHTML。

使用 XHTML 開發(fā)人員逐漸養(yǎng)成了比較好的 HTML 編寫規(guī)范。

而針對于 HTML5 ，我們應(yīng)該形成比較好的代碼規(guī)范，以下提供了幾種規(guī)范的建議。

使用正確的文檔類型

文檔類型聲明位于HTML文檔的第一行：

<
!DOCTYPE
html
>

如果你想跟其他標(biāo)簽一樣使用小寫，可以使用以下代碼：

<
!doctype
html
>

使用小寫元素名

HTML5 元素名可以使用大寫和小寫字母。

推薦使用小寫字母：

混合了大小寫的風(fēng)格是非常糟糕的。
開發(fā)人員通常使用小寫 (類似 XHTML)。
小寫風(fēng)格看起來更加清爽。
小寫字母容易編寫。

不推薦:

<
SECTION
>

<
p
>這是一個(gè)段落。
<
/p
>

<
/SECTION
>

非常糟糕:

<
Section
>

<
p
>這是一個(gè)段落。
<
/p
>

<
/SECTION
>

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

在 HTML5 中, 你不一定要關(guān)閉所有元素 (例如

元素)，但我們建議每個(gè)元素都要添加關(guān)閉標(biāo)簽。

不推薦:

<
section
>

<
p
>這是一個(gè)段落。

<
p
>這是一個(gè)段落。

<
/section
>

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

在 HTML5 中, 空的 HTML 元素也不一定要關(guān)閉：

我們可以這么寫：

<
meta
charset=
"utf-8"
>

也可以這么寫：

<
meta
charset=
"utf-8"
/
>

在 XHTML 和 XML 中斜線 (/) 是必須的。

如果你期望 XML 軟件使用你的頁面，使用這種風(fēng)格是非常好的。

使用小寫屬性名

HTML5 屬性名允許使用大寫和小寫字母。

我們推薦使用小寫字母屬性名:

同時(shí)使用大寫寫是非常不好的習(xí)慣。
開發(fā)人員通常使用小寫 (類似 XHTML)。
小寫風(fēng)格看起來更加清爽。
小寫字母容易編寫。

不推薦：

<
div
CLASS=
"menu"
>

屬性值

HTML5 屬性值可以不用引號。

屬性值我們推薦使用引號:

如果屬性值含有空格需要使用引號。
混合風(fēng)格不推薦的，建議統(tǒng)一風(fēng)格。
屬性值使用引號易于閱讀。

以下實(shí)例屬性值包含空格，沒有使用引號，所以不能起作用：

<
table
class=
table striped>

以下使用了雙引號，是正確的：

<
table
class=
"table striped"
>

圖片屬性

圖片通常使用 alt 屬性。在圖片不能顯示時(shí)，它能替代圖片顯示。

<
img
src=
"html5.gif"
alt=
"HTML5" style=
"width:128px;height:128px"
>

定義好圖片的尺寸，在加載時(shí)可以預(yù)留指定空間，減少閃爍。

<
img
src=
"html5.gif"
alt=
"HTML5"
style=
"width:128px;height:128px"
>

空格和等號

等號前后可以使用空格。

<
link
rel =
"stylesheet"
href =
"styles.css"
>

但我們推薦少用空格:

<
link
rel=
"stylesheet"
href=
"styles.css"
>

避免一行代碼過長

使用 HTML 編輯器，左右滾動(dòng)代碼是不方便的。

每行代碼盡量少于 80 個(gè)字符。

空行和縮進(jìn)

不要無緣無故添加空行。

為每個(gè)邏輯功能塊添加空行，這樣更易于閱讀。

縮進(jìn)使用兩個(gè)空格，不建議使用 TAB。

比較短的代碼間不要使用不必要的空行和縮進(jìn)。

不必要的空行和縮進(jìn):

<
body
>

<
h1
>
cdcxhl.com教程
<
/h1
>

<
h2
>HTML
<
/h2
>

<
p
>

    學(xué)技術(shù)，從cdcxhl.com開始。

    學(xué)技術(shù)，從cdcxhl.com開始。

   學(xué)技術(shù)，從cdcxhl.com開始。

    學(xué)技術(shù)，從cdcxhl.com開始。

<
/p
>

<
/body
>

表格實(shí)例:

<
table
>

<
tr
>


<
th
>Name
<
/th
>


<
th
>Description
<
/th
>

<
/tr
>

<
tr
>


<
td
>A
<
/td
>


<
td
>Description of A
<
/td
>

<
/tr
>

<
tr
>


<
td
>B
<
/td
>


<
td
>Description of B
<
/td
>

<
/tr
>

<
/table
>

列表實(shí)例:

<
ol
>

<
li
>London
<
/li
>

<
li
>Paris
<
/li
>

<
li
>Tokyo
<
/li
>

<
/ol
>

省略和 ?

在標(biāo)準(zhǔn) HTML5 中，和標(biāo)簽是可以省略的。

以下 HTML5 文檔是正確的:

實(shí)例:

<
!DOCTYPE
html
>

<
head
>

<
title
>頁面標(biāo)題
<
/title
>

<
/head
>

<
h1
>這是一個(gè)標(biāo)題
<
/h1
>

<
p
>這是一個(gè)段落。
<
/p
>

嘗試一下 ?

不推薦省略和標(biāo)簽。

元素是文檔的根元素，用于描述頁面的語言：

<
!DOCTYPE
html
>

<
html
lang=
"zh"
>

聲明語言是為了方便屏幕閱讀器及搜索引擎。

省略或在 DOM 和 XML 軟件中會崩潰。

省略在舊版瀏覽器 (IE9)會發(fā)生錯(cuò)誤。

省略 ?

在標(biāo)準(zhǔn) HTML5 中，標(biāo)簽是可以省略的。

默認(rèn)情況下，瀏覽器會將之前的內(nèi)容添加到一個(gè)默認(rèn)的元素上。

實(shí)例

<
!DOCTYPE
html
>

<
html
>

<
title
>頁面標(biāo)題
<
/title
>

<
body
>

<
h1
>這是一個(gè)標(biāo)題
<
/h1
>

<
p
>這是一個(gè)段落。
<
/p
>

<
/body
>

<
/html
>

嘗試一下 ?

	現(xiàn)在省略 head 標(biāo)簽還不推薦使用。

元數(shù)據(jù)

HTML5 中元素是必須的，標(biāo)題名描述了頁面的主題:</p><p><<br /> title<br /> >cdcxhl.com教程<br /> <<br /> /title<br /> > </p><p>標(biāo)題和語言可以讓搜索引擎很快了解你頁面的主題:</p><p><<br /> !DOCTYPE<br /> html<br /> ><br /><br /> <br /> <<br /> html<br /> lang=<br /> "zh"<br /> ><br /><br /> <br /> <<br /> head<br /> ><br /><br /> <br /> <<br /> meta<br /> charset=<br /> "UTF-8"<br /> ><br /><br /> <br /> <<br /> title<br /> >cdcxhl.com教程<br /> <<br /> /title<br /> ><br /><br /> <br /> <<br /> /head<br /> > </p> <hr> <h2>HTML 注釋</h2><p>注釋可以寫在  中:</p><p> </p><p>比較長的評論可以在  中分行寫：</p><p> </p><p>長評論第一個(gè)字符縮進(jìn)兩個(gè)空格，更易于閱讀。</p> <hr> <h2>樣式表</h2><p>樣式表使用簡潔的語法格式 ( type 屬性不是必須的):</p><p><<br /> link<br /> rel=<br /> "stylesheet"<br /> href=<br /> "styles.css"<br /> > </p><p>短的規(guī)則可以寫成一行:</p><p>p.into {<br /> font-family:<br /> Verdana;<br /> font-size:<br /> 16em;} </p><p>長的規(guī)則可以寫成多行:</p><p>body {<br /><br /> <br /> background-color:<br /> lightgrey;<br /><br /> <br /> font-family:<br /> "Arial Black", Helvetica, sans-serif;<br /><br /> <br /> font-size:<br /> 16em;<br /><br /> <br /> color:<br /> black;<br /><br />} </p><ul><li>將左花括號與選擇器放在同一行。</li><li>左花括號與選擇器間添加以空格。</li><li>使用兩個(gè)空格來縮進(jìn)。</li><li>冒號與屬性值之間添加已空格。</li><li>逗號和符號之后使用一個(gè)空格。</li><li>每個(gè)屬性與值結(jié)尾都要使用符號。</li><li>只有屬性值包含空格時(shí)才使用引號。</li><li>右花括號放在新的一行。</li><li>每行最多 80 個(gè)字符。</li></ul> <table> <tbody> <tr> <th style="width:34px"></th> <td>在逗號和分號后添加空格是常用的一個(gè)規(guī)則。</td></tr></tbody></table> <hr> <h2>在 HTML 中載入 JavaScript</h2><p>使用簡潔的語法來載入外部的腳本文件 ( type 屬性不是必須的 ):</p><p><<br /> script<br /> src=<br /> "myscript.js"<br /> > </p> <hr> <h2>使用 JavaScript 訪問 HTML 元素</h2><p>一個(gè)糟糕的 HTML 格式可能會導(dǎo)致 JavaScript 執(zhí)行錯(cuò)誤。</p><p>以下兩個(gè) JavaScript 語句會輸出不同結(jié)果:</p><h3>實(shí)例</h3><p>var obj =getElementById(<br /> "Demo") </p><p>var obj = getElementById(<br /> "demo")<br /><br /> 嘗試一下 ? </p><p>HTML 中 JavaScript 盡量使用相同的命名規(guī)則。</p><p>訪問 JavaScript 代碼規(guī)范。</p> <hr> <h2>使用小寫文件名</h2><p>大多 Web 服務(wù)器 (Apache, Unix) 對大小寫敏感：london.jpg 不能通過 London.jpg 訪問。</p><p>其他 Web 服務(wù)器 (Microsoft, IIS) 對大小寫不敏感：london.jpg 可以通過 London.jpg 或 london.jpg 訪問。</p><p>你必須保持統(tǒng)一的風(fēng)格，我們建議統(tǒng)一使用小寫的文件名。</p> <hr> <h2>文件擴(kuò)展名</h2><p>HTML 文件后綴可以是 <strong>.html</strong> (或r <strong>.htm</strong>)。</p><p>CSS 文件后綴是 <strong>.css</strong> 。</p><p>JavaScript 文件后綴是 <strong>.js</strong> 。</p> <hr> <h2>.htm 和 .html 的區(qū)別</h2><p> .htm 和 .html 的擴(kuò)展名文件本質(zhì)上是沒有區(qū)別的。瀏覽器和 Web 服務(wù)器都會把它們當(dāng)作 HTML 文件來處理。</p><p>區(qū)別在于：</p><p>.htm 應(yīng)用在早期 DOS 系統(tǒng)，系統(tǒng)現(xiàn)在后綴只能有三個(gè)字符。</p><p>在 Unix 系統(tǒng)中后綴沒有特別限制，一般用 .html。</p> <h2>技術(shù)上區(qū)別</h2><p>如果一個(gè) URL 沒有指定文件名 (如 //www.XWCX.NET/css/), 服務(wù)器會返回默認(rèn)的文件名。通常默認(rèn)文件名為 index.html, index.htm, default.html, 和 default.htm。</p><p>如果服務(wù)器只配置了 "index.html" 作為默認(rèn)文件，你必須將文件命名為 "index.html", 而不是 "index.htm"。</p><p>但是，通常服務(wù)器可以設(shè)置多個(gè)默認(rèn)文件，你可以根據(jù)需要設(shè)置默認(rèn)文件嗎。</p><p>不管怎樣，HTML 完整的后綴是 ".html"。</p><p>學(xué)完本教程之后，XWCX.NET建議您進(jìn)行<b>HTML5實(shí)戰(zhàn)</b>練習(xí)來鞏固您剛學(xué)到的新知識。</p><p>在接下來的章節(jié)中，我們將詳細(xì)介紹HTML5中要使用的一些標(biāo)簽以及它們的用法，一起來學(xué)習(xí)吧！</p> <br> 網(wǎng)站標(biāo)題：創(chuàng)新互聯(lián)HTML5教程：HTML5代碼規(guī)范 <br> 文章鏈接：<a href="http://www.5511xx.com/article/dhcdddp.html">http://www.5511xx.com/article/dhcdddp.html</a> </div> <div id="u2ajxnd" class="hot_new"> <div id="clbq1qo" class="page_title clearfix"> <h3>其他資訊</h3> </div> <div id="ewu2ddt" class="news_list clearfix"> <ul> <li> <a href="/article/dhohhoh.html">osg編程硬件配置？osgwindows安裝</a> </li><li> <a href="/article/dhohhcc.html">縮短Redis處理超時(shí)的ZADD技巧（redis超時(shí) zadd）</a> </li><li> <a href="/article/dhohhdj.html">佳能彩印復(fù)印機(jī)怎樣復(fù)??？（佳能怎么復(fù)?。?/a> </li><li> <a href="/article/dhohphg.html">輕松學(xué)會導(dǎo)入外部數(shù)據(jù)庫助你存儲數(shù)據(jù)更高效(怎么導(dǎo)入另外一個(gè)數(shù)據(jù)庫的數(shù)據(jù)庫)</a> </li><li> <a href="/article/dhohphe.html">ICP備案號在網(wǎng)站上怎么放？(網(wǎng)站如何備案icp)</a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>  <div id="hb3uqoh" class="footer wow fadeInUp"> <div id="k4fu8ro" class="rowFluid"> <div id="butz3fp" class="span12"> <div id="r4vub3w" class="container"> <div id="ppoqy9w" class="footer_content"> <div id="y7krf2v" class="span4 col-xm-12"> <div id="ttr43ki" class="footer_list"> <div id="4uzols7" class="span6"> <div id="zipunmc" class="bottom_logo"><img src="/Public/Home/images/ewm.jpg" alt="微信服務(wù)號二維碼" /></div> </div> <div id="mn9jyfe" class="span6 col-xm-12"> <div id="441mklz" class="quick_navigation"> <div id="ogvkiix" class="quick_navigation_title">快速導(dǎo)航</div> <ul> <li><a title="廣漢錦華" target="_blank">廣漢錦華</a></li><li><a title="成都app軟件開發(fā)" target="_blank">成都app軟件開發(fā)</a></li><li><a title="彭州電動(dòng)叉車" target="_blank">彭州電動(dòng)叉車</a></li><li><a title="球類體育用品" target="_blank">球類體育用品</a></li><li><a title="綿陽服務(wù)器托管" target="_blank">綿陽服務(wù)器托管</a></li><li><a title="手機(jī)網(wǎng)站制作" target="_blank">手機(jī)網(wǎng)站制作</a></li><li><a title="四川柴油發(fā)電機(jī)維修" target="_blank">四川柴油發(fā)電機(jī)維修</a></li><li><a title="成都網(wǎng)站優(yōu)化" target="_blank">成都網(wǎng)站優(yōu)化</a></li><li><a title="重慶企業(yè)網(wǎng)站建設(shè)" target="_blank">重慶企業(yè)網(wǎng)站建設(shè)</a></li><li><a title="成都移動(dòng)服務(wù)器托管" target="_blank">成都移動(dòng)服務(wù)器托管</a></li><li><a title="csjierui.cn" target="_blank">csjierui.cn</a></li> </ul> </div> </div> </div> </div> <div id="uq9yigp" class="span4 col-xm-6 col-xs-12"> <div id="4zxcrhp" class="footer_list"> <div id="evlzyii" class="footer_link"> <div id="t7vcjqx" class="footer_link_title">友情鏈接</div> <ul id="frientLinks"> <a title="網(wǎng)站制作" target="_blank">網(wǎng)站制作</a> <a title="網(wǎng)站建設(shè)" target="_blank">網(wǎng)站建設(shè)</a> <a title="成都網(wǎng)絡(luò)推廣" target="_blank">網(wǎng)絡(luò)推廣</a> <a title="成都網(wǎng)站推廣" target="_blank">網(wǎng)站推廣</a> <a title="成都微信小程序開發(fā)" target="_blank">小程序開發(fā)</a> <a title="創(chuàng)新互聯(lián)網(wǎng)站欄目導(dǎo)航" target="_blank">網(wǎng)站導(dǎo)航</a> </ul> <div id="im7oc9s" class="footer_link_title">網(wǎng)站建設(shè)</div> <ul id="frientLinks"> <li><a href="/">四川平武建站</a></li> <li><a title="創(chuàng)新互聯(lián)網(wǎng)站欄目導(dǎo)航" target="_blank">網(wǎng)站導(dǎo)航</a></li> </ul> </div> </div> </div> <div id="otwmbji" class="span4 col-xm-6 col-xs-12"> <div id="dekjqwm" class="footer_list"> <div id="w9ri8fv" class="footer_cotact"> <div id="9uaxvbs" class="footer_cotact_title">聯(lián)系方式</div> <ul> <li><span id="ddbiiy6" class="footer_cotact_type">企業(yè)：</span><span id="j9ncyf3" class="footer_cotact_content">四川綿陽平武網(wǎng)站建設(shè)工作室</span></li> <li><span id="4d4hnlu" class="footer_cotact_type">地址：</span><span id="ku2qvcr" class="footer_cotact_content">成都市青羊區(qū)太升南路288號</span></li> <li><span id="rr9dtsy" class="footer_cotact_type">電話：</span><span id="cdsz8m4" class="footer_cotact_content"><a href="tel:18980820575" class="call">18980820575</a></span></li> <li><span id="tdb3ckq" class="footer_cotact_type">網(wǎng)址：</span><span id="ziw82az" class="footer_cotact_content"><a href="/" title="四川平武網(wǎng)站建設(shè)">www.5511xx.com</a></span></li> </ul> </div> </div> </div> </div> </div> <div id="rcrh88f" class="copyright"> <p>公司名稱：四川綿陽平武網(wǎng)站建設(shè)工作室聯(lián)系電話：18980820575</p> <p><a target="_blank" rel="nofollow">網(wǎng)站備案號：蜀ICP備2024061352號-3</a></p> <p>四川平武建站四川平武網(wǎng)站建設(shè) 四川平武網(wǎng)站設(shè)計(jì) 四川平武網(wǎng)站制作 <a target="_blank">成都做網(wǎng)站</a></p> </div> </div> </div> </div> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://www.5511xx.com/" title="日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区">日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区</a> <div class="friend-links"> <a href="http://www.9iban.com">久久精品无码av|一级中文无码免费观看|日韩欧美黄片手机版|人妻激情视频成人无码aaa|美女一级黄色毛片|国产aa黄片亚洲破处片|黄色A极大片特级a黄片|综合精品一区二区三区四区在线|国产精品不卡无码av在线播放|超碰亚洲在线日韩肏屄</a> <a href="http://www.datumvisio.com">91AV乱伦强奸|国产理伦电影尤物导航|在线观看高清无码黄片|特黄色电影特级毛片|亚洲精品av一区二区三区|91AV无码免费|久久嫩草国产亚洲无码网站|国产91极度丝袜|青青草在线视频免费观看|黄色av网五月天</a> <a href="http://www.jiangrensw.com">在线视频一本一区|91在线免费视频网站|国产视频在线观看91|A片在线观看视频直接观看|在线免费A片黄色电影|美女视频图片永久免费观看|青青色在线观看视频网站|日本欧美视频在线看v片成人|色情性黄?片免费视频中国免费的|国产一线二线三黄色片</a> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="ztjri" class="pl_css_ganrao" style="display: none;"><pre id="ztjri"><input id="ztjri"></input></pre><tt id="ztjri"></tt><output id="ztjri"><sup id="ztjri"></sup></output><video id="ztjri"><acronym id="ztjri"></acronym></video><dfn id="ztjri"></dfn><p id="ztjri"><bdo id="ztjri"></bdo></p><dfn id="ztjri"><legend id="ztjri"></legend></dfn><optgroup id="ztjri"></optgroup><ruby id="ztjri"></ruby><dfn id="ztjri"><legend id="ztjri"></legend></dfn><thead id="ztjri"></thead><kbd id="ztjri"></kbd><tr id="ztjri"></tr><legend id="ztjri"><small id="ztjri"></small></legend><bdo id="ztjri"><b id="ztjri"></b></bdo><video id="ztjri"><acronym id="ztjri"></acronym></video><del id="ztjri"></del><optgroup id="ztjri"></optgroup><legend id="ztjri"></legend><center id="ztjri"><input id="ztjri"></input></center><source id="ztjri"></source><thead id="ztjri"><optgroup id="ztjri"></optgroup></thead><output id="ztjri"><sup id="ztjri"></sup></output><pre id="ztjri"></pre><acronym id="ztjri"><object id="ztjri"></object></acronym><thead id="ztjri"></thead><noframes id="ztjri"></noframes><video id="ztjri"></video><kbd id="ztjri"></kbd><sup id="ztjri"><nav id="ztjri"></nav></sup><pre id="ztjri"><button id="ztjri"></button></pre><delect id="ztjri"></delect><track id="ztjri"><pre id="ztjri"></pre></track><p id="ztjri"></p><pre id="ztjri"><button id="ztjri"></button></pre><thead id="ztjri"><optgroup id="ztjri"></optgroup></thead><style id="ztjri"></style><noframes id="ztjri"></noframes><strong id="ztjri"></strong><listing id="ztjri"><del id="ztjri"></del></listing><b id="ztjri"><legend id="ztjri"></legend></b><sup id="ztjri"><li id="ztjri"></li></sup><td id="ztjri"><var id="ztjri"></var></td><center id="ztjri"></center><bdo id="ztjri"><b id="ztjri"></b></bdo><pre id="ztjri"><button id="ztjri"></button></pre><pre id="ztjri"></pre><th id="ztjri"></th><rt id="ztjri"></rt><optgroup id="ztjri"><dfn id="ztjri"></dfn></optgroup></div> </html>

新聞中心

HTML5 代碼規(guī)范

HTML 代碼約定

使用正確的文檔類型

使用小寫元素名

不推薦:

非常糟糕:

推薦:

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

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

使用小寫屬性名

屬性值

圖片屬性

空格和等號

避免一行代碼過長

空行和縮進(jìn)

不必要的空行和縮進(jìn):

推薦:

表格實(shí)例:

列表實(shí)例:

省略 和 ?

實(shí)例:

省略 ?

實(shí)例

元數(shù)據(jù)

省略和 ?