HTML文档结构

分手后的思念是犯贱 2022-11-18 04:54 136阅读 0赞

## 一、HTML是什么 ##

HTML（Hyper Text Markup Language）指的是超文本标记语言，是用来描述网页的语言。

web浏览器的作用是读取html文档，并以网页的形式显示出他们。浏览器不会显示html标签，而是使用标签来解释页面内容。

## 二、HTML标签 ##

*  HTML标签是由尖括号包裹的关键词
 *  HTML标签通常是成对出现的
 *  标签对中的第一个标签是开始标签，第二个标签是结束标签
 *  开始和结束标签也被称为开放标签和闭合标签

## 三、HTML结构 ##

HTML文档的基本结构如下：

1）文档类型声明

2）html标签对

3）head标签对

4）body标签对

### 3.1 文档类型声明（Document Type Declaration,DTD） ###

文档类型声明应放置于HTML文档的开头，作用是告知浏览器页面是遵循哪种标记语言的编写，需要使用哪种解析模式解析。

#### 3.1.1 浏览器解析模式 ####

在W3C标准出台以前，浏览器在对页面的渲染上没有统一规范，产生了差异；由于W3C标准的推出，浏览器渲染页面有了统一的标准。

W3C标准推出以后，浏览器都开始采纳新标准，但存在一个问题就是如何保证旧的网页还能继续浏览，在标准出来以前，很多页面都是根据旧的渲染方法编写的，如果用的标准来渲染，将导致页面显示异常。为保持浏览器渲染的兼容性，使以前的页面能够正常浏览，浏览器都保留了旧的渲染方法（如：微软的IE）。这样浏览器渲染上就产生了怪异模式（Quircks mode）和标准模式（Standars mode），两种渲染方法共存在一个浏览器上

浏览器会通过识别DTD而采用相应的渲染模式：

>  *  标准模式：<!doctype>声明的文档
>  *  怪异模式：非<!doctype>声明的文档

### 3.2 html标签对 ###

<html>开始标签位于HTML文档类型声明后的最前面，用来标识HNTL文档的开始；

</html>标签位于HTML文档的最后面，用来标识HTML文档的结束

这两个标签成对存在，该标签有两个属性dir和lang。

dir是用来指定浏览器用什么方向来显示元素中的文本，该属性有两个值LTR和RTL，前者规定文本从左到右显示，后者与之相反。<html>标签默认dir=“LTR”，一般不需要声明，省略即可。lang属性用来指明文档内容或者某个元素内容使用的语言，理想情况下，浏览器可以使用lang属性将文本更好的显示给用户。

### 3.3 head标签对 ###

<head>标签包含有关HTML文档的信息，可以包含一些辅助性标签，如<style></meta></link></base>

head元素有个profile属性，该属性提供了与当前文档相关联的配置文件的URL。

### 3.4 body标签对 ###

标签是HTML文档的主体，在此标签内包含众多标签。

## 四、head中的meta标签 ##

未完待续…

发表评论取消回复

表情：

评论列表（有 0 条评论，136人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML 文档结构

欢迎来到编码世界。“我从哪里开始？”，许多初学者在开始编码时都会遇到的问题。这通常由“Hello World!”回答。细绳。无论用于实现关键的Hello World步骤的框架是

蔚落/ 2024年03月17日 09:50/ 0 赞/ 8 阅读

相关 HTML的文档结构

HTML的文档结构单独使用HTML元素并没有意义，它们需要结合起来，才能形成完整的网页界面。 ![在这里插入图片描述][f785b403ba004eb9817486

悠悠/ 2023年09月24日 23:21/ 0 赞/ 74 阅读

相关 HTML基础知识1-HTML文档的结构

一、HTML是什么？ 1、总的来说：HTML指的是超文本标记语言（全称Hypertext Markup Language, HTML） 2.HTML并不是一种传统的编

深藏阁楼爱情的钟/ 2022年12月21日 09:24/ 0 赞/ 125 阅读

相关 HTML文档结构

一、HTML是什么 HTML（Hyper Text Markup Language）指的是超文本标记语言，是用来描述网页的语言。 web浏览器的作用是读取html文档，

分手后的思念是犯贱/ 2022年11月18日 04:54/ 0 赞/ 137 阅读

相关 html位置发生变化监听,html监听 --- 监听html文档结构变化

/\config属性 childList：子元素的变动 attributes：属性的变动 characterData：节点内容或节点文本的变动 subtree：所有下属

快来打我*/ 2022年10月06日 11:45/ 0 赞/ 241 阅读

相关 html 显示doc文档,HTML 文档对象.doc

HTML DOM HTML DOM 教程 HTML DOM 定义了访问和操作HTML文档的标准方法。 HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结

柔光的暖阳◎/ 2022年10月06日 05:47/ 0 赞/ 167 阅读

相关 HTML5中文档结构相关元素

<html> <head> <title>文档结构元素</title> </head> <bod

﹏ヽ暗。殇╰゛Y/ 2022年08月22日 13:25/ 0 赞/ 143 阅读

相关 HTML5文档结构代码

<!DOCTYPE html>  <html lang="en">

谁借莪１个温暖的怀抱￠/ 2022年07月03日 14:28/ 0 赞/ 204 阅读

相关 HTML5-从0开始学习之HTML文档结构

首先我使用的代码编译器是VS code，一键生成HTML文档格式后如图 <!DOCTYPE html> <html lang="en"> <head>

﹏ヽ暗。殇╰゛Y/ 2022年05月11日 10:50/ 0 赞/ 188 阅读

相关 HTML5标准学习 - 文档结构

说起HTML的结构，很多人都能说得头头是道，一般来说答案可能是这样的： > 一个DOCTYPE，一个html，里面有head和body元素。这当然不能说是不正确的，但是如

比眉伴天荒/ 2022年01月09日 07:11/ 0 赞/ 176 阅读