整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
HTML（HyperText Markup Language，中文：超文本標(biāo)記語言）是一種用于創(chuàng)建網(wǎng)頁結(jié)構(gòu)和內(nèi)容的標(biāo)記語言。它由一系列標(biāo)簽組成，這些標(biāo)簽描述了網(wǎng)頁中的各個(gè)元素和其它相關(guān)信息。通過使用HTML標(biāo)簽和屬性，開發(fā)人員可以定義文本、圖像、鏈接、表格、表單等元素，并控制它們的外觀和行為。本文主要介紹HTML的基本概念、歷史背景和用途。
參考文檔：https://www.cjavapy.com/article/3297/
HTML實(shí)例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CJAVAPY編程之路(cjavapy.com)</title>
</head>
<body>
<h1>我的第一個(gè)標(biāo)題</h1>
<p>我的第一個(gè)段落。</p>
</body>
</html>HTML文檔的后綴名可以是.html或.htm，都可以使用，沒有區(qū)別。
注意：對(duì)于中文網(wǎng)頁需要使用<meta charset="utf-8"> 聲明編碼，否則會(huì)出現(xiàn)亂碼。有些瀏覽器(如 360 瀏覽器)會(huì)設(shè)置 GBK 為默認(rèn)編碼，則你需要設(shè)置為<meta charset="gbk"> 。
1）標(biāo)簽（Tag）
HTML使用標(biāo)簽來定義網(wǎng)頁中的各個(gè)元素。標(biāo)簽通常以尖括號(hào)< >的形式出現(xiàn)，如<p>表示段落，<img>表示圖像等。標(biāo)簽可以包含屬性，用于提供額外的信息或控制元素的行為。
2）元素（Element）
一個(gè)完整的HTML元素由開始標(biāo)簽、內(nèi)容和結(jié)束標(biāo)簽組成。例如，<p>這是一個(gè)段落</p>就是一個(gè)完整的段落元素。
3）屬性（Attribute）
HTML標(biāo)簽可以具有屬性，用于提供元素的額外信息或控制元素的行為。屬性以鍵值對(duì)的形式出現(xiàn)，例如<img src="image.jpg">中的src屬性指定了圖像的源文件。
4）文檔結(jié)構(gòu)
一個(gè)HTML文檔由<html>、<head>和<body>等標(biāo)簽組成。其中，<html>標(biāo)簽用于定義整個(gè)HTML文檔的根元素，<head>標(biāo)簽用于定義文檔的頭部信息，如標(biāo)題和樣式表鏈接，<body>標(biāo)簽用于定義文檔的主體內(nèi)容。
5）塊級(jí)元素和內(nèi)聯(lián)元素
HTML元素可以被分類為塊級(jí)元素和內(nèi)聯(lián)元素。塊級(jí)元素以塊的形式顯示，獨(dú)占一行或一塊空間，如<p>、<div>等。內(nèi)聯(lián)元素以行內(nèi)的方式顯示，不會(huì)獨(dú)占一行，如<span>、<a>等。
6）嵌套
HTML元素可以嵌套在其他元素內(nèi)部，形成一個(gè)層次結(jié)構(gòu)。例如，<div>元素可以包含<p>元素，<p>元素可以包含<span>元素。
7）<!DOCTYPE> 聲明
HTML文檔的開頭通常會(huì)包含一個(gè)DOCTYPE聲明，用于指定文檔的HTML版本。
例如：
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>HTML（HyperText Markup Language）是一種用于創(chuàng)建網(wǎng)頁結(jié)構(gòu)和內(nèi)容的標(biāo)記語言，而Web瀏覽器（如谷歌瀏覽器，Internet Explorer，F(xiàn)irefox，Safari）是用于顯示和解釋HTML文檔的應(yīng)用程序。Web瀏覽器通過解析HTML文檔，將其轉(zhuǎn)換為可視化的網(wǎng)頁。瀏覽器會(huì)讀取HTML文檔中的標(biāo)簽和內(nèi)容，并根據(jù)這些標(biāo)簽和內(nèi)容的定義，渲染出網(wǎng)頁的結(jié)構(gòu)和樣式。HTML提供了各種標(biāo)簽和屬性，用于定義文本、圖像、鏈接、表格、表單等在網(wǎng)頁中的展示和交互方式。瀏覽器在解析HTML時(shí)，會(huì)根據(jù)標(biāo)簽和屬性的定義，將文本顯示為段落、標(biāo)題或其他格式，顯示圖像、鏈接，并響應(yīng)用戶的交互操作。
通過HTML和Web瀏覽器的結(jié)合，用戶可以在瀏覽器中訪問和瀏覽各種網(wǎng)頁內(nèi)容，包括網(wǎng)頁文本、圖像、視頻、音頻等多媒體元素，并與網(wǎng)頁進(jìn)行交互，如點(diǎn)擊鏈接、填寫表單、提交數(shù)據(jù)等。
大部分瀏覽器中，直接輸出中文會(huì)出現(xiàn)中文亂碼的情況，需要在頭部將字符聲明為 UTF-8 或 GBK。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>
頁面標(biāo)題</title>
</head>
<body>
<h1>我的第一個(gè)標(biāo)題</h1>
<p>我的第一個(gè)段落。</p>
</body>
</html>HTML有多個(gè)版本，每個(gè)版本都有不同的特性和改進(jìn)。
版本 | 發(fā)布時(shí)間 |
HTML | 1991 |
HTML+ | 1993 |
HTML 2.0 | 1995 |
HTML 3.2 | 1997 |
HTML 4.01 | 1999 |
XHTML 1.0 | 2000 |
HTML5 | 2014 |
1）HTML 1.0
HTML 1.0是最早的HTML版本，于1993年發(fā)布。它只包含一些基本的標(biāo)簽和屬性，用于創(chuàng)建簡(jiǎn)單的文本和鏈接。HTML 1.0的目標(biāo)是定義一種通用的超文本標(biāo)記語言。
2）HTML 2.0
HTML 2.0于1995年發(fā)布，是對(duì)HTML 1.0的改進(jìn)和擴(kuò)展。它引入了一些新的標(biāo)簽和屬性，如圖像標(biāo)簽和表格標(biāo)簽，以支持更豐富的內(nèi)容展示。
3）HTML 3.2
HTML 3.2于1997年發(fā)布，是對(duì)HTML 2.0的進(jìn)一步改進(jìn)。它引入了一些新的標(biāo)簽和屬性，如表單標(biāo)簽和框架標(biāo)簽，以支持交互性和頁面布局。
4）HTML 4.01
HTML 4.01于1999年發(fā)布，是對(duì)HTML 3.2的修訂和擴(kuò)展。它引入了更多的標(biāo)簽和屬性，如層標(biāo)簽和樣式表，以支持更靈活的頁面設(shè)計(jì)和樣式控制。
5）XHTML 1.0
XHTML（eXtensible HyperText Markup Language）是基于XML的HTML版本。XHTML 1.0于2000年發(fā)布，它嚴(yán)格遵循XML的語法規(guī)則，要求所有標(biāo)簽和屬性都要正確嵌套和閉合。
6）HTML5
HTML5是HTML的最新版本，于2014年正式發(fā)布。HTML5引入了許多新的特性和API，如語義化標(biāo)簽、多媒體支持、Canvas繪圖、本地存儲(chǔ)等。HTML5還支持響應(yīng)式設(shè)計(jì)，以適應(yīng)不同設(shè)備和屏幕尺寸。
HTML是構(gòu)建網(wǎng)頁結(jié)構(gòu)和內(nèi)容的基礎(chǔ)語言，它提供了豐富的標(biāo)簽和屬性，使得開發(fā)者可以創(chuàng)建各種類型的網(wǎng)頁，并實(shí)現(xiàn)不同的功能和效果。HTML用于定義網(wǎng)頁的整體結(jié)構(gòu)，包括標(biāo)題、段落、列表、標(biāo)題、導(dǎo)航菜單等元素。通過使用不同的HTML標(biāo)簽和屬性，可以將文本、圖像、音頻、視頻等內(nèi)容組織起來，并構(gòu)建頁面的層次結(jié)構(gòu)。HTML可以用于展示文本內(nèi)容和多媒體元素，如圖像、音頻和視頻。通過使用適當(dāng)?shù)腍TML標(biāo)簽和屬性，可以插入和顯示各種類型的媒體內(nèi)容，從而使網(wǎng)頁更加豐富和吸引人。HTML提供了創(chuàng)建表單的標(biāo)簽和元素，可以用于收集用戶的輸入數(shù)據(jù)。通過使用表單元素如文本框、復(fù)選框、單選按鈕和下拉列表等，用戶可以輸入數(shù)據(jù)并提交給服務(wù)器進(jìn)行處理。
參考文檔：https://www.cjavapy.com/article/3297/
為一名web前端開發(fā)工作人員或者草根站長(zhǎng)經(jīng)常會(huì)遇到瀏覽器兼容問題，這個(gè)時(shí)候css不精通的同學(xué)就十分的頭大。這里本站提供
一款只有webkit核心瀏覽器的Chrome谷歌瀏覽器、safari蘋果瀏覽器識(shí)別的CSS hack
Chrome和safari的CSS hack代碼，只有谷歌瀏覽器蘋果瀏覽器讀取CSS代碼：
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Webkit內(nèi)核兼容CSS */
}
例子：
@media screen and (-webkit-min-device-pixel-ratio:0) {
.yangshi2{border:1px solid #f00;}
}
注:{ }內(nèi)的寫法請(qǐng)參考普通css的寫法！
除注明外的文章,均為來源:湯久生博客(QQ:1917843637),轉(zhuǎn)載請(qǐng)保留本文地址！
日常網(wǎng)絡(luò)瀏覽過程中，常常會(huì)發(fā)現(xiàn)有趣且有益的網(wǎng)站，選擇收藏以備未來查閱。然而，收藏夾中的網(wǎng)頁有時(shí)會(huì)因?yàn)楦鞣N原因而無法連接，令人感到遺憾。
將網(wǎng)頁剪切至云端筆記，雖然是一種方法，但其排版樣式、元素丟失以及同步速度慢等不足，使其顯得不夠便捷。相較之下，更為實(shí)用的方法是將其保存于本地硬盤，既能節(jié)省資源又便于后續(xù)管理。
今天向您推薦一個(gè)網(wǎng)頁保存插件——SingleFile。此插件可幫助您將整個(gè)網(wǎng)頁（包括CSS、圖片、字體、框架等）保存為HTML文件。對(duì)于您感興趣的文章網(wǎng)頁等，均可進(jìn)行離線保存，且采一頁一文件格式，即使是GIF圖也能夠完整保留。
下載與安裝
Google Chrome
https://chrome.google.com/extensions/detail/mpiodijhokgodhhofbcjdecpffjipkle
Microsoft Edge 瀏覽器
在Microsoft Edge加載項(xiàng)中搜索"singlefle"即可
https://microsoftedge.microsoft.com/addons/detail/singlefile/efnbkdcfmcmnhlkaijjjmhjjgladedno
Mozilla Firefox 瀏覽器
https://addons.mozilla.org/firefox/addon/single-file
Apple Safari 瀏覽器
https://apps.apple.com/us/app/singlefile-for-safari/id6444322545
安裝步驟
成功下載后，只需啟動(dòng)插件并選擇您需要保存的網(wǎng)頁，點(diǎn)擊SingleFile按鈕便可完成操作。
如果覺得單次保存過于繁瑣，可在網(wǎng)頁上右鍵點(diǎn)擊折疊工具欄上的SingleFile按鈕，選擇保存：當(dāng)前標(biāo)簽或所選內(nèi)容，或者是所選的幀，甚至是一鍵保存多個(gè)選項(xiàng)卡。
此外，還有自動(dòng)保存功能。默認(rèn)的保存路徑通常是瀏覽器配置的下載文件夾。您還可以自主選擇將網(wǎng)頁直接上傳至網(wǎng)盤，如GitHub、Google Drive或WebDAV云盤，讓珍藏的資源在云端管理得心應(yīng)手。
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
