HTML学习笔记（一）———基本结构

最新推荐文章于 2024-01-23 16:55:53 发布

小鹅鹅鹅

最新推荐文章于 2024-01-23 16:55:53 发布

阅读量367

点赞数 1

分类专栏： HTML 文章标签： html 文档

本文链接：https://blog.csdn.net/ustl_lau/article/details/50644366

版权

HTML 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

一.html文档结构

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">  <!--文档类型声明-->
<html>             <!--html文档开始-->
<head>
<title>基本结构</title>  <!--文档标题-->
<meta http-equiv="content-type" content="text/html; charset=UTF-8">  <!--声明字符编码-->
<link rel="stylesheet" type="text/css" href="style/all.css">
</head>
<body>
<a href ="http://www.baidu.com">百度</a>  <!--超链接元素-->
</body>
</html>

二.文档结构解析

1.DOCTYPE（Document Type）
位于文档中最前面的位置，在html标签之前，告知浏览器使用那种HTML或XHTML规范，HTML5不需要。
DTD(Document Type Definition）
DTD声明以开始，不区分大小写，前面无任何内容。

公共DTD，名称格式为注册//组织//类型//标签//语言
           注册：指是否由国际标准化组织（ISO）注册，+表示是，-表示不是
           组织：即名称
           类型：一般是DTD
           标签：指定公开文本描述
           语言：EN表示英文，ZH表示中文

HTML1.0 可声明三种DTD类型，分别是严格版本strict，过渡版本transitional，基于框架的HTML文档Frameset
strict 编码独立于任何定义外观的标记语言，使用CSS控制外观，使得XHTML strict能够灵活于不同设备上显示。
transitional 允许使用标签来控制外观

HTML 4.01 strict
<!DOCTYPE HTML PUBLIC" - //W3C//DTD HTML 4.01 //EN">
  
HTML 4.01 transitional
<!DOCTYPE HTML PUBLIC" - //W3C//DTD HTML 4.01 Transitional//EN">

2.html元素
元素即标签。html是文档开始和结尾的元素，它是一个双标签。头尾呼应，包含内容。

<html lang="zh-cn">  <!--文档采用语言为：简体中文-->

3.head元素
用来包含元数据内容，元数据包括<link>,<meta>,<noscript>,<script>,<style>,<title>
这些内容用来浏览器提供信息，比如link提供css信息，script提供JavaScript信息，title提供页面标题等。这些信息在页面不可见。
4.meta元素
这个元素用来提供关于文档的信息，起始结构有一个属性为：charset=“utf-8”表示告诉浏览器采用什么编码。