整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
.注釋標記(<!--…-->)
語法： <!--注釋內容-->
2.文件標記(<html>…</html>)
語法： <html>…</html>
說明：<html>這對標記是HTML文件的標記。<html>處于文件的最前面，表示HTML文件的開始。即瀏覽器從<html>標記開始解釋，直到遇到</html>標記為止。
3.文件頭標記(<head>…</head>)
語法： <head>…</head>
說明：
①由head這組標記定義的元素中，并不放置網頁的任何內容，是放置關于這份HTML文件的信息。就是說，它并不屬于HTML文件的主體，它包含文件的標題、編碼方式和URL等。這些信息大部分用于提供索引、辨認或其他應用。
②這對標記在HTML文件中并不是必需的。如果某個HTML文件并不需要提供相關信息，則可省略<head>標記。
4.文件標題標記(<title>…</title>)
語法： <title>文件標題文字</title>
說明：此標記用于設定HTML文件的標題名稱，它將顯示在瀏覽器的標題欄中。
注意：<title>標記用于<head>標記中。但如果HTML文件中沒有使用<head>標記，則<title>標記仍然起作用。
5.文件主體標記(<body>…</body>)
語法： <body>…</body>
說明：
①由<body>標記所建立的元素是HTML文件的內容主體，也是HTML文件的重點所在。HTML文件中要顯示在網頁上的所有內容，也都放置在這個元素中。
②<body>具有一些特殊的屬性，可以設定背景及字符顏色等。
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 可以實現的功能，我有很多。 我們計劃在未來添加和更新小技巧技術。
<html>
<head>
<title>這是網頁標題</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<meta name="keywords" content="這是關鍵字"/>
<link href="css文件路徑" rel="stylesheet"/>
<link rel="shortcut icon" href="favicon.ico"/>
</head>
<body>
</body>
</html>標簽 | 含義 | 常用屬性 |
a | 超鏈接 | href / target / title |
img | 圖片 | src / alt / title / width / heiht |
h1-h6 | ||
p | ||
br | ||
hr | ||
em | ||
strong | ||
i | ||
span | ||
div |
ID | CLASS | 標簽 |
100 | 10 | 1 |
樣式 | 含義 | 屬性值 |
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
