HTML5 基本结构

基本结构

下面是HTML文件的基本结构,通常HTML文件是由.html做为后缀表示。

<!DOCTYPE html>
<html lang="zh-cn"> 
<head> 
 <meta charset="utf-8" />
 <title>标题</title> 
</head>
<body> 
 <p>简明教程</p>
</body>
</html>

标签解析

上例中所使用标签的分析。

标签含义
<!DOCTYPE html>文档声明
<html>主标签
<head>头部标签
<title>标题标签
<meta>辅助标签
<body>主体标签
<p>段落标签

标签形式

HTML的标签分为有两种:单标签双标签

<!-- 双标签 -->
<p> <!-- 标签首部 -->
简明教程 <!-- 标签内容 -->
</p> <!-- 标签尾部 -->

<!-- 单标签 -->
<img src="图片地址"> <!-- 一张图片 -->

严格类型

HTML不是严格类型的语言,有一定的容错机制。

<img src="图片地址" /> <!-- 严格上 单标签的结尾必须是 /> 但是写错了还是能正确运用 --> 

<!-- 对于一些错误的HTML标签,浏览器也会通过自己理解的方式去包容,但这些不是我们能写错误标签的理由 -->

标签属性

标签的内部可以嵌套属性,丰富了标签的使用空间。

<!-- 必需属性 | img标签必须包含src属性 -->
<img src="图片地址" />

<!-- 可选属性 -->
<p style="color: red">设置红色的字体</p>
扩展阅读
HTML5 自定义标签7/15/2018, 9:17:23 AM
HTML5 自定义属性7/15/2018, 9:17:01 AM
HTML 乱码7/15/2018, 9:16:11 AM
HTML 样式7/15/2018, 9:15:43 AM
HTML 注释7/15/2018, 9:15:14 AM
更多教程 HTML5 教程 CSS3 教程 JavaScript 教程 JQuery 教程 React.js 教程 Node.js 教程 Koa2 教程 Python 教程 Linux 教程