前端-HTML5詳解

一、概述

HTML5是HTML的第五個版本，它對HTML進行了許多改進和擴展，使得網頁開發更加豐富和便利。HTML5是Web標準的重要組成部分，旨在提高瀏覽器兼容性，統一網頁開發標準。HTML5不僅包括了HTML的基本元素和標簽，還新增了許多功能和API，為網頁開發提供了更多的可能性。

二、基本用法

1、初步了解

HTML5的基本語法包括標簽的組成和關系。標簽由<、>、/、英文單詞或字母組成，其中<和>用于標識標簽的開始和結束，/用于標識結束標簽。HTML5中的標簽分為雙標簽和單標簽，雙標簽由開始標簽和結束標簽組成，例如

，單標簽則只有一個標簽。例如

2、基本骨架

HTML5的骨架通常包括,和三個標簽。其中HTML標簽是HTML文檔的根元素，標簽用于包含文檔的元數據，如字符集、標題、樣式表鏈接等，標簽則用于包含網頁的主體內容。

三、常用標簽

1、段落標簽

p標簽 ：

。P標簽定義HTML段落

2、鏈接標簽

a標簽：。a標簽 定義HTML鏈接，通過href屬性指定鏈接的目標地址。

3、圖像標簽

img標簽：<img src=“這里填圖片的路徑” alt=" 提供圖像無法顯示時的替代文本。 “> 。img標簽定義HTML圖像，通過src屬性指定圖像的文件路徑，通過alt屬性提供圖像無法顯示時的替代文本。

4、音頻標簽

video和audio標簽,. 用于在網頁中嵌入視頻和音頻內容，無需依賴第三方插件。

5、標題標簽

h1~h6標簽，表示1到6級標簽

一級標簽

二級標簽

三級標簽

四級標簽

五級標簽

六級標簽

6、語義化標簽

標簽	描述
	頭部標簽
	導航標簽
