接上篇文章,導出html文件,我對這部分代碼進行優化,提交到github上,為初始版本,后面根據用戶需求與討論,會不斷更新優化功能
導出Html 表格文件,簡單易用
https://github.com/CollectBugs/EasyHtml
開發此項目的靈感來源于一次項目開發,發現導出html表格文件需求,比較常見,市面上開源、成熟、免費的方案沒有,如果每一家公司,都從零開始開發,耗時又費力,導致開發周期變長,不如大家開源共建此項目,讓后來人站在巨人的肩膀上進行開發與維護,共享資源,其樂而不為,希望大家多多給與關注與討論哦!
每天不斷更,精彩不停止,明天見,我是行者
記得留個關注、點贊、評論喲,讓我們一起去看星辰大海,品味代碼人生
html概述
HTML是 HyperText Mark-up Language 的首字母簡寫,意思是超文本標記語言,超文本指的是超鏈接,標記指的是標簽,是一種用來制作網頁的語言,這種語言由一個個的標簽組成,用這種語言制作的文件保存的是一個文本文件,文件的擴展名為html或者htm,一個html文件就是一個網頁,html文件用編輯器打開顯示的是文本,可以用文本的方式編輯它,如果用瀏覽器打開,瀏覽器會按照標簽描述內容將文件渲染成網頁,顯示的網頁可以從一個網頁鏈接跳轉到另外一個網頁。
html基本結構
一個html的基本結構如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>網頁標題</title> </head> <body> 網頁顯示內容 </body> </html>
第一行是文檔聲明,第二行“”標簽和最后一行“”定義html文檔的整體,“”標簽中的‘lang=“en”’定義網頁的語言為英文,定義成中文是’lang=“zh-CN”’,不定義也沒什么影響,它一般作為分析統計用。 “”標簽和“”標簽是它的第一層子元素,“”標簽里面負責對網頁進行一些設置以及定義標題,設置包括定義網頁的編碼格式,外鏈css樣式文件和javascript文件等,設置的內容不會顯示在網頁上,標題的內容會顯示在標題欄,“”內編寫網頁上顯示的內容。
HTML文檔類型
目前常用的兩種文檔類型是xhtml 1.0和html5
xhtml 1.0
xhtml 1.0 是html5之前的一個常用的版本,目前許多網站仍然使用此版本。
此版本文檔用sublime text創建方法: html:xt + tab
文檔示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title> xhtml 1.0 文檔類型 </title> </head> <body> </body> </html>
html5
pc端可以使用xhtml 1.0,也可以使用html5,html5是向下兼容的
此版本文檔用sublime text創建方法: html:5 + tab 或者 ! + tab
文檔示例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> html5文檔類型 </title> </head> <body> </body> </html>
兩種文檔的區別
1、文檔聲明和編碼聲明
2、html5新增了標簽元素以及元素屬性
html注釋:
html文檔代碼中可以插入注釋,注釋是對代碼的說明和解釋,注釋的內容不會顯示在頁面上,html代碼中插入注釋的方法是:
<!-- 這是一段注釋 -->
通過
、
、
、
、
,標簽可以在網頁上定義6種級別的標題。6種級別的標題表示文檔的6級目錄層級關系,比如說:
,再其次是
,以此類推。搜索引擎會使用標題將網頁的結構和內容編制索引,所以網頁上使用標題是很重要的。
<h1>這是一級標題</h1> <h2>這是二級標題</h2> <h3>這是三級標題</h3>
html段落標簽
標簽定義一個文本段落,一個段落含有默認的上下間距,段落之間會用這種默認間距隔開,代碼如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>段落</title> </head> <body> <p>HTML是 HyperText Mark-up Language 的首字母簡寫,意思是超文本標記語言,超 文本指的是超鏈接,標記指的是標簽,是一種用來制作網頁的語言,這種語言由一個個的 標簽組成,用這種語言制作的文件保存的是一個文本文件,文件的擴展名為html或者htm。 </p> <p>一個html文件就是一個網頁,html文件用編輯器打開顯示的是文本,可以用文本的方 式編輯它,如果用瀏覽器打開,瀏覽器會按照標簽描述內容將文件渲染成網頁,顯示的網 頁可以從一個網頁鏈接跳轉到另外一個網頁。</p> </body> </html>
html換行標簽
代碼中成段的文字,直接在代碼中回車換行,在渲染成網頁時候不認這種換行,如果真想換行,可以在代碼的段落中插入
來強制換行,代碼如下:
<p> 一個html文件就是一個網頁,html文件用編輯器打開顯示的是文本,可以用<br /> 文本的方式編輯它,如果用瀏覽器打開,瀏覽器會按照標簽描述內容將文件<br /> 渲染成網頁,顯示的網頁可以從一個網頁鏈接跳轉到另外一個網頁。 </p>
html字符實體
代碼中成段的文字,如果文字間想空多個空格,在代碼中空多個空格,在渲染成網頁時只會顯示一個空格,如果想顯示多個空格,可以使用空格的字符實體,代碼如下:
<!-- 在段落前想縮進兩個文字的空格,使用空格的字符實體: --> <p> 一個html文件就是一個網頁,html文件用編輯器打開顯示的是文本,可以用<br /> 文本的方式編輯它,如果用瀏覽器打開,瀏覽器會按照標簽描述內容將文件<br /> 渲染成網頁,顯示的網頁可以從一個網頁鏈接跳轉到另外一個網頁。</p>
在網頁上顯示 “<” 和 “>” 會誤認為是標簽,想在網頁上顯示“<”和“>”可以使用它們的字符實體,比如:
<!-- “<” 和 “>” 的字符實體為 < 和 > --> <p> 3 < 5 <br> 10 > 5 </p>
html塊標簽
1、
標簽 塊元素,表示一塊內容,沒有具體的語義。
2、 標簽 行內元素,表示一行中的一小段內容,沒有具體的語義。
含樣式和語義的標簽
1、 標簽 行內元素,表示語氣中的強調詞
2、 標簽 行內元素,表示專業詞匯
3、 標簽 行內元素,表示文檔中的關鍵字或者產品名
4、 標簽 行內元素,表示非常重要的內容
語義化的標簽
語義化的標簽,就是在布局的時候多使用有語義的標簽,搜索引擎在爬網的時候能認識這些標簽,理解文檔的結構,方便網站的收錄。比如:h1標簽是表示標題,p標簽是表示段落,ul、li標簽是表示列表,a標簽表示鏈接,dl、dt、dd表示定義列表等,語義化的標簽不多。
html圖像標簽
標簽可以在網頁上插入一張圖片,它是獨立使用的標簽,它的常用屬性有:
src屬性 定義圖片的引用地址
alt屬性 定義圖片加載失敗時顯示的文字,搜索引擎會使用這個文字收錄圖片、盲人讀屏軟件會讀取這個文字讓盲人識別圖片,所以此屬性非常重要。
<img src="images/pic.jpg" alt="產品圖片" />
絕對路徑和相對路徑
像網頁上插入圖片這種外部文件,需要定義文件的引用地址,引用外部文件還包括引用外部樣式表,javascript等等,引用地址分為絕對地址和相對地址。
絕對地址:相對于磁盤的位置去定位文件的地址
相對地址:相對于引用文件本身去定位被引用的文件地址
絕對地址在整體文件遷移時會因為磁盤和頂層目錄的改變而找不到文件,相對路徑就沒有這個問題。相對路徑的定義技巧:
“ ./ ” 表示當前文件所在目錄下,比如:“./pic.jpg” 表示當前目錄下的pic.jpg的圖片,這個使用時可以省略。
“ …/ ” 表示當前文件所在目錄下的上一級目錄,比如:“…/images/pic.jpg” 表示當前目錄下的上一級目錄下的images文件夾中的pic.jpg的圖片。
標簽可以在網頁上定義一個鏈接地址,它的常用屬性有:
href屬性 定義跳轉的地址
title屬性 定義鼠標懸停時彈出的提示文字框
target屬性 定義鏈接窗口打開的位置
target="_self" 缺省值,新頁面替換原來的頁面,在原來位置打開
target="_blank" 新頁面會在新開的一個瀏覽器窗口打開
eb 集群是指一組獨立的服務器,它們通過某種方式協同工作來提供對外服務。在 Web 應用程序中,多臺服務器通常會被組織成一個集群,以提高應用程序的性能和可用性。在這個集群中,服務器需要共享靜態資源(例如 HTML、CSS 和 JavaScript 文件)和動態資源(例如 PHP 程序),以確保應用程序的正常運行。
下面是一些共享靜態資源和動態資源的方法:
1 使用網絡文件系統(NFS)
NFS 是一種允許多個計算機之間共享文件的協議。通過使用 NFS,Web 服務器可以將靜態資源存儲在一個共享的文件系統中,然后讓其他服務器掛載這個文件系統,從而可以共享這些資源。NFS 的優點是它能夠輕松地實現文件的共享和同步,但是它的性能可能不如其他方法,因為它需要在網絡上傳輸文件。
2 使用分布式文件系統(如 GlusterFS、Ceph 等)
分布式文件系統可以將文件分布在多個服務器上,并在這些服務器之間同步這些文件。這些系統可以提高文件訪問速度,因為文件可以從最近的服務器獲取,而不必在網絡上傳輸。此外,這些系統還可以提高可用性,因為如果一個服務器失效,其他服務器可以自動地接替它的工作。
3 使用 CDN(內容分發網絡)
CDN 是一種可以將靜態資源緩存到全球各地的服務器上的服務。當用戶請求某個靜態資源時,CDN 會自動將該資源提供給最近的服務器,從而加快資源加載速度。CDN 的優點是它能夠提高全球用戶的訪問速度,并且可以減輕 Web 服務器的負擔,但是它需要付費,因此可能不適合所有的應用程序。
1 使用共享文件系統
與共享靜態資源相似,Web 服務器可以將 PHP 程序存儲在共享文件系統中,并讓其他服務器掛載這個文件系統,從而共享這些程序。這種方法需要注意文件鎖定和并發性問題,因為多個服務器可能同時訪問同一個 PHP 文件。
2 使用數據庫
Web 服務器可以將 PHP 程序和數據存儲在共享的數據庫中,并讓其他服務器連接到該數據庫。這種方法需要注意數據庫的讀寫性能和并發性問題,因為多個服務器可能同時訪問同一個數據庫。
3 使用緩存系統(如 Redis、Memcached 等)
緩存系統可以將 PHP 程序的輸出緩存起來,并在下次請求時直接返回緩存的結果,從而減輕 Web 服務器的負擔。
4 使用負載均衡器
負載均衡器是一種用于分配網絡流量的設備或軟件。Web 服務器可以通過使用負載均衡器將流量分配到集群中的不同服務器上,從而均衡服務器的負載。當有新的 PHP 請求到達集群時,負載均衡器會將請求發送到其中一個服務器,并在服務器之間動態地調整流量分配,以確保每個服務器都能得到平均的負載。負載均衡器還可以提高集群的可用性,因為如果一個服務器失效,負載均衡器可以將流量自動重定向到其他服務器上。
5 使用容器化技術
容器化技術(如 Docker、Kubernetes 等)可以讓多個應用程序在同一個物理服務器上運行,而互不干擾。通過使用容器化技術,Web 服務器可以將 PHP 程序和相關的依賴項打包成一個容器鏡像,并在多個服務器上運行這個鏡像,從而實現 PHP 程序的共享。容器化技術還可以提高應用程序的可伸縮性和彈性,因為可以根據負載自動地啟動和停止容器實例。
綜上所述,共享靜態資源和動態資源的方法包括使用網絡文件系統、分布式文件系統、CDN、共享文件系統、數據庫、緩存系統、負載均衡器和容器化技術。在實際應用中,需要根據應用程序的需求和特點選擇合適的方法,并進行適當的配置和優化,以確保集群的性能和可用性。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。