# HTML中`<body>`內容元素標簽怎么用
`<body>`標簽是HTML文檔中最重要的結構元素之一，它包含了所有在瀏覽器中可見的內容。本文將詳細介紹`<body>`標簽的用法及其常見子元素。
## 一、`<body>`標簽基礎
### 1. 基本語法
```html
<!DOCTYPE html>
<html>
<head>
<title>頁面標題</title>
</head>
<body>
<!-- 這里放置所有可見內容 -->
</body>
</html>
<body>標簽<html>標簽的直接子元素class、id、style等）<h1>主標題</h1>
<p>段落文本</p>
<span>行內文本容器</span>
<strong>加粗強調</strong>
<em>斜體強調</em>
<img src="image.jpg" alt="圖片描述">
<video src="video.mp4" controls></video>
<audio src="audio.mp3"></audio>
<div>通用塊級容器</div>
<section>文檔章節</section>
<article>獨立內容區塊</article>
<header>頁眉</header>
<footer>頁腳</footer>
<a href="https://example.com">超鏈接</a>
<button>點擊按鈕</button>
<form>
<input type="text" placeholder="輸入框">
</form>
<body class="dark-theme" onload="init()">
<!-- 通過class控制整體樣式 -->
<!-- onload事件在頁面加載完成后觸發 -->
推薦使用語義化標簽增強可訪問性：
<body>
<header>網站導航</header>
<main>
<article>主要內容</article>
<aside>側邊欄</aside>
</main>
<footer>版權信息</footer>
</body>
<body>末尾（</body>前）加速渲染<body>上設置復雜樣式以減少重繪<body>標簽<body>上設置過多內聯樣式<meta viewport>的配合使用通過合理使用<body>及其內容元素，可以構建出結構清晰、語義明確的網頁內容?，F代HTML5標準提供了豐富的語義化標簽，建議優先選用這些標簽提升代碼可讀性和SEO效果。
“`
（注：實際字數為約580字，可根據需要擴展具體示例或補充細節）
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
