HTML知識點概括——一篇文章帶你完全掌握HTML

来源:https://www.cnblogs.com/qiuluoyuweiliang/archive/2022/07/06/16452219.html
-Advertisement-
Play Games

HTML知識點概括 前端三件套分別是HTML3，CSS5，JavaScript 稍微介紹一下W3C標準： 結構化標準語言（HTML） 表現標準語言（CSS） 行為標準（DOM，JavaScript） HTML是超文本標記語言，負責網頁最基本信息的構造 HTML的優勢： 市場需求量 跨平臺使用 瀏覽器 ...


HTML知識點概括

前端三件套分別是HTML3，CSS5，JavaScript

稍微介紹一下W3C標準：

  • 結構化標準語言（HTML）
  • 表現標準語言（CSS）
  • 行為標準（DOM，JavaScript）

HTML是超文本標記語言，負責網頁最基本信息的構造

HTML的優勢：

  • 市場需求量
  • 跨平臺使用
  • 瀏覽器支持

我們使用的工具依舊選擇老朋友：

  • IDEA

因為內容過多，大部分內容可能都在代碼中詳細介紹，請仔細閱讀代碼

HTML基本框架

下麵我們稍微介紹以下HTML的基本框架：

<!--告訴瀏覽器我們使用的標準規範-->
<!DOCTYPE html>
<html lang="en">
<!--表示網頁頭部開始-->
<head>
    <!-- meta 描述性標簽，用來描述網頁的一些信息：例如作用等   -->
    <meta charset="UTF-8">
    <meta charset="keywords" content="第一天學習HTML">
    <meta charset="description" content="我們在這裡學習HTML">

    <!-- title 標題，表示我們打開網頁後的標題   -->
    <title>我的第一個網頁</title>
</head>

<!--body 表示網頁內容開始-->
<body>
<!--內容-->
Hello，World！
</body>
</html>

其中<></>這種成對出現的標簽，我們稱為開放標簽和閉合標簽

其中<>這種單個出現的標簽，我們稱為單個標簽

塊元素和行內元素

我們簡單介紹一下塊元素和行內元素：

  • 塊元素：
    • 無論內容多少，該元素獨占一行
    • 例如：p，h1，h2
  • 行內元素：
    • 內容撐開寬度，當左右都是行內元素時，可以排在一行
    • 例如：a，strong，em

頁面結構分析

下麵給出頁面結構分析：

元素名 描述
header 標記頭部區域的內容
footer 標記腳部區域的內容
section Web頁面中一塊獨立區域
article 獨立的文章內容
aside 相關內容或應用
nav 導航類輔導內容

代碼展示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>頁面結構分析</title>
</head>
<body>
<!--表示頭部-->
<head>

</head>
<!--表示獨立板塊-->
<section>

</section>
<!--表示腳部-->
<footer>

</footer>

</body>
</html>

網頁基本標簽

網頁基本信息：

代碼 說明
<!-- --> 註釋；用來註解內容，不被編譯器讀取
<h1></h1> 大標題；分為h1~h6
<P></p> 分段符號；
<br> 換行符號;
<hr> 水平線符號;
<strong></strong> 加粗符號；
<em></em> 斜體符號；
&~~~~； 特殊符號格式；

代碼展示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>網頁基本標簽</title>
</head>
<body>
<!--我們從這裡依次介紹各種標簽-->

<!--標題標簽：成對標簽；h開頭，h1~h6依次為n級標題-->
<h1>一級標簽</h1>
<h2>二級標簽</h2>
<h3>三級標簽</h3>
<h4>四級標簽</h4>
<h5>五級標簽</h5>
<h6>六級標簽</h6>

<!--然後我們介紹段落標簽：成對標簽；p-->
<!--用段落標簽後，段與段自動換行且有明顯距離-->
<p>1</p>
<p>2</p>
<p>3</p>
<!--如果不是用段標簽，即使在HTML代碼中分段，網頁中也不顯示分段-->
1
2
3

<!--接下來我們介紹換行標簽：單個標簽；br-->
<!--換行標簽使內容換行，但其本質還是在一段中，且間隔較小-->
<p>-----------------</p>
1 <br>
2 <br>
3 <br>

<!--接下來介紹水平線標簽：單個標簽；hr-->
<!--水平線標簽隨著頁面的大小改變大小，隨時充斥整個頁面-->
<hr>

