整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
-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元素，例如：
html語義化的優點
HTML中，框架和iframe都是用于在一個頁面中嵌入另一個頁面的方式。它們具有不同的使用方法和特點，請參考以下詳細介紹。
框架是一種比較古老的技術，它可以將一個網頁分割為多個窗口（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開發中使用。
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>標簽來實現。
音頻可以用來播放音樂、語音等各種音頻效果。可以使用<audio>標簽來創建音頻播放器，并通過src屬性指定要播放的音頻文件鏈接。例如：
<audio src="music.mp3" controls></audio>
上面的示例代碼中，定義了一個音頻播放器，通過src屬性指定了要播放的音頻文件名為"music.mp3"。controls屬性可以讓瀏覽器自動添加播放控件，包括播放/暫停、音量調節、快進/快退等。
視頻可以用于播放各種視頻內容，例如電影、短片、教學視頻等。可以使用<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這樣的屬性，讓它也在一行上排列。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