本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。 如若轉載，請注明出處：http://www.pswp.cn/bicheng/22277.shtml 繁體地址，請注明出處：http://hk.pswp.cn/bicheng/22277.shtml 英文地址，請注明出處：http://en.pswp.cn/bicheng/22277.shtml 如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！ 相關文章 前端js解析websocket推送的gzip壓縮json的Blob數據 主要依賴插件pako https://www.npmjs.com/package/pako 1、安裝 npm install pako 2、使用， pako.inflate(reader.result, {to: "string"}) 解壓后的string 對象，需要JSON.parse轉成json this.ws.onmessage (evt) > {console.log("… 閱讀更多... vue使用html2canvas截圖下載時，存在svg或者img時截圖不全的解決辦法 使用html2canvas進行div截圖時，存在svg和img的解決辦法 寫在前面：vue使用html2canvas截圖時，存在svg或者img時截圖時空白，或者不全解決辦法如下第一步，svg或者img先轉base64第二步，將轉換后的base64設置為新… 閱讀更多... 電源小白入門學習10——浪涌、防浪涌器件、浪涌保護芯片 浪涌、防浪涌器件、浪涌保護芯片 浪涌浪涌保護器件的分類與原理保險絲TVS二極管新防護電路 浪涌 浪涌，相信不少學習過電子的同學或多或少都通過這個詞，但是到底什么是浪涌呢，GPT給我的答案是這樣的： 浪涌，也稱為瞬態… 閱讀更多... 【雜記-IDS入侵檢測系統、IPS入侵防御系統】 一、IDS概述、分類 IDS概述 IDS，intrusion detection system，入侵檢測系統，其對網絡傳輸進行即時監視，在發現可疑傳輸時發出警報或者采取主動反應措施的網絡安全設備，是一種積極主動的安全防護技術。與防火墻不同的是… 閱讀更多... 【深度學習】【機器學習】支持向量機，網絡入侵檢測，KDD數據集 文章目錄 環境加載數據歸一化數據訓練模型用測試數據集給出評估指標準確率召回率預測某個輸入數據隨便取一行數據加載訓練好的SVM支持向量機模型并預測 全部數據和代碼下載 環境 之前介紹過用深度學習做入侵檢測，這篇用向量機。 環境Python3.10 requirements.txt… 閱讀更多... 【miniconda】安裝miniconda ☆ 問題描述 ubuntu環境下安裝miniconda ★ 解決方案 ubuntu環境下安裝miniconda 下載miniconda 包 miniconda官網地址：https://docs.conda.io/en/latest/miniconda.html 清華大學鏡像地址： https://mirrors.tuna.tsinghua.edu.cn/anaconda/minicon… 閱讀更多... 超級加速器鏈接促進會（UALink）能否打破英偉達的壟斷？ 近年來，人工智能（AI）技術的飛速發展催生了對高性能計算和數據中心互聯技術的巨大需求。然而，隨著市場的集中化，英偉達憑借其專有的NVLink和InfiniBand技術，幾乎壟斷了這一市場。這種局面引起了其他科技巨頭… 閱讀更多... Python的空格之謎：深度剖析空格在Python編程中的重要作用 Python的空格之謎：深度剖析空格在Python編程中的重要作用 在Python的世界里，空格并不僅僅是一個簡單的空白字符，它承載著編程語法和邏輯的重要使命。對于初學者來說，Python的空格規則可能是一個令人困惑的難題，但一旦… 閱讀更多... MFC實現子控件focus焦點上下移動父控件ListView和Gridview也跟著向上下移動 項目中要實現mfc功能，然后子空間焦點下移，LIstView和Gridview父空間不會下移，所以就有這個文章。廢話不多說直接上代碼。 MFCGridView.java import android.content.Context; import android.util.AttributeSet; import android.view.View;… 閱讀更多... 白酒：產地的釀酒歷史與文化遺產 云倉酒莊豪邁白酒作為中國釀酒工藝的品牌之一，其產地的釀酒歷史與文化遺產具有深遠的意義和價值。產地釀酒歷史悠久，代代相傳的釀酒技藝和與眾不同的文化傳統，構成了云倉酒莊豪邁白酒與眾不同的品質和風味。 據云倉酒莊豪邁介紹，中… 閱讀更多... 力扣----輪轉數組 題目鏈接：189. 輪轉數組 - 力扣（LeetCode） 思路一 我們可以在進行每次輪轉的時候，先將數組的最后一個數據的值存儲起來，接著將數組中前n-1個數據依次向后移，最后將存儲起來的值賦給數組中的第一個數據。 … 閱讀更多... Pixi繪制地圖和小車 之前已經用Pixi繪制出了各種圖形以及通過圖片繪制精靈，這節用pixi繪制網格地圖，并通過圖片制作一個Sprite，讓這個Sprite在網格地圖上運動。首先需要在頁面中添加一個div用來后期展示canvas的畫布，并將此div實例化為PIXI的Applicat… 閱讀更多... python繪制雙變量熱力等級圖 參考資料： https://github.com/mikhailsirenko/bivariate-choropleth/blob/main/bivariate-choropleth.ipynb Bivariate choropleth map using Plotly Matplotlib雙變量熱力等級圖 代碼： import pandas as pd import geopandas as gpd import numpy a… 閱讀更多... 企業轉型必上的監控系統智能管家大屏UI前端開發 企業轉型必上的監控系統智能管家大屏UI前端開發 閱讀更多... Istio安裝記錄 環境介紹 我使用的是k8s 1.23.3版本 istio使用的是istio-1.13.3-linux-amd64.tar.gz 把文件下載k8s集群下，解壓 tar -vzxf istio-1.13.3-linux-amd64.tar.gz然后設置環境變量 [rootmaster istio]# cat /etc/profile export ISTIO_HOME/root/istio-1.13.3 expor… 閱讀更多... 3067. 在帶權樹網絡中統計可連接服務器對數目 Medium 給你一棵無根帶權樹，樹中總共有 n 個節點，分別表示 n 個服務器，服務器從 0 到 n - 1 編號。同時給你一個數組 edges ，其中 edges[i] [ai, bi, weighti] 表示節點 ai 和 bi 之間有一條雙向邊，邊的權值為 weighti 。再給… 閱讀更多... Yolo-v5模型訓練速度，與GeForce的AI算力描述 1.GeForce RTX3070 Ti官網參數： GeForce RTXTM 3070 Ti 和 RTX 3070 顯卡采用第 2 代 NVIDIA RTX 架構 - NVIDIA Ampere 架構。該系列產品搭載專用的第 2 代 RT Core ，第 3 代 Tensor Core、全新的 SM 多單元流處理器以及高速顯存，助您在高性… 閱讀更多... 【網絡安全的神秘世界】MySQL 🌝博客主頁：泥菩薩 💖專欄：Linux探索之旅 | 網絡安全的神秘世界 | 專接本 MySQL MySQL 教程 | 菜鳥教程 (runoob.com) 什么是數據庫 數據庫（Database）是按照數據結構來組織、存儲和管理數據的倉庫 在do… 閱讀更多... 二手筆記本怎么買 用途： 1.給爹媽用來簡單辦公，只是用office基礎辦公軟件，無出差無游戲無畫圖需求。 預算： 1000以內 以下是電腦對比選項： 屏幕大小-> 目前市面上的尺寸對比，以A4紙說明，13.3寸14.1寸15.6… 閱讀更多... Camunda 7.x 系列【66】實戰篇之我發起的 有道無術，術尚可求，有術無道，止于術。 本系列Spring Boot 版本 2.7.9 本系列Camunda 版本 7.19.0 源碼地址：https://gitee.com/pearl-organization/camunda-study-demo 前后端基于若依：https://gitee.com/y_project/RuoYi-Vue 流程設計器基于RuoYi-flowable：https://gi… 閱讀更多... 最新文章 day55-驅動之系統移植II Zookeeper 客戶端 .net訪問框架 ZookeeperNetEx項目開發編譯 【學習筆記】因果推理導論第2課 VASP 教程：VASP 機器學習力場微調 Java+Vue開發的倉庫管理系統，實時監控庫存，精準統籌貨物出入與調配 【王陽明代數】熱門問答，什么是張量？ 差分壓縮算法（增量更新） Html5支持的視頻文件格式和音頻文件格式有哪些？ Copyright @ 2022~2023