前端系列课程(15)—HTML 文档结构

产品时间:2022-04-15 00:37

简要描述:

完整的 HTML 文档,主要包罗三个部门:文档声明、文档头部和文档主体,它们组成了 HTML 的骨架结构。------------------------------------------------------------------------在 Sublime 编辑器中,输入 !(英文叹号),然后按 Tab 键(自动补全),可直接生成一个基本的 HTML 结构。...

推荐产品
详细介绍
本文摘要:完整的 HTML 文档,主要包罗三个部门:文档声明、文档头部和文档主体,它们组成了 HTML 的骨架结构。------------------------------------------------------------------------在 Sublime 编辑器中,输入 !(英文叹号),然后按 Tab 键(自动补全),可直接生成一个基本的 HTML 结构。

泛亚电竞在线平台

完整的 HTML 文档,主要包罗三个部门:文档声明、文档头部和文档主体,它们组成了 HTML 的骨架结构。------------------------------------------------------------------------在 Sublime 编辑器中,输入 !(英文叹号),然后按 Tab 键(自动补全),可直接生成一个基本的 HTML 结构。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>标题</title> </head> <body></body></html>在实际中,文档头部经常需要承载一些常用的功效,所以,HTML 结构较庞大。

<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>标题</title> <link rel="shortcut icon" href="favicon.ico"/> <meta name="keywords" content="关键字"/> <meta name="description" content="页面形貌"/> <meta name="viewport" content="width=device-width"/> </head> <body></body></html>--------------------------------------------------------------------[ 文档声明 ] 首行、顶格、巨细写不敏感。严格来说,它不是 HTML 标签的一部门,而是一条声明语句,作用是告诉浏览器用哪个尺度来剖析这个文档。如果不写,浏览器可能就会用兼容模式等划定切合 HTML 尺度的模式(渲染模式?!)来剖析这份文档,造成显示错误。

泛亚电竞官方网站

HTML5 ,使用 <!DOCTYPE html>,之前的尺度不再使用。由于 HTML5 的文档类型兼容很好(向下兼容原则),所以,可以放心的使用 HTML5 的文档(类型)声明。

HTML5之前,如HTML4.01,文档声明有多种类型:严格(strict.dtd)、松散(loose.dtd)、框架(frameset.dtd)。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">[ 文档头部 ] 形貌了文档的一些基本属性和信息。

头部内容,除了 title 和 favicon 都不会作为真正的内容展现给用户。凭据 HTML 尺度,仅有{ 元数据和剧本?↓ }在头部是正当的:head title meta base link style script | noscript在 HTML 文档的头部声明字符编码 <meta charset="uft-8">,可以解决浏览器中泛起中文乱码的现象。[ 文档主体 ] 即,body 标签及其内里的内容,是用户真正可以在页面上看到的内容。

body,页面容器标签,每个 HTML 文档,只允许存在一个 body 元素。// 默认样式Chrome/Firefox/Safari/IE8+ margin:8px;IE7- magin:15px 10px;。


本文关键词:前端,系列,课程,—,HTML,文档,结构,完整,的,泛亚电竞在线平台,HTML

本文来源:泛亚电竞-www.txdtzd.com

产品咨询

留言框

  • 产品:

  • 您的单位:

  • 您的姓名:

  • 联系电话:

  • 详细地址:

  • 留言内容:

在线客服 联系方式 二维码

电话

0477-20953979

扫一扫,关注我们