整合營銷服務商

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

          免費咨詢熱線:

          標簽的相互嵌套規則是怎樣

          -html 嵌套規范注意點

          1-1塊級元素一般作為大容器,可以嵌套:文本,塊級元素,行內元素,行內塊元素等;但是,p標簽中不要嵌套div標簽,p,h,等塊級標簽;

          1-2-a標簽內可以嵌套任意元素,但是,a標簽不能嵌套a標簽;

          2-注意點

          2-1大標簽嵌套小標簽。是父子;

          2-2塊級嵌套行內

          p標簽不能嵌套嵌套h1~h6;

          h1~h6不能嵌套p標簽

          一個段落,一個是標題;

          3-1-1測試 p標簽不能嵌套div;代碼截圖:

          3-1-2 瀏覽器顯示:


          小結,右鍵檢查,顯示瀏覽器自動閉合了兩個p標簽,強制不準p標簽嵌套h1和div標簽;

          3-2-1 p標簽嵌套其他標簽,比如

          span,b,strong,i,em,s,del,u,ins,ins,small,big,sub,sup;

          3-2-2 測試代碼截圖:

          瀏覽器截圖:

          對比不嵌套圖片和代碼:

          小結,嵌套標簽后瀏覽器顯示正常,檢查圖如下;檢查后,未發現強制閉合標簽;

          4-1 測試a標簽,a標簽不能嵌套a標簽;

          代碼截圖:

          瀏覽器顯示和瀏覽器檢查截圖:

          小結,當a標簽嵌套a標簽后,顯示瀏覽器點擊檢查后,看到標簽被強制閉合,使其不能被嵌套;

          檢查顯示a標簽嵌套h1,div標簽時,顯示正常;

          4-2 測試a標簽嵌套其他標簽,代碼和瀏覽器顯示截圖;

          瀏覽器檢查截圖

          小結,瀏覽器顯示a標簽嵌套后,文本顯示正常,瀏覽器檢查正常,無強制閉合;

          a標簽嵌套標簽后,所有字體變成藍色,點擊后變色,并且,自帶下劃線;

          a標簽嵌套標簽后,不會自動換行,需要添加br換行進行對比參照。

          html高級特性 : 本篇文章主要講述,關于HTML語義化、框架和iframe、音頻和視頻相關的知識點,下面我們一起來學習了解吧


          html語義化

          html語義化是指在編寫html代碼時,使用具有語義意義的元素來描述網頁內容的結構、屬性和功能等。

          這種做法不僅可以使頁面結構更加清晰,易于維護, 而且能夠讓搜索引擎更好地理解頁面內容,提高頁面的可訪問性。

          以下是一些常用的html元素和它們的語義含義:

          • <header>:表示網頁或文章的標題、導航欄等主要內容。
          • <nav>:表示導航菜單欄。
          • <main>:表示頁面主體部分的內容,通常是一個單獨的區塊。
          • <section>:表示文檔中一個**的區域,通常包含一個頭部和一個相關內容的塊級元素。
          • <article>:表示即便被拆開閱讀,也能單獨存在或者被嵌入其他文檔的內容。
          • <aside>:表示頁面內容的附屬信息或服務,通常作為側邊欄。
          • <footer>:表示網頁尾部信息,如版權聲明、聯系方式等。



          除此之外,還有一些表達特定意義的html元素,例如:

          • <h1>-<h6>:表示標題,編號從1到6,其中<h1>是最高等級的標題。
          • <p>:表示段落
          • <em>:表示強調文本,將文本以斜體的形式展示。
          • <strong>:表示重要性文本,將文本以加粗的形式展示。
          • <time>:表示日期或時間
          • <figure>:表示一組相關聯的多媒體內容和它們的標題。 通過合理利用這些具有語義含義的html元素,我們可以更清楚地表達網頁內容的結構和意義。

          html語義化的優點

          1. 有利于seo:搜索引擎爬蟲可以更好地理解頁面結構,提高網站的排名。
          2. 提高可讀性:標簽的含義更清晰,能夠更容易地理解網頁結構。
          3. 方便開發維護:更具有可讀性和

          框架和iframe

          HTML中,框架和iframe都是用于在一個頁面中嵌入另一個頁面的方式。它們具有不同的使用方法和特點,請參考以下詳細介紹。

          1. 框架(frameset)

          框架是一種比較古老的技術,它可以將一個網頁分割為多個窗口(frame),每個窗口可以獨立加載不同的HTML文件。框架通常使用<frameset>和<frame>標簽來實現。例如:

          <!DOCTYPE html>
          <html>
          <head>
            <title>框架示例</title>
          </head>
          <frameset rows="20%,80%">
            <frame src="header.html">
            <frame src="content.html">
          </frameset>
          </html>
          

          上面的示例代碼中,使用了frameset標簽來定義分割窗口,并使用frame標簽指定每個窗口所要顯示的HTML文件。

          框架的優點是能夠快速刷新其中的一個局部,而不需要完整地重新加載整個頁面,從而提高用戶體驗。但是,由于框架的缺點也顯著——此技術已經過時,瀏覽器支持性較差,且容易造成網站的SEO問題,因此較少在現代Web開發中使用。

          1. iframe

          iframe是現代Web開發中常用的頁面嵌入技術。它可以將一個頁面嵌入到另一個頁面中的固定位置,以實現局部更新和交互。可以使用<iframe>標簽來創建iframe。例如:

          <!DOCTYPE html>
          <html>
          <head>
            <title>iframe示例</title>
          </head>
          <body>
            <h1>主頁</h1>
            <p>這是首頁內容。</p>
            <iframe src="news.html"></iframe>
          </body>
          </html>
          

          上面的示例代碼中,指定了一個iframe元素并將其src屬性設置為要嵌入的HTML文件鏈接。

          與框架相比,iframe具有更強大的可定制性、靈活性和兼容性,而且也不會對SEO造成負面影響。但是,可能存在與同源策略相關的安全問題,需要開發者進行考慮和防范。

          總之,在HTML中可使用框架和iframe用于在一個頁面中嵌入另一個頁面。但是,由于框架技術已經過時,較少使用;iframe則常見于現代Web開發中。需要根據實際需求進行選擇和應用。

          音頻和視頻

          HTML中,音頻和視頻是用來在網頁中嵌入音頻或視頻文件的標簽。它們分別使用<audio>標簽和<video>標簽來實現。

          1. 音頻(Audio)

          音頻可以用來播放音樂、語音等各種音頻效果。可以使用<audio>標簽來創建音頻播放器,并通過src屬性指定要播放的音頻文件鏈接。例如:

          <audio src="music.mp3" controls></audio>
          

          上面的示例代碼中,定義了一個音頻播放器,通過src屬性指定了要播放的音頻文件名為"music.mp3"。controls屬性可以讓瀏覽器自動添加播放控件,包括播放/暫停、音量調節、快進/快退等。

          1. (Video)

          視頻可以用于播放各種視頻內容,例如電影、短片、教學視頻等。可以使用<video>標簽來創建視頻播放器,并通過src屬性指定要播放的視頻文件鏈接。例如:

          <video src="movie.mp4" controls></video>
          

          上面的示例代碼中,定義了一個視頻播放器,通過src屬性指定了要播放的視頻文件名為"movie.mp4"。同樣,設置了controls屬性可以讓瀏覽器自動添加播放控件。

          在使用音頻和視頻時,可以設置多個屬性,包括:autoplay(自動播放)、loop(循環播放)、preload(預加載)、muted(關閉聲音),等等。要實現更復雜的功能,可以通過JavaScript來操作音頻和視頻標簽提供的API。

          總之,在HTML中可使用音頻和視頻標簽來嵌入音頻或視頻文件,并在網頁中進行播放、暫停等操作。具體使用方式和屬性設置根據需要進行選擇和調整。


          總結

          以上就是今天要講的內容,本文簡單介紹了HTML高級特性的知識點,更多內容可以查看THTML官方文檔

          如果覺得有用,歡迎明天再來,繼續合集的下一篇文章學習
          遇到問題,私信我!!~~


          eb前端基礎,Web前端教程

          塊元素又名塊級元素(blockelement),和其對應的是內聯元素(inlineelement),都是html規范中的概念。大多數HTML元素被定義為塊級元素或內聯元素。塊級元素在瀏覽器顯示時,通常會以新行來開始(和結束)。

          如果介紹HTML網頁基本標簽的嵌套規則,首先要說的就是元素的分類。元素可以劃分為塊級元素和行級元素,塊級元素是什么?它可以獨占一行,可以設置寬高度,默認是100%;行級元素與之相反,它的內容決定它的寬高度,至于特殊字符就當成是文字來看

            <!DOCTYPEhtml>

            <htmllang="en">

            <head>

            <metacharset="UTF-8">

            <metaname="viewport"content="width=device-width,initial-scale=1.0">

            <title>HTML塊級、行級元素,特殊字符,嵌套規則</title>

            </head>

            <body>

            <!--塊元素:獨占一行,可以設置寬高、默認寬度100%-->

            塊元素分為文字類和容器類

            文字類塊元素:p、h1——h6

            容器類塊元素:div、table、tr、td、frame、ul>li、ol、dl、dt、dd(序列)

            <!--行元素:不獨占一行,寬高度取決于內容-->

            行元素:aimginputstrongemdelspan

            特殊字符:文字br hr

            </body>

            </html>

          嵌套規則總結如下幾點:

          1.塊元素可以嵌套行元素2.行元素可以嵌套行元素3.行元素不可以嵌套塊元素4.文字類塊元素不可以嵌套塊元素5.容器類塊元素可以嵌套塊元素

          塊元素和內聯元素的基本差異是塊元素一般都從新行開始,相鄰的塊級元素將會在不同行顯示。而當加入了css控制以后,塊元素和內聯元素的這種屬性差異就不成為差異了。比如,我們完全可以把內聯元素加上display:block這樣的屬性,讓它也有每次都從新行開始的屬性,即成為塊元素同樣我們可以把塊元素加上display:inline這樣的屬性,讓它也在一行上排列。


          主站蜘蛛池模板: 亚洲综合一区二区精品导航| 亚洲Aⅴ无码一区二区二三区软件| 亚洲国产精品一区二区三区在线观看 | 国产一区二区在线观看app| 91在线看片一区国产| 久久综合九九亚洲一区| 中文无码AV一区二区三区| 在线免费视频一区| 蜜臀AV无码一区二区三区| 亚洲一区二区三区丝袜| 精品黑人一区二区三区| 久久无码AV一区二区三区| 久久久av波多野一区二区| 久久一区二区三区精品| 日韩内射美女人妻一区二区三区| 国产自产V一区二区三区C| 精品国产一区二区三区免费| 国产精品福利区一区二区三区四区| 麻豆一区二区三区蜜桃免费| 国产一区二区福利久久| 无码AⅤ精品一区二区三区| 无遮挡免费一区二区三区| 一区二区三区四区视频在线| 秋霞电影网一区二区三区| 精品无码人妻一区二区三区不卡| 精品一区二区无码AV| 综合久久一区二区三区| 国产免费一区二区三区在线观看| 曰韩精品无码一区二区三区| 久久青草精品一区二区三区| 久久精品亚洲一区二区三区浴池 | 国产亚洲综合一区柠檬导航 | 日韩一区二区三区精品| av无码一区二区三区| 国产精品伦一区二区三级视频| 国模吧一区二区三区| 精品国产一区二区三区四区| 国内精品一区二区三区在线观看| 国产一区二区三区不卡在线看| 精品乱子伦一区二区三区| 人妻无码第一区二区三区|