<!--然後我們稍微介紹兩個字體樣式標簽，因為我們的字體樣式主要在css中寫出，這裡僅簡單介紹即可-->
<!--粗體；成對標簽；strong-->
<!--斜體：成對標簽；em-->
<h1>字體樣式標簽</h1>
<p>粗體：<strong>我是粗體</strong></p>
<p>斜體：<em>我是斜體</em></p>

<!--最後我們介紹一些特殊符號：空格，大於，小於-->
<!--我們先說一下格式：&~~~；-->
<p>空格：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;空格</p>
<p>大於：&gt;</p>
<p>小於：&lt;</p>

</body>
</html>

網頁基本標簽-圖片標簽

代碼展示：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>圖片標簽</title>
</head>
<body>
<!--
我們先給出圖像格式：<img src="" alt="" title="" width="" height="">
img：圖像標簽
src:表示圖像地址，可以寫絕對地址，也可以寫相對地址（推薦）
    相對地址中返回上一級的標誌是：../
alt:表示圖像名稱，當圖像不顯示時，直接打出圖像名稱
title：當滑鼠移動上去時出現的名稱
width：寬度
height：高度
-->
<img src="../../Resources/picture/1.jpeg" alt="紗霧老師" title="點擊查看" width="300" height="300">
</body>
</html>

網頁基本標簽-鏈接標簽

鏈接類標簽分為三種：

  • 1.超鏈接：
  • 2.錨鏈接：
  • 3.功能性鏈接：

代碼展示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>鏈接標簽</title>
</head>
<body>
<!--
我們先給出鏈接標簽的整個格式：<a href="" target="">鏈接文本/圖像</a>
href:鏈接路徑，後面可以跟本機所創建的網頁或者互聯網上可查找網頁；且可以附帶其錨鏈接
target：在哪個視窗打開；目前我們僅需要瞭解兩種視窗：_blank新視窗，_self本視窗（預設）

1.超鏈接：
直接使用上方鏈接格式即可

2.錨鏈接：
需要提前用id設置錨點，然後在後續需要跳轉位置採用<a>中的#id來跳轉

3.功能性鏈接：
用於與其他設備鏈接，例如：mailto是指郵箱

-->

<!--設置錨點-->
<a id="Top">Top</a>

<!--1.超鏈接-->
<p>
<a href="E:\編程內容\HTML\code\第一部分\1.我的第一個網頁.html" target="_self">點擊進入我的第一個網頁</a>
<a href="https://www.baidu.com/" target="_blank">點擊進入百度</a>
</p>

<!--2.錨鏈接-->
<a href="#Top">點擊返回頂部</a>

<!--3.功能性鏈接-->
<a href="mailto:[email protected]">點擊與郵箱交互</a>

</body>
</html>

網頁基本標簽-列表標簽

列表的定義：

  • 列表就是信息資源的一種展示形式

列表的分類：

  • 有序列表
    • ol是有序列表的框架標簽
    • li是有序列表的內容標簽
  • 無序列表
    • ul是無序列表的框架標簽
    • li是無序列表的內容標簽
  • 自定義列表
    • dl是自定義列表的框架標簽
    • dt是自定義列表的內容標題
    • dd是自定義列表的內容標簽

代碼展示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表標簽</title>
</head>
<body>
<!--列表標簽分為三種：有序列表，無序列表，自定義列表-->

<!--1.有序列表：
<ol></ol>
<li></li>
-->
<ol>
    <li>Java</li>
    <li>Python</li>
    <li>Web</li>
</ol>

<hr>

<!--2.無序列表：
<ul></ul>
<li></li>
-->
<ul>
    <li>Java</li>
    <li>Python</li>
    <li>Web</li>
</ul>

<hr>

<!--3.自定義列表：
<dl>
    <dt></dt>
    <dd></dd>
    <dd></dd>
</dl>
-->
<dl>
    <dt>我是小標題</dt>
    <dd>我是列表1</dd>
    <dd>我是列表2</dd>
</dl>

</body>
</html>

網頁基本標簽-表格標簽

使用表格的好處：

  • 簡單通用
  • 結構穩定

表格的組成以及HTML中的格式：

  • 表格標簽：
  • 單元格：由行列組成
  • 行：
  • 列：
  • 跨行：rowspan=""
  • 跨列：colspan=""

