整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          7.HTML中的列表、引用和代碼的使用

          HTML中,列表、引用和代碼是常用的結構,它們有助于組織內容,突出顯示特定信息,并提高網頁的可讀性和功能性。本文將詳細介紹這些元素的使用方法和實例。

          列表(Lists)

          列表是組織項目或信息點的一種方式。在HTML中,有兩種主要類型的列表:有序列表和無序列表。

          有序列表(Ordered Lists)

          有序列表使用<ol>標簽創建,列表中的每個項目使用<li>(列表項)標簽標記。有序列表通常用于表示有特定順序的步驟或排名。

          使用實例:

          <ol>
            <li>開啟電腦。</li>
            <li>打開瀏覽器。</li>
            <li>訪問網站。</li>
          </ol>
          

          在這個例子中,步驟按照順序排列,用戶應該按照列表的順序執行。

          無序列表(Unordered Lists)

          無序列表使用<ul>標簽創建,同樣使用<li>標簽來定義列表項。無序列表適用于沒有特定順序要求的項目列表。

          使用實例:

          <ul>
            <li>蘋果</li>
            <li>香蕉</li>
            <li>橘子</li>
          </ul>
          

          這個例子中的水果列表沒有特定的順序要求。

          引用(Blockquotes)

          引用用于表示頁面上的文本是從其他來源引用的。在HTML中,<blockquote>標簽用于定義長引用,而<q>標簽用于定義短引用。

          長引用

          長引用通常用于引用段落長度的文本。它通常會縮進,并且可以包含引用的來源信息。

          使用實例:

          <blockquote cite="http://example.com/quote-source">
            <p>這是一個長引用的實例,通常用于引用段落文本。引用的文本應該保持原作的語境和意義。</p>
            <footer>— 引用自 <cite>《引用來源的書名》</cite></footer>
          </blockquote>
          

          短引用

          短引用用于行內文本,它通常不會改變文本的布局。

          使用實例:

          <p>正如某人所說:<q>知識就是力量。</q></p>
          

          代碼(Code)

          在網頁中展示代碼片段時,HTML提供了<code>標簽用于標記代碼。對于多行代碼或需要保持格式的代碼,可以使用<pre>標簽。

          單行代碼

          單行代碼用于展示簡短的代碼或命令。

          使用實例:

          <p>要添加一個段落,你可以使用<code><p>...</p></code>標簽。</p>
          

          多行代碼

          多行代碼或需要保持原始格式的代碼使用<pre>和<code>標簽組合使用。

          使用實例:

          <pre><code>function greet(name) {
            return 'Hello, ' + name + '!';
          }</code></pre>
          

          在這個例子中,<pre>標簽保持了代碼的格式,而<code>標簽表示文本是代碼。

          結論

          HTML中的列表、引用和代碼是構建清晰、有組織的網頁內容的重要工具。列表幫助用戶理解信息的結構,引用增加了內容的可信度,而代碼的正確展示對于教學和技術文章來說至關重要。通過熟練運用這些元素,你可以提高網頁的專業性,使內容對用戶更加友好和易于理解。

          外媒BleepingComputer報道,來自Wire 的安全研究員Sabri Haddouche已經找到了一種可攻擊iOS 和macOS系統的新方法,能夠在很短的時間內耗盡蘋果設備的所有圖形資源,從而導致設備崩潰或系統重啟。

          從Sabri Haddouche發布的信息來看,這種新的攻擊方法涉及到在網頁中嵌入特制的CSS和HTML代碼。當蘋果設備用戶訪問這些網頁時,iOS系統就可能會出現重啟,macOS系統出現卡頓的情況。

          Sabri Haddouche表示,根據iOS版本的不同,攻擊的結果也會有所不同。例如,他在針對iOS 12進行測試時,攻擊最終導致了內核崩潰以及設備重啟,而在iOS 11.4.1上,攻擊只觸發了UI重啟。

          根據的描述,這種攻擊利用了“-webkit-backdrop-filter CSS”屬性中的一個漏洞,因此,它會影響到iOS上所有使用WebKit渲染引擎的瀏覽器和支持HTML的應用程序。另外,這個漏洞也會影響到macOS上的Safari和Mail。

          Sabri Haddouche解釋說,針對macOS系統實施攻擊,會導致Safari和Mail凍結一秒鐘,然后Mac就會出現卡頓。不過,只要關閉Safari選項卡,攻擊就會中斷。

          為了說明這種攻擊,BleepingComputer的Lawrence Abrams錄制并發布了一段視頻,用于演示當我們使用運行iOS 11.4.1的iPhone訪問由Sabri Haddouche在Github上創建的一個測試頁面時會發生些什么。從視頻內容來看,一旦訪問了該頁面,iOS SpringBoard就會迅速崩潰并重新啟動。

          除此之外,Sabri Haddouche還找到了另一種使用HTML、CSS和JavaScript來完全凍結macOS系統的攻擊方法。不過,他目前并沒有透露有關該方法的具體信息,因為這個問題即使是在設備重啟之后仍然存在。具體來說,macOS在重啟之后會自行打開Safari并訪問惡意網頁,導致系統再次被凍結。

          最后給大家帶來一個壞消息,盡管Sabri Haddouche已經就他的發現通知了蘋果公司,但到目前為止這種攻擊還沒有對應的破解方法。

          本文由 黑客視界 綜合網絡整理,圖片源自網絡;轉載請注明“轉自黑客視界”,并附上鏈接。


          是一個瀏覽器(Chorm)插件,當打開藍湖網站時,可識別出藍湖生成的html代碼并顯示插件面板,可生成iOS,Android,Swift,Flutter代碼,非常方便


          效果請看下方GIF


          藍湖谷歌插件


          如何下載插件


          路徑1:GitHub地址:搜索LanHuExportPlugIn

          開源地址2:CSDN上搜索:"字符串碼農"

          因為不允許放鏈接,所以需要自行搜索


          如何安裝插件


          請搜索: 瀏覽器插件怎么安裝-瀏覽器插件安裝教程


          或者看下方GIF


          如何安裝谷歌插件

          編輯


          代碼已開源,如果生成的代碼不符合您平時寫的習慣,可自行修改代碼模板,修改完后保存即可生效,不需要重新編譯

          插件不包含任何請求,確保您的數據安全,代碼已開源,找不到任何網絡請求

          此項目純粹抱著開源精神,我將繼續維護下去


          如果大家不習慣谷歌插件不過插件版更方便快捷,可下載離線版藍湖代碼生成器,鏈接如下

          開源地址1:Github上搜索:LanHuExport

          開源地址2:CSDN上搜索:"字符串碼農"

          因為不允許放鏈接,所以需要自行搜索


          現在開始流行Figma,MasterGo,那么這個插件該如何使用呢?

          https://www.toutiao.com/article/7176921693200433702/


          后期將會努力實現的功能:

          1.布局方式不局限于絕對布局,而是控件間相對布局

          2.支持在界面上修改模板和自定義模板,支持更多屬性

          3.支持全部網頁,不局限于藍湖,這樣大家遇到喜歡的h5界面,想參考別人的界面布局,就可以生成可參考的代碼


          主站蜘蛛池模板: 日韩AV无码一区二区三区不卡 | 无码人妻视频一区二区三区 | 国产精品99无码一区二区| 久久亚洲日韩精品一区二区三区| 国产成人一区二区精品非洲| 色噜噜狠狠一区二区三区| 成人午夜视频精品一区| 日韩精品一区二区三区中文字幕| 精品国产一区二区三区不卡| 亚洲av午夜福利精品一区人妖| 99久久精品国产高清一区二区| 一区二区高清在线| 国产嫖妓一区二区三区无码| 国产成人久久一区二区不卡三区| 久久久精品人妻一区二区三区蜜桃 | 亚洲av日韩综合一区久热| 91在线精品亚洲一区二区| 久久高清一区二区三区| 国产剧情国产精品一区| 中文字幕人妻丝袜乱一区三区 | www亚洲精品少妇裸乳一区二区| 日本一区二区三区在线看| 鲁丝丝国产一区二区| 国产一区二区三区露脸| 动漫精品专区一区二区三区不卡| 精品91一区二区三区| 国产精品被窝福利一区 | 日韩精品国产一区| 美女视频一区二区| 亚洲毛片不卡av在线播放一区| 亚洲国产精品一区二区第四页| 一区二区三区伦理高清| 精品一区二区无码AV| 亚洲一区二区三区自拍公司| 久久国产精品亚洲一区二区| 久久婷婷久久一区二区三区| 精品无人区一区二区三区 | 国产成人精品无人区一区| 久久精品中文字幕一区| 日韩电影一区二区| 99国产精品欧美一区二区三区|