元素的层次结构和HTML文档结构
1.?HTML元素是HTML文檔的重要組成部分,一個HTML文檔由大量的元素組成 HTML中的所有內容結構,都是靠元素組織到頁面中的
2.?HTML元素由起始標記 屬性 元素內容 結束標記組成 書寫格式:**<起始標記 屬性>元素內容<結束標記>**; 屬性表示元素的額外信息;屬性由屬性名和屬性值組成,書寫格式:**屬性名=“屬性值”**
起始標記,元素,結束標記內容共同決定了一個元素的顯示內容和行為,形成嵌套的層次結構 ;??但兩個元素之間不能相互嵌套 ; 元素嵌套會產生一個樹狀的層次結構
>??若A元素**直接**包含B 則A為B的父元素,B為A的子元素
>??若兩個元素有同一個父元素,它們互為兄弟元素
>??若A直接或間接包含B 則A是B的祖先元素,B是A的后代元素
?1.文檔聲明(文檔類型定義):既不是元素,也不是注釋,它總是出現在HTML代碼的第一行?
書寫代碼為:><!DOCTYPE html>
用于通知瀏覽器,目前的文檔正使用哪一個HTML版本(使用HTML5版本)
若不寫文檔聲明,瀏覽器渲染頁面時會進入怪異模式
2.?html元素又叫跟標記,根元素,它是所有其他元素的祖先元素
相關屬性:lang
該屬性指定文檔中的文字是用何種自然語言書寫的
該屬性可能會影響瀏覽器的語言閱讀和翻譯行為
???????<html lang="en"></html>該文檔使用英語書寫
???????<html lang="zh-cmn-Hans"></html>使用簡體中文書寫
3.head元素又叫做文檔頭,它是html元素的第一個元素 文檔頭中可以包含一些其他元素,用于描述頁面的附加信息*注意!head元素中的內容不會顯示到頁面上*
head元素通常包括??< title>和< meta>
?< title>標識文檔標題,該標題會顯示在瀏覽器的標題欄或者是標簽頁上
?< meta>標識頁面的其他元數據(頁面相關的附加信息),這是一個空元素
????示例:< meta charset="UTF-8">
????指示瀏覽器,使用字符編碼集UTF-8解析頁面
**為獲得更好的地域兼容性,避免代碼,應將字符編碼集設置為UTF-8并且將該代碼作為head的第一個子元素**
4.body元素(文檔體)
a.文檔體,網頁中所有的可見內容都放置在該元素內
b.body元素中可以包含大量的其他元素,定義文檔的內容結構
轉載于:https://www.cnblogs.com/maxinyu/p/8849284.html
總結
以上是生活随笔為你收集整理的元素的层次结构和HTML文档结构的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 俄罗斯的武器装备良好?
- 下一篇: Redis的基本操作以及info命令