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

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

先介绍下常用基础标签:

!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>

html 标签

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

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

注:

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

head 标签

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

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

注:

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

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

body 标签

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

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

实例:

<html>

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

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

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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,720评论 1 45
  • 今天下午阳光明媚,北京少有的好天气。正好有机会总结HTML标签,下面就详细介绍一下基础的标签的用法及相关的属性。关...
    gyc0530阅读 479评论 0 1
  • 1.meta标签 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述...
    姚小帅阅读 351评论 0 1
  • HTML、XML、XHTML有什么区别? XMLXML是The Extensible Markup Languag...
    zx9426阅读 444评论 0 1
  • (写在文前的只言片语、意书情殇)长歌破晓穿云过,响彻碧霄振九天.------Jason Zhang web开发已...
    Jason_Zhang_阅读 1,167评论 0 1