web前端應用需要瀏覽器作為載體，目前可供選擇的瀏覽器型別非常多，選擇款合適的瀏覽器， 對於體驗htmls的效果將會有很大的幫助。另外，選擇得心應手的開發工具，也能夠更好地掌握htmls的開發技巧，提高開發實際效果。
對於簡單的html網頁，使用記事本就可以完成頁面布局和顯示，對於稍複雜的一些html網頁，使用notepad或editplus也可以滿足需要，但是對於稍大一些的web專案而言，使用這些工具就好比鑽木取火，雖然通過精湛的技術和細緻的編碼也能完成任務，但是效率卻非常低。ide (integrateddevelopment environment)整合開發環境是專業的軟體專案開發工具，根據開發語言的不同，ide開發工具也有很多種。對於html5而言，可供選擇的開發工具有hbuilder x、visual studio code、visual studio 2019、adobe coldfusion 10、sencha architect 2、sencha touch 2、aojo foundationmaqetta、jetbrains webstorm 4.0、google web toolkit等，這些開發工具都致力於為使用者提供方便、快捷的開發模式，提高工作效率。我將以visual studio code或hbuilder x為開發工具，詳細講解html5。
1.字元編碼
為了告訴瀏覽器應該使用哪種編碼，在對文字進行儲存或通過通訊網路進行傳遞。在html文件中，使用元素指點字元編碼，使用html4中，其形式如下:`
`而在html5中，直接使用charset屬性即可指定字元編碼，其形式如下:`
charset
="utf-8"
>
`
doctype文件型別是種標準通用標記語言的文件型別宣告， 在html 文件中，用於高速瀏覽器應該使用哪種文件型別來解析html文件。
在html4中，doctype 文件型別的語法如下:
html
>
文件型別說明
lang
="en"
>
>
charset
="utf-8"
>
字元編碼
name
="viewport"
content
="width=p, initial-scale=1.0"
>
>
documenttitle
>
標題head
>
>
內容編輯區
body
>
html
>
>
div>
>
p>
定義段落
>
h1>
h1是最大標題最小只有h6沒有h7
>
h2>
>
h3>
>
h4>
>
h5>
>
h6>
標籤2.行元素：不能夠設定寬高不獨自站一行
>
span
>
>
sub>
>
sup>
>
em>
>
strong
>
>
換行不允許寫成
>
br>
>
橫線
小於
">>大於
"引號&bnsp;空格
>
ol>
>
li>
>
ul>
>
dl>
前端基礎知識 html5新增表單屬性
form屬性 通常，從屬於表單的元素必須放在表單內部。但是在html5中，可以把從屬於表單的元素放在任何地方，然後指定該元素的form屬性值為表單的id，這樣該元素就從屬於表單了。autocomplete屬性 ie早期版本就已經支援autocomplete屬性。autocomplete屬性可應用與f...
HTML5 基礎知識（三）
em元素用於標記強調的文字 cite元素用於標識對藝術作品 電影 圖書等內容的引用 內容顯示的樣子與為其使用的元素沒有關係，不能為了讓文字變為斜體就使用em或cite元素，新增樣式是css的事情。段落 html會忽略文字編輯器中輸入的回車或其他額外的空格。在網頁中開始乙個新的段落，應該使用p元素。格...
html5的基礎知識
是宣告html5文件 不區分大小寫 是頁面的根元素 包含文件的元 meta 資料，例如定義網頁編碼格式為utf 8 描述了文件的標題 包含了可見的頁面內容 為大標題，從大到小可用從h1 h6 為乙個段落 標籤經常是成對出現的，第乙個為開始標籤，第二個為結束標籤 html的檔名字尾可用.html也可以...