元素的层次结构和HTML文档结构
2018-04-15 20:20 ma19990922 阅读(697) 评论(0) 编辑 收藏 举报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元素中可以包含大量的其他元素，定义文档的内容结构
