02.Web大前端時代之:HTML5+CSS3入門系列~H5結構元素

来源:http://www.cnblogs.com/dunitian/archive/2016/01/12/5123741.html
-Advertisement-
Play Games

Web大前端時代之:HTML5+CSS3入門系列:http://www.cnblogs.com/dunitian/p/5121725.html1.結構元素 可以理解為語義話標記,比如:以前這麼寫 現在偷懶寫: 1.header頭部區域,包含對主頁的介紹 標簽定義文檔的頁眉(介紹信息) 2.nav導....


Web大前端時代之:HTML5+CSS3入門系列:http://www.cnblogs.com/dunitian/p/5121725.html

1.結構元素

可以理解為語義話標記,比如:以前這麼寫<div id="nav"></div> 現在偷懶寫:<nav></nav>

1.header頭部區域,包含對主頁的介紹

<header> 標簽定義文檔的頁眉(介紹信息)

 

2.nav導航系列 <nav> 標簽定義導航鏈接的部分。

 

3.section一塊區域

 

<section> 標簽定義文檔中的節(section、區段)。比如章節、頁眉、頁腳或文檔中的其他部分

 

 

4.article文章內容或者主體內容 內容可以是來自一個外部的新聞提供者的一篇新的文章,或者來自 blog 的文本,或者是來自論壇的文本。亦或是來自其他外部源內容。

 

 

5.aside相關內容 <aside> 標簽定義 article 以外的內容。aside 的內容應該與 article 的內容相關

 

 

6.footer腳部區域

<footer> 標簽定義文檔或節的頁腳。<footer> 元素應當含有其包含元素的信息。頁腳通常包含文檔的作者、版權信息、使用條款鏈接、聯繫信息等等。您可以在一個文檔中使用多個 <footer> 元素。

 

 

簡單框架搭建:

草圖:

補充說明:

 

header裡面的h4,提示信息

 

 

Article裡面的footer

 

 

大綱:


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

-Advertisement-
Play Games
更多相關文章
  • 理解什麼是繼承首先我們知道,面對對象有三大特征:封裝:解決了數據的安全性問題繼承:解決了代碼的重用問題多態:解決了程式的擴展問題上一篇博客中,我們瞭解了一下封裝,現在我了再來看看什麼是繼承。在現實生活中,我們可以把封裝理解成兒子對父親財產的繼承。而在面向對象程式設計中的繼承,是一個對象從另一個對象獲...
  • 在以前的博客裡面,我們介紹了在java領域中大部分的知識點,從最基礎的java最基本語法到SSH框架。這裡面應該包含了在java領域裡面的大部分內容了吧。但是,那些知識點是讓我們從一個應用的層面上瞭解了java,java程式真正底層的運行機制和一些底層虛擬機的工作我們還不瞭解,雖然這些內容在我們真正...
  • 避免使用終結方法(finalizer)終結方法(finalizer)通常是不可預測的,也是很危險的,一般情況下是不必要的。不要把finalizer當成C++中析構函數的對應物。java中,當對象不可達時(即沒有引用指向這個對象時),會由垃圾回收器來回收與該對象相關聯的記憶體資源;而其他的記憶體資源,則一...
  • 題目來源自http://acm.nyist.net/JudgeOnline/problem.php?pid=7描述一個街區有很多住戶,街區的街道只能為東西、南北兩種方向。住戶只可以沿著街道行走。各個街道之間的間隔相等。用(x,y)來表示住戶坐在的街區。例如(4,20),表示用戶在東西方向第4個街道,...
  • 在前面介紹了三篇關於MongoDB資料庫的開發使用文章,嚴格來講這個不能歸類於MongoDB資料庫開發,不過Redis又有著和MongoDB資料庫非常密切的關係,它們兩者很接近,Redis主要是記憶體中的NoSQL資料庫,用來提高性能的;MongoDB資料庫則是文件中的NoSQL資料庫,做數據序列號存...
  • 1.概述 隨著互聯網的發展,尤其是電子商務的發展,信息化系統越來顯得越重要。在互聯網飛速發展的今天,各種網站,軟體系統應用而生,特別是隨著近幾年電子商務的發展,很多企業慢慢開始做大,管理方面暴露了好多問題,得不到及時解決, 市場上現行的ERP軟體都是針對傳統行業的,而且每個企業的需求不同,不同...
  • 如果想手機掃描用pc版網站生成的二維碼跳轉到對應的手機版的話,請在pc端的首頁的標簽裡面加入下麵內容://必要的js文件連接 //紅色為跳轉後的網站URL
  • MVC:Mode(模型)、View(視圖)、Controller(控制器)在伺服器接收到請求(Request)時,路由(Routing)定義了應該調用的控制器,以及應該調用的控制器動作。控制器(Controller)負責返回結果。它可以使用一個模型來完成工作,並最終返回一個視圖引擎(ViewEngi...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 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 ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...