代碼展示：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>表格標簽</title>
</head>
<body>

<!--表格格式：
<table></table>是基本表格框架， 其他內容需要在框架裡面寫(這裡提前涉及到：border表示邊框，這裡設置邊框寬度border="1px"表示邊框為1像素)
<tr></tr>:行
<td></td>:列，需要寫在行中
colspan="n":表示跨列，跨n列
rowspan=“n”：表示跨行，跨n行
-->

<table border="1px">
  <tr>
    <td colspan="4">1-1</td>
  </tr>
  <tr>
    <td rowspan="2">2-1</td>
    <td>2-2</td>
    <td>2-3</td>
    <td>2-4</td>
  </tr>
  <tr>
    <td>3-1</td>
    <td>3-2</td>
    <td>3-3</td>
  </tr>
</table>
</body>
</html>

網頁基本標簽-視頻和音頻

視頻元素：

<video src="" ></video>

音頻元素：

<audio src="" ></audio>

代碼展示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>媒體標簽</title>
</head>
<body>
<!--媒體標簽：我們這裡僅介紹：視頻和音頻
視頻格式：<video src="" ></video>
音頻格式：<audio src="" ></audio>
controls：表示控制面板，我們需要在媒體標簽中加入，才可以顯示控制面板
autoplay：表示自動播放，預設情況下需要手動播放
-->

<!--視頻-->
<video src="E:\編程內容\HTML\Resources\video\1.mp4" controls autoplay></video>

<!--音頻-->
<audio src="E:\編程內容\HTML\Resources\audio\1.mp3" controls autoplay></audio>
</body>
</html>

網頁基本標簽-表單

表單作用：

  • 用於收集用戶信息

表單組成：

  • 表單域
  • 表單控制項
  • 提示信息

表單域

表單域是一個包含表單元素的區域

表單域格式：

<form action="" method="" name=""></form>

常用屬性：

屬性 屬性值 作用
action url地址 用於指出接收並處理表單數據的伺服器程式的url地址
method get/post 用於設置表單數據的提交方式
name 名稱 用於指定表單的名稱，用來區分同一頁面的多個表單

表單掛件

最常用的表單掛件：<input type="屬性值”>

我們先介紹input內置元素：

元素 說明
type="" 表示input類型
value="" 表示input的值（內置文本）
name="" 表示input的姓名（用於同一類）
checked="" 表示被選中
maxlength="" 表示最大長度

我們再來介紹以下input的屬性包括哪些：

屬性值 說明
button 定義可點擊按鈕（配合js使用）
checkbox 定義覆選框
file 定義輸入欄位和瀏覽按鈕，負責上傳文件
hidden 定義隱藏的輸入欄位
image 定義圖像形式的提交按鈕
password 定義密碼欄位，輸入內容不可見
radio 定義單選按鈕
reset 定義重置按鈕，點擊後重置表單內所有內容
submit 定義提交按鈕，點擊後將數據發送至後臺
text 定義單行輸入的欄位，預設20位元組

代碼展示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表單標簽</title>
</head>
<body>

<!--
表單標簽form
含有三種屬性：
action=“url地址”：用於指定接收並處理表單數據的伺服器程式的url地址
method=“post/get”：提交方法
name=“”：表單名稱，以便於區分
-->

<form action="#" method="post" name="表單功能變數名稱稱">

<!--1.<input>
格式：<input type="">
type：屬性值
name:表單元素名稱
value：表單元素預設內容
checked：預設被選中
maxlength：內容最大值
-->
<!--    text文本，用於正常書寫-->
姓名：<input type="text" value="請輸入姓名">
    <br>
<!--    password隱藏文本，用於書寫密碼-->
密碼：<input type="password" >
    <br>
<!--    radio單選框，用於多選一，需要配合name使用-->
性別： 男 <input type="radio" name="sex"> 女 <input type="radio" name="sex">
    <br>
<!--    checkbox多選框，用於多選，也需要配合name使用-->
愛好： 吃飯 <input type="checkbox" name="like"> 睡覺 <input type="checkbox" name="like"> 打豆豆 <input type="checkbox" name="like">
    <br>
