HTML5常用标签(1)--基础

举报
SUNSKY 发表于 2019/10/11 13:12:49 2019/10/11
【摘要】 初学web前端,学习过程中总结了一下html5常用的标签,先做一个系列,介绍下各个标签作用。

初学web前端,学习过程中总结了一下html5常用的标签,先做一个系列,介绍下各个标签作用。


先介绍下常用基础标签:

  1. !DOCTYPE 标签

    <!DOCTYPE html>是一个声明,表示该文档是由 HTML5 进行编写的。<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。请始终向 HTML 文档添加 <!DOCTYPE> 声明,这样浏览器才能获知文档类型。

    注:

    在 HTML 4.01 中有三种 <!DOCTYPE> 声明。

    HTML 4.01 Strict

    该 DTD 包含所有 HTML 元素和属性,但不包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    HTML 4.01 Transitional

    该 DTD 包含所有 HTML 元素和属性,包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">

    HTML 4.01 Frameset

    该 DTD 等同于 HTML 4.01 Transitional,但允许框架集内容。

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN""http://www.w3.org/TR/html4/frameset.dtd">

    HTML5

    <!DOCTYPE html>

  2. html 标签

    html 元素用于告诉告诉浏览器其自身是一个 HTML 文档。

    <html> 与 </html> 标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体。正如您所了解的那样,文档的头部由 <head> 标签定义,而主体由 <body> 标签定义。

    注:

    即使 html 元素是文档的根元素,它也不包含 doctype 元素。doctype 元素必须位于 html 元素之前。

  3. head 标签

    <head> 标签用于定义文档的头部,它是所有头部元素的容器。

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

    注:

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

    <title> 是 head 部分中唯一必需的标签。

  4. body 标签

    <body> 标签定义文档的主体。

    body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)。



实例:

<!DOCTYPE html>

<html>

<head>

        这里是文档的头部 ......

</head>

<body>

         这里是文档的主体 ... ...

</body>

</html>


会持续更新html5常用标签及一些特殊标签,

新建微信公众号:程序员杜源,与大家共同学习。

本文转载自异步社区。

原文链接:https://www.epubit.com/articleDetails?id=N723d9e9b-e8cc-41e2-882b-1f0e10027998


【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。