婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > HTML5語義化元素你真的用對了嗎

HTML5語義化元素你真的用對了嗎

熱門標簽:欣鼎電銷機器人 效果 惡搞電話機器人 智能電銷機器人被禁用了么 黃石ai電銷機器人呼叫中心 電話機器人技術 如何查看地圖標注 高德地圖標注商戶怎么標 ok電銷機器人 地圖標注軟件打印出來

HTML5語義元素

語義學是研究語言中單詞和短語的含義。語義元素=具有意義的元素。 語義元素清楚地描述了它對瀏覽器和開發(fā)人員的意義。 非語義元素的示例:<div>和<span>- 對其內容一無所知。 語義元素的示例:<form>,<table>和<article>- 清楚地定義其內容。 所有現(xiàn)代瀏覽器都支持HTML5語義元素。

HTML5新語義元素

許多網(wǎng)站都包含HTML代碼,例如:<div id ="nav"> <div class ="header"> <div id ="footer"> 以指示導航,頁眉和頁腳。 HTML5提供了新的語義元素來定義網(wǎng)頁的不同部分:

<article>
<aside>
<details>
<figcaption>
<figure>
<footer>
<header>
<main>
<mark>
<nav>
<section>
<summary>
<time>

HTML5 <section>元素

<section>元素定義了一個文檔中的一個部分。 根據(jù)W3C的HTML5文檔:“一個部分是內容的主題分組,通常帶有標題。” 主頁通常可以分為幾個部分,用于介紹,內容和聯(lián)系信息。

<!DOCTYPE html>
     <html>
     <body>
     <section>
       <h1>Java</h1>
       <p>Java是一種廣泛使用的計算機編程語言,擁有跨平臺、面向對象、泛型編程的特性,廣泛應用于企業(yè)級Web應用開發(fā)和移動應用開發(fā)。</p>
     </section>
     <section>
       <h1>PHP</h1>
       <p>PHP(全稱:PHP:Hypertext Preprocessor,即“PHP:超文本預處理器”)是一種開源的通用計算機腳本語言,尤其適用于網(wǎng)絡開發(fā)并可嵌入HTML中使用。</p>
     </section>
     </body>
     </html>

HTML5 <article>元素

<article>元素指定獨立的包含內容。 一篇文章本身應該有意義,應該可以從網(wǎng)站的其他部分獨立閱讀。 <article>可以使用元素的示例:

<!DOCTYPE html>
       <html>
       <body>
       <article>
         <h1>Java</h1>
         <p>Java是一種廣泛使用的計算機編程語言,擁有跨平臺、面向對象、泛型編程的特性,廣泛應用于企業(yè)級Web應用開發(fā)和移動應用開發(fā)。</p>
       </article>
       </body>
       </html>

HTML5 <header>元素

<header>元素指定為一個文件或部分標題。 <header>元素應該用作介紹性內容的容器。 您可以在一個<header>中包含多個元素。 以下示例定義文章的標題:

<!DOCTYPE html>
       <html>
       <body>
       <article>
         <header>
           <h1>Java</h1>
           <p>Java是什么:</p>
         </header>
         <p>Java是一種廣泛使用的計算機編程語言,擁有跨平臺、面向對象、泛型編程的特性,廣泛應用于企業(yè)級Web應用開發(fā)和移動應用開發(fā)。</p>
       </article>
       </body>
       </html>

HTML5 <footer>元素

<footer>元素指定為一個文件或部分頁腳。 <footer>元件應包含有關它的包含單元信息。 頁腳通常包含文檔的作者,版權信息,使用條款的鏈接,聯(lián)系信息等。 您可在一個<footer>中有多個元素。

<!DOCTYPE html>
       <html>
       <body>
       <footer>
         <p>版權所有</p>
         <p>聯(lián)系信息: <a href="mailto:someone@example.com">
         someone@example.com</a>.</p>
       </footer>
       </body>
       </html>

 

HTML5 <nav>元素

<nav>元素定義了一組導航鏈接。

<!DOCTYPE html>
       <html>
       <body>
       <nav>
         <a href="#">Java</a> |
         <a href="#">CSS</a> |
         <a href="#">HTML</a> |
         <a href="#">jQuery</a>
       </nav>
       </body>
       </html>

HTML5 <aside>元素

<aside>元件從它被放置在(如側欄)的內容定義了一些內容。 <aside>內容應是周圍的內容。

 

<!DOCTYPE html>
       <html>
       <body>
       <p>Java是一種廣泛使用的計算機編程語言,擁有跨平臺、面向對象、泛型編程的特性,廣泛應用于企業(yè)級Web應用開發(fā)和移動應用開發(fā)。</p>
       <aside>
         <h4>PHP</h4>
         <p>PHP是世界上最好的語言。</p>
       </aside>
       </body>
       </html>

總結

以上所述是小編給大家介紹的HTML5語義化元素你真的用對了嗎,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉載,煩請注明出處,謝謝!

標簽:盤錦 阿壩 金昌 赤峰 中山 綏化 聊城 萍鄉(xiāng)

巨人網(wǎng)絡通訊聲明:本文標題《HTML5語義化元素你真的用對了嗎》,本文關鍵詞  HTML5,語義,化,元素,你,真的,;如發(fā)現(xiàn)本文內容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《HTML5語義化元素你真的用對了嗎》相關的同類信息!
  • 本頁收集關于HTML5語義化元素你真的用對了嗎的相關信息資訊供網(wǎng)民參考!
  • 推薦文章
    主站蜘蛛池模板: 伊宁市| 疏附县| 宕昌县| 无棣县| 军事| 浦北县| 泽库县| 大英县| 营口市| 封丘县| 绥化市| 长春市| 东方市| 临安市| 南皮县| 定结县| 行唐县| 白银市| 广灵县| 金坛市| 孙吴县| 六盘水市| 收藏| 四会市| 广平县| 昌图县| 沾益县| 秦皇岛市| 五华县| 大洼县| 秭归县| 大荔县| 丘北县| 江阴市| 敦煌市| 上犹县| 兴城市| 新丰县| 耿马| 太康县| 营口市|