本节讲解在前端开发中部分基本标签, 还有一些常用标签后续逐步讲解.

<!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> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

注意:

  1. <head>元素中的内容在页面渲染时候并不会展示出来.

  2. 下面这些标签可用在 <head> 部分:<base>, <link>, <meta>, <script>, <style>, 以及 <title>


三. < title>元素

<title>定义文档的标题, 他是<head>中唯一必须的元素.

<title>网页标题</title>


四. <meta>元素

Thetag 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>元素定义文档的主体部分. 网页中所有内容都应该定义在该元素内.

Copyright © 李振超 2018 all right reserved,powered by Gitbook
该文件最后修订时间: 2018-10-18 03:19:29

results matching ""

    No results matching ""