<!--    button普通按鈕，後期搭配js使用;可以使用value定義顯示內容-->
    <input type="button" value="點擊發送二維碼">
    <br>
<!--    file上傳文件-->
    <input type="file" >
    <br>
<!--    reset重置按鈕，點擊後表單內所有內容重置;可以使用value定義顯示內容-->
    <input type="reset" value="重新填寫">
<!--    submit點擊提交，點擊後把內容上傳給action中；可以使用value定義顯示內容-->
    <input type="submit" value="免費註冊">


</form>
</body>
</html>

label標記

label標記可以連接其他元素（常用於與button，checkbox，radio等點擊性標簽使用）

label格式：

<!--for對應其id值-->
<label for="~~~">內容</label>

代碼展示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>label標簽</title>
</head>
<body>
<!--當點擊相同for和id的label屬性時，會相當於點擊id屬性-->
<label for="button">點擊我為後面button畫勾</label>
<input type="checkbox" id="button">
</body>
</html>

select下拉表單

select可以單獨形成下拉表單

select格式：

<!-- 可以在裡面加上selected=“selected”表示預設選擇-->
<select>
  <option selected="selected"></option>
  <option></option>
  <option></option>
</select>

代碼展示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>select標簽</title>
</head>
<body>
<!--
select作為一個框架
option作為摺疊選項
可在option選項中加入selected=“selected”將其設為預設選項
-->
請選擇性別：
<select>
  <option selected="selected">請選擇</option>
    <option>男</option>
    <option>女</option>
</select>
</body>
</html>

textare文本域

textare負責創建一大片文本域，用於大規模的書寫

textare格式：

 <!--x，y分別表示 一行字數 和 行數--->
<textarea cols="x" rows="y">
      這裡面寫入文本域預設顯示
</textarea>

代碼展示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>textare</title>
</head>
<body>
<!--textare
cols：表示可輸入的一行內容（不推薦使用，一般在css設置）
rows：表示存在多少列（不推薦使用，一般在css設置）
文本預設文字可以直接在裡面書寫
-->
<form>
  <textarea cols="50" rows="5">
      這裡面寫入文本域預設顯示
  </textarea>
</form>
</body>
</html>

HTML綜合練習

下麵給出案例圖，請依照案例圖寫出相關代碼：

代碼展示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>綜合案例</title>
</head>
<body>
<!--第一步我們獲得大標題-->
<h4>青春不常在，抓緊談戀愛</h4>
<!--我們下麵的內容排列整齊，這裡需要採用表格實現-->
<!--表格分為n行2列-->
<table width="1000px">
<!--        第一行：姓名 單選框 帶有label的字-->
    <tr>
        <td>姓名:</td>
        <td>
            <input type="radio" name="sex" id="man"> <label for="man">男</label>
            <input type="radio" name="sex" id="woman"><label for="woman">女</label>
        </td>
    </tr>
<!--    第二行：生日 下拉列表-->
    <tr>
        <td>生日：</td>
        <td>
            <select>
                <option>2000</option>
                <option>2001</option>
                <option>2002</option>
                <option>2003</option>
                <option selected="selected">請選擇年份</option>
            </select>
            <select>
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option selected="selected">請選擇月份</option>
            </select>
            <select>
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option selected="selected">請選擇日期</option>
            </select>
        </td>
    </tr>
<!--    第三行 所在地區 text帶value-->
    <tr>
        <td>所在地區:</td>
        <td><input type="text" value="填寫地區"></td>
    </tr>
<!--    第四行：婚姻狀況 單選框-->
    <tr>
        <td>婚姻狀況</td>
        <td><input type="radio" name="family"> 未婚 <input type="radio" name="family"> 已婚 <input type="radio" name="family"> 離婚 </td>
    </tr>
<!--    第五行：學歷 text-->
    <tr>
        <td>學歷：</td>
        <td><input type="text"></td>
    </tr>
<!--    第六行：喜歡的類型 多選框-->
    <tr>
        <td>喜歡的類型:</td>
        <td><input type="checkbox" name="love"> 可愛的 <input type="checkbox" name="love"> 妖嬈的 <input type="checkbox" name="love"> 放蕩的 <input type="checkbox" name="love"> 都喜歡 </td>
    </tr>
<!--    第七行：自我介紹 textare框-->
    <tr>
        <td>自我介紹：</td>
        <td><textare>自我介紹</textare></td>
    </tr>
