整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
信大家平時都有用360搜索、百度搜索、谷歌搜索等來查詢自己想要的東西。或者熟悉w3cschool的用戶相信都很清楚，只要在首頁導航的搜索框中輸入你想要了解的內容，都會跳出所有的數據。
360搜索、百度搜索等搜索引擎的的數據查詢這么快，對于非內部員工來說，不知道他們是怎么實現的。而w3cschool搜索框的數據之所以能夠如此快、如此詳細的查詢出海量數據，是因為迅搜(Xunsearch)技術的利用。
Xunsearch 是免費開源的專業全文檢索解決方案，旨在幫助一般開發者針對既有的海量數據，快速而方便地建立自己的全文搜索引擎。全文檢索可以幫助您降低服務器搜索負荷、極大程度的提高搜索速度和用戶體驗。
Xunsearch 高性能：后端是采用 C/C++ 開發多線程服務端，索引設計基于 Xapian 和 scws 中文分詞。單庫最多支持 40 億條數據，在 5 億網頁大約 1.5TB 的數據中檢索時間不超過 1 秒(非緩存);簡單易用：前端是使用腳本語言編寫的開發工具 (SDK)，目前僅支持 PHP 語言。API 簡單清晰，開發難度極低，提供全中文的示例代碼、文檔、輔助腳本工具等;全功能：除支持基礎的自定義分詞、字段檢索、布爾搜索外，還直接支持用戶急需的相關搜索、拼音搜索、搜索建議等專業功能。
為了方便大家，w3cschool資深用戶精選 xunsearch技術教程。 本教程旨在全面介紹 Xunsearch PHP-SDK 的用法，是學習掌握 xunsearch 搜索開發的 基礎資料。
本教程中，囊括新手安裝教程、了解基礎對象方法、編寫項目配置文件、管理索引、使用搜索等知識，如果你想讓自己網站的搜索更快速、更海量、更便捷，那么可以看看本教程。更多詳情，請移步：http://www.w3cschool.cn/xunsearch/cunxca.html。
搜索是每個網站的必備組成部分，如果你是計算機新手，想學著建一個站，那么可以看看迅搜(Xunsearch)教程;如果你是從業多年的程序員，你想讓自己網站的搜索更快，那么迅搜(Xunsearch)也許會給你帶來意想不到的效果。學會了迅搜(Xunsearch)，再也不害怕老板的為難了!
要想看到更多更詳細的xunsearc資源，強烈建議收藏：http://www.w3cschool.cn/xunsearch/cunxca.html。有了這個收藏夾，找干貨不用愁!
公眾號：w3c技術教程
HTML （Hypertext Markup Language）是標準標記語言，是 Web 瀏覽器顯示的基礎。 此外，CSS（Cascading Style Sheets）等技術以及JavaScript等腳本語言也支持這種技術。
創建主頁時，首先使用 HTML 確定句子的結構并標記它，然后設計要顯示的信息。 這是網頁的基礎。
現在，讓我們仔細看看可以使用少量 CSS 代碼實現的技術。
Web 性能改進技術之一是屬性，允許用戶延遲加載，直到滾動。 它還適用于嵌入 YouTube 視頻的 iframe 代碼和大尺寸圖像。loading="lazy"
XHTML
1 | <img src='image.jpg' loading='lazy' alt='代替テキスト'> |
打開電子郵件創建頁面、直接撥打電話或發送短消息的技術。
XHTML
1 2 3 4 5 6 7 8 9 10 11 | <a href="mailto:{email}?subject={subject}&body={content}"> Eメールを送信 </a> <a href="tel:{phone}"> お電話ください </a> <a href="sms:{phone}?body={content}"> SMSショートメッセージを送信 </a> |
start屬性允許您自由確定列表格式的數字。
meter元素允許您使用彩色滑塊顯示數字和數量。 不需要 JavaScript 或 CSS。
通過預先在表單輸入元素中指定一些數據列表，可以將其作為候選關鍵字顯示在輸入字段中的下拉列表中。
fieldset元素允許您將 Web 窗體中的多個控件和標簽 （） 組合在一起。label
target="_blank在 中打開的頁面將允許您訪問原始頁面的 window.opener。 這可能會對安全性和性能產生負面影響，例如"原始窗口在知道之前已轉換到填充站點"。 為了防止這種情況，請包括 或 。rel="noopener"rel="noreferrer"
1 2 3 | <a href="https://markodenic.com/" target="_blank" rel="noopener"> 參考ウェブサイト </a> |
如果要在新選項卡中打開 HTML 文檔中的所有鏈接，可以使用元素。 在下面的示例中，兩個鏈接都在新的選項卡中打開。base
若要更新網站的傳真，您可以通過將其添加到文件名中來在瀏覽器中下載新版本。?v=2
一種有效的技術，尤其是在生產環境中，以確保用戶輸入新版本。
XHTML
1 | <link rel="icon" href="/favicon.ico?v=2" /> |
可以決定是否檢查元素的拼寫錯誤的屬性。spellcheck
input type="range"允許您使用滑塊調整數字。 所選數字可以顯示在 中。input type="number"
details元素允許您創建僅 HTML 本機手風琴。
mark標記允許您使用黃色標記突出顯示文本的一部分。
URL 鏈接的屬性允許您直接下載文件，而不是將其移動到文件中。download
XHTML
1 2 3 | <a href='path/to/file' download> Download </a> |
使用".webp"作為圖像格式可以減小圖像大小并提高網站性能。
XHTML
1 2 3 4 5 6 7 8 9 10 11 | <picture> <!-- サポートされていたら.webp畫像を読み込む --> <source srcset="logo.webp" type="image/webp"> <!-- .webp畫像や<picture>タグが ブラウザにサポートされていないときの フォールバックとして --> <img src="logo.png" alt="logo"> </picture> |
poster屬性允許您指定在加載視頻或按下"播放"按鈕之前顯示的圖像。
XHTML
1 | <video poster="path/to/image"> |
在搜索框中使用時，將自動顯示"X"清除標記以取消。type="search"
只有 HTML 可以實現的功能，我有很多。 我們計劃在未來添加和更新小技巧技術。
礎 JavaScript 實例
用JavaScript輸出文本
用JavaScript改變HTML元素
一個外部JavaScript
實例解析
JavaScript 語句、注釋和代碼塊
JavaScript 語句
JavaScript 代碼塊
JavaScript 單行注釋
JavaScript 多行注釋
使用單行注釋來防止執行
使用多行注釋來防止執行
實例解析
JavaScript 變量
聲明一個變量，為它賦值，然后顯示出來
實例解析
JavaScript 條件語句 If ... Else
If 語句
If...else 語句
隨機鏈接
Switch 語句
實例解析
JavaScript 消息框
Alert(警告)框
帶有換行的警告框
確認框
提示框
實例解析
JavaScript 函數
函數
帶有參數的函數
帶有參數的函數 2
返回值的函數
帶有參數并返回值的函數
實例解析
JavaScript 循環
For 循環
循環輸出 HTML 標題
While 循環
Do while 循環
break 語句
continue 語句
使用 For...In 聲明來遍歷數組內的元素
實例解析
JavaScript 事件
onclick事件
onmouseover 事件
實例解析
JavaScript 錯誤處理
try...catch 語句
帶有確認框的 try...catch 語句
onerror 事件
實例解析
高級 JavaScript 實例
創建一個歡迎 cookie
簡單的計時
另一個簡單的計時
在一個無窮循環中的計時事件
帶有停止按鈕的無窮循環中的計時事件
使用計時事件制作的鐘表
創建對象的實例
創建用于對象的模板
JavaScript 應用實例
javascript 幻燈片代碼(含自動播放)
CSS 日歷樣式
JavaScript 彈窗
JavaScript 圖片彈窗
JavaScript Lightbox
javascript 搜索框自動提示
JavaScript 表格數據搜索
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
