本节讲解在前端开发中部分基本标签, 还有一些常用标签后续逐步讲解.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<body>
<p>这是一个段落</p>
</body>
</html>
一. <html>
元素
<html>
元素是 html 文档的根标签.
<html> 与 </html>
标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体。
该标签内直接嵌套两个标签: <head>
标签和<body>
标签, 其他的任何标签都应该嵌套在<head>
或<body>
内.
二. <head>
元素
<head>
标签用于定义文档的头部,它是所有头部元素的容器。
<head>
中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
注意:
<head>
元素中的内容在页面渲染时候并不会展示出来.下面这些标签可用在
<head>
部分:<base>, <link>, <meta>, <script>, <style>, 以及 <title>
。
三. < title>
元素
<title>
定义文档的标题, 他是<head>
中唯一必须的元素.
<title>网页标题</title>
四. <meta>
元素
The
tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable.
<meta>
标签是给 html 文档提供元数据(metadata).
何谓元数据: 就是描述数据的数据.
他不会展示在页面上, 但是能被机器解析.
Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata.
<meta>
元素常用于定义页面的说明,关键字,最后修改日期,和其它的元数据。
The metadata can be used by browsers (how to display content or reload page), search engines (keywords), or other web services
这些元数据将服务于浏览器(如何布局或重载页面),搜索引擎和其它网络服务。
今天我们只学习其中的一个<meta>
标签, 其他的以后再慢慢学习.
告诉浏览器当前页面字符的使用的编码:
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
以上写法是旧的的写法(现在不推荐使用了).
在html5中做了进一步的简化(推荐使用):
<meta charset="utf-8">
课堂需要给学生补充编码相关的知识
五. <body>
元素
<body>
元素定义文档的主体部分. 网页中所有内容都应该定义在该元素内.