视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
HTML基本结构介绍
2020-11-27 15:34:16 责编:小采
文档


前面的话

??一个完整的http://www.gxlcms.com/code/425.html" target="_blank">HTML文档必须包含3个部分:文档声明、文档头部和文档主体。而正是它们构成了HTML的骨架结构。前面已经分别介绍过文档声明和文档头部,本文将详细介绍构成HTML骨架结构的基础元素

HTML

??<html>元素代表HTML文档的根(root),其他所有元素都是该元素的后代。<html></html>标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体。文档的头部由<head>标签定义,而主体由<body>标签定义

HEAD

??<head>标签用于定义文档的头部,它是所有头部元素的容器。;<head>大部分不可见,描述了文档的一些基本的属性和信息(可以呈现的是title和icon)。<head>元素下的子元素主要包括<meta><title><base><link><style><script>这六个元素

??<title>定义文档的标题,它是head部分中唯一必需的元素

??如果在文档中忽略了<head>标签,则大部分浏览器会自动创建一个<head>元素

??关于文档头部的更多信息移步至此

BODY

??<body>表示的是HTML文档的主体内容,任何一个HTML文档,只允许存在一个<body>元素

【默认样式】

chrome/firefox/safari/IE8+
 margin:8px;
IE7-
 margin:15px 10px;

结构

??在sublime编辑器中,输入!,再按住Tab键,就可以生成一个基本的HTML结构,结构如下

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Document</title>
</head>
<body>
</body>
</html>

??在实际中,文档的头部结构常常需要承载一些常用的功能,所以HTML结构较复杂,结构如下

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8"/>
 <title>Document</title>
 <meta name="keywords" content=""/>
 <meta name="description" content=""/>
 <meta name="viewport" content="width=device-width"/>
 <link rel="stylesheet" href="5/style.css"/>
 <link rel="shortcut icon" href="ico.ico"/>
</head>
<body>
</body>
</html>

下载本文
显示全文
专题