大家好,今天來為大家分享doctype的作用是什么的一些知識點,和Filetype用法的問題解析,大家要是都明白,那么可以忽略,如果不太清楚的話可以看看本篇文章,相信很大概率可以解決您的問題,接下來我們就一起來看看吧!
js中什么是主代碼塊
在JavaScript中,主代碼塊是指整個程序的核心部分,包含了程序的主要邏輯和執(zhí)行流程。
主代碼塊是從程序開始執(zhí)行的起點,負責(zé)初始化變量、定義函數(shù)、調(diào)用其他模塊或方法,并根據(jù)特定的條件執(zhí)行相應(yīng)的代碼。
它通常位于腳本的頂部,作為程序的入口點,可以執(zhí)行該代碼塊來實現(xiàn)程序的功能。
主代碼塊的編寫需要考慮程序的整體結(jié)構(gòu)和流程,確保代碼的正確性和可維護性,使程序能夠按照預(yù)期順序執(zhí)行,并得到期望的結(jié)果。
html編程代碼有什么規(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文檔的第一行:
<!DOCTYPEhtml>
如果你想跟其他標簽一樣使用小寫,可以使用以下代碼:
<!doctypehtml>
使用小寫元素名
HTML5元素名可以使用大寫和小寫字母。
推薦使用小寫字母:
混合了大小寫的風(fēng)格是非常糟糕的。
開發(fā)人員通常使用小寫(類似XHTML)。
小寫風(fēng)格看起來更加清爽。
小寫字母容易編寫。
不推薦:
<SECTION>
<p>這是一個段落。</p>
</SECTION>
非常糟糕:
<Section>
<p>這是一個段落。</p>
</SECTION>
推薦:
<section>
<p>這是一個段落。</p>
</section>
關(guān)閉所有HTML元素
在HTML5中,你不一定要關(guān)閉所有元素(例如<p>元素),但我們建議每個元素都要添加關(guān)閉標簽。
不推薦:
<section>
<p>這是一個段落。
<p>這是一個段落。
</section>
推薦:
<section>
<p>這是一個段落。</p>
<p>這是一個段落。</p>
</section>
關(guān)閉空的HTML元素
在HTML5中,空的HTML元素也不一定要關(guān)閉:
我們可以這么寫:
<metacharset="utf-8">
也可以這么寫:
<metacharset="utf-8"/>
在XHTML和XML中斜線(/)是必須的。
如果你期望XML軟件使用你的頁面,使用這種風(fēng)格是非常好的。
使用小寫屬性名
HTML5屬性名允許使用大寫和小寫字母。
我們推薦使用小寫字母屬性名:
同時使用大小寫是非常不好的習(xí)慣。
開發(fā)人員通常使用小寫(類似XHTML)。
小寫風(fēng)格看起來更加清爽。
小寫字母容易編寫。
不推薦:
<divCLASS="menu">
推薦:
<divclass="menu">
屬性值
HTML5屬性值可以不用引號。
屬性值我們推薦使用引號:
如果屬性值含有空格需要使用引號。
混合風(fēng)格不推薦的,建議統(tǒng)一風(fēng)格。
屬性值使用引號易于閱讀。
以下實例屬性值包含空格,沒有使用引號,所以不能起作用:
<tableclass=tablestriped>
以下使用了雙引號,是正確的:
<tableclass="tablestriped">
圖片屬性
圖片通常使用alt屬性。在圖片不能顯示時,它能替代圖片顯示。
<imgsrc="html5.gif"alt="HTML5">
定義好圖片的尺寸,在加載時可以預(yù)留指定空間,減少閃爍。
<imgsrc="html5.gif"alt="HTML5"style="width:128px;height:128px">
空格和等號
等號前后可以使用空格。
<linkrel="stylesheet"href="styles.css">
但我們推薦少用空格:
<linkrel="stylesheet"href="styles.css">
避免一行代碼過長
使用HTML編輯器,左右滾動代碼是不方便的。
每行代碼盡量少于80個字符。
空行和縮進
不要無緣無故添加空行。
為每個邏輯功能塊添加空行,這樣更易于閱讀。
縮進使用兩個空格,不建議使用TAB。
比較短的代碼間不要使用不必要的空行和縮進。
不必要的空行和縮進:
<body>
<h1>菜鳥教程</h1>
<h2>HTML</h2>
<p>
菜鳥教程,學(xué)的不僅是技術(shù),更是夢想。
菜鳥教程,學(xué)的不僅是技術(shù),更是夢想。
菜鳥教程,學(xué)的不僅是技術(shù),更是夢想,
菜鳥教程,學(xué)的不僅是技術(shù),更是夢想。
</p>
</body>
關(guān)于本次doctype的作用是什么和Filetype用法的問題分享到這里就結(jié)束了,如果解決了您的問題,我們非常高興。