91在线一级黄片|91视频在线观看18|成人夜间呦呦网站|91资源欧美日韩超碰|久久最新免费精品视频一区二区三区|国产探花视频在线观看|黄片真人免费三级片毛片|国产人无码视频在线|精品成人影视无码三区|久久视频爱久久免费精品

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
11個有用的HTML技巧

HTML(超文本標記語言)是網(wǎng)頁最基礎(chǔ)的結(jié)構(gòu),也是網(wǎng)頁的主要構(gòu)成元素。 雖然許多開發(fā)人員都熟悉 HTML 的基礎(chǔ)知識,但還有許多鮮為人知的技巧和技術(shù)可以提高您的 HTML 編碼技能。

十年的橋西網(wǎng)站建設(shè)經(jīng)驗,針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù),響應快,48小時及時工作處理。成都全網(wǎng)營銷的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動調(diào)整橋西建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計,從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)從事“橋西網(wǎng)站設(shè)計”,“橋西網(wǎng)站推廣”以來,每個客戶項目都認真落實執(zhí)行。

在本文中,我們將探討您可能不知道的 10 個 HTML 技巧。

1. 使用 元素在新標簽頁中打開鏈接

如果您希望文檔中的所有鏈接默認在新選項卡中打開,您可以使用 元素。 在 HTML 的 部分添加以下代碼:

現(xiàn)在,無論何時單擊鏈接,除非另有說明,否則它將在新選項卡中打開。

2.使用download屬性下載文件

您可以提示用戶直接下載文件,而不是在單擊鏈接時導航到文件。 這可以通過將下載屬性添加到您的鏈接來實現(xiàn)。 這是一個例子:

Download

單擊鏈接時,文件將由用戶下載,而不是在瀏覽器中打開。

3.直接聯(lián)系鏈接

改善您網(wǎng)站上用戶交互的一個好方法是為電子郵件、電話和 SMS 提供直接鏈接。 這可以通過在 href 屬性中使用具有特定協(xié)議的 錨標記來實現(xiàn)。

這些協(xié)議是 mailto:、tel: 和 sms: 分別用于電子郵件、電話和 SMS。 

以下是如何實現(xiàn)它的示例:


  Send an email




  Make a call


  Send a text

當用戶點擊這些鏈接時,他們的設(shè)備將打開默認的電子郵件客戶端、撥號器或消息應用程序,其中包含所提供的信息。

4. 使用 rel="noopener" 增強安全性

使用 target="_blank" 在新選項卡中打開鏈接時,新打開的頁面可以訪問原始頁面的 window.opener 屬性。 

這可能是一個安全風險,為防止這種情況,您可以將 rel="noopener" 屬性添加到您的鏈接,如下所示:

Link

這樣可以確保新打開的頁面無法訪問 window.opener 屬性,從而提高安全性。

5. 輸入給定的 Datalist 元素

HTML 中的 元素提供了一個預定義選項列表,以在用戶將數(shù)據(jù)輸入到 元素時向用戶提出建議。 這對于用戶在鍵入時可以從快速建議中受益的字段尤其有用,例如搜索字段或電子郵件輸入。 

下面是如何使用它:



  

在此示例中,當用戶開始在輸入字段中鍵入內(nèi)容時,他們將看到與其輸入相匹配的建議選項。

6.計算結(jié)果的輸出元素

元素是一個容器元素,網(wǎng)站或應用程序可以將計算結(jié)果或用戶操作的結(jié)果注入其中。 這是一個例子:

+ = 75

在此示例中,當用戶更改輸入字段的值時,添加的結(jié)果將顯示在輸出字段中。

7. 使用
元素對控件進行分組

使用 Web 表單時,您可以使用

元素對相關(guān)控件和標簽進行分組。 這有助于組織和構(gòu)建表單。 

這是一個例子:

Personal Information

8.使用海報屬性顯示視頻縮略圖

在您的網(wǎng)頁上嵌入視頻時,您可以指定在加載視頻時或在用戶單擊播放按鈕之前顯示的縮略圖。 使用 poster 屬性定義縮略圖圖像 URL。 這是一個例子:

指定的 thumbnail.jpg 將一直顯示,直到視頻加載或開始播放。

9. 使用
元素構(gòu)建手風琴菜單

要在不依賴 JavaScript 的情況下創(chuàng)建手風琴菜單,您可以使用

元素。
元素充當容器,而 元素代表可點擊的標題。 這是一個例子:

Click me

Content of the accordion panel.

這允許用戶展開和折疊手風琴菜單中的內(nèi)容。

10. 使用 contenteditable 屬性執(zhí)行內(nèi)聯(lián)編輯

如果您想直接在瀏覽器中啟用內(nèi)容的內(nèi)聯(lián)編輯,您可以使用 contenteditable 屬性。 通過將 contenteditable="true" 添加到 HTML 元素,例如

,用戶可以編輯其中的文本。 這是一個例子:

This text can be edited by the user.

用戶可以點擊文字,直接在網(wǎng)頁內(nèi)進行修改。

11. 使用 標記突出顯示文本

要以視覺方式突出顯示 HTML 文檔中文本的特定部分,您可以使用 標記。 只需用 標簽包裹要突出顯示的文本。 這是一個例子:

This is an example highlighted text.

結(jié)論

請繼續(xù)探索學習,保持好奇,并繼續(xù)擴展您的 HTML 知識。 

另外,本文中提供的示例已為演示目的進行了簡化。 在您自己的項目中實施這些技術(shù)時,始終確保正確的 HTML 語法并遵循最佳實踐。


網(wǎng)站標題:11個有用的HTML技巧
本文路徑:http://m.jiaoqi3.com/article/dppecoh.html