全面解析HTML5的文档结构和新增标签-H5教程-PHP中文网

全面解析HTML5的文档结构和新增标签

黄舟

发布： 2017-04-24 10:22:28

原创

2313 人浏览过

这篇文章主要介绍了HTML5的文档结构和新增标签完全解析,需要的朋友可以参考下

一．HTML5 文档结构

1.第一步：打开开发工具，打开指定文件夹；

2.第二步：保存 index.html 文件到磁盘中，.html 是网页后缀；

3.第三步：开始编写 HTML5 的基本格式。

<!DOCTYPE html> //文档类型声明
<html lang="zh-cn"> //表示 HTML 文档开始。1. 
<head> //包含文档元数据开始
<meta charset="utf-8"> //声明字符编码
<title>基本结构</title> //设置文档标题
</head> //包含文档元数据结束
<body> //表示 HTML 文档内容
<a href="http://www.baidu.com">百度</a> //一个超链接元素（标签）
</body> //表示 HTML
</html> //表示 HTML 文档结束

登录后复制

二．文档结构解析

1.Doctype

文档类型声明（Document Type Declaration，也称 Doctype）。它主要告诉浏览器
所查看的文件类型。在以往的 HTML4.01 和 XHTML1.0 中，它表示具体的 HTML 版本和风格。
而如今 HTML5 不需要表示版本和风格了。
//不分区大小写

2.html 元素

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

这个元素有一个属性和值：lang="zh-cn"，
表示文档采用语言为：简体中文。
//如果是英文则为 en’

简体中文页面：html lang=zh-cmn-Hans
繁体中文页面：html lang=zh-cmn-Hant
英语页面：html lang=en

3.head 元素

用来包含元数据内容，元数据包括：、、

php8，我来也

30分钟学会网站布局

尚观Oracle入门到精通视频教程

你的第一行 UNI-APP 代码

Flutter 从头到应用启动

兄弟连Linux新版视频教程

AXURE 9视频教程（适合产品经理交互产品设计UI）

零基础PS视频教程

16天带你入门UI视频教程

PS技巧和切片技巧视频教程

阿里云环境搭建以及项目上线视频教程

计算机网络概述——程序员必须掌握的基础知识

程序员必备教程——HTTP协议讲解

Websocket视频教程

全面解析HTML5的文档结构和新增标签