<!--    免費註冊的submit標簽-->
    <tr>
        <td></td>
        <td><input type="submit" value="免費註冊"></td>
    </tr>
<!--    同意註冊條款-->
    <tr>
        <td></td>
        <td><input type="checkbox">我同意註冊條款並遵守</td>
    </tr>
<!--    我是會員，跳轉頁面立即登錄-->
    <tr>
        <td></td>
        <td><a href="#">我是會員，立即登錄</a></td>
    </tr>
<!--    承諾條款：採用標題和無序列表完成-->
    <tr>
        <td></td>
        <td>
            <h2>我承諾</h2>
            <ul>
                <li>年滿18，單身</li>
                <li>抱著嚴肅的態度</li>
                <li>真誠尋找另一半</li>
            </ul>
        </td>
    </tr>
</table>
</body>
</html>

結束語

好的，關於HTML的介紹就到這裡了，恭喜你邁進了前端的第一步！


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 大數據基石Hadoop3.x 集群安裝
    機器規劃 環境準備 安裝JDK 1. 在所有機器上安裝jdk8 2. 配置好環境變數 vi /etc/profile JAVA_HOME=/usr/local/jdk1.8.0_152 PATH=$PATH:$JAVA_HOME/bin export JAVA_HOME export PATH so ...
  • 騰訊雲資料庫公有雲市場穩居TOP 2！
    7月4日，國際權威機構IDC發佈的《2021年下半年中國關係型資料庫軟體市場跟蹤報告》顯示，騰訊雲資料庫在關係型資料庫軟體市場（公有雲模式）中，位列第二。 IDC報告顯示，2021下半年中國關係型資料庫軟體市場規模為15.8億美元，同比增長34.9%。其中，公有雲關係型資料庫規模8.7億美元，同比增 ...
  • Spark快速上手(3)Spark核心編程-RDD轉換運算元Transform
    #RDD(2) ##RDD轉換運算元 RDD根據數據處理方式的不同將運算元整體上分為Value類型、雙Value類型、Key-Value類型 ###value類型 ####map 函數簽名 def map[U:ClassTag](f:T=>U):RDD[U] 函數說明 將處理的數據逐條進行映射轉換，這裡 ...
  • 0基礎入門Android端實時聊天
    ZEGO 提供 ZIM + RTC 服務聯動的場景解決方案，公開語聊房、秀場直播等業務場景搭建的示例源碼，幫助開發者能在極短的時間內搭建完美的業務場景。 ...
  • 記錄uni-app 打包成apk後獲取定位
    目前正在做的一個項目需要用到地圖功能，在使用數據線連接到手機進行真機調試的時候，由於uniapp自帶了高德的SDK能夠獲取位置信息，但是在打包成apk後就不行了，原先地圖的位置顯示一片空白，這個時候，就需要我們去高德(或者百度)開放平臺去申請應用的key了，在這裡以高德地圖為例，步驟如下： 第一步： ...
  • HMS Core 機器學習服務打造同傳翻譯新“聲”態，AI讓國際交流更順暢
    2022年6月，HMS Core機器學習服務面向開發者提供一項全新的開放能力——同聲傳譯，通過AI語音技術減少資源成本，加強溝通交流，旨在幫助開發者製作豐富多樣的同聲傳譯應用。 HMS Core同聲傳譯涵蓋了機器學習服務的語音識別、翻譯、語音合成等核心技術，首先把輸入的實時語音轉換成文字，然後再把文 ...
  • Android系統中有哪些日誌信息和工具
    Android系統日誌和工具 我們經常需要查看設備裡面的各種日誌信息。所以有必要瞭解android系統裡面有哪些日誌，以及用什麼方式可以提取這些日誌。以我手頭的紅米note4xplus為例，其基本配置為高通msm8953,android7.0。我們可以看一下根文件系統： mido:/ # ls ac ...
  • JQ 實現對比兩個文本的差異並高亮顯示差異部分
    利用jq對比兩段文本的差異，差異的內容用不同顏色表示出來。 線上參考demo：http://incaseofstairs.com/jsdiff/ 項目地址：https://github.com/kpdecker/jsdiff 先上效果圖： 左側第一列是原稿，第二列是需要對比稿，第三列是對比後的結果。 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類