2.2 HTML语法与文档结构

最新推荐文章于 2021-07-15 21:05:40 发布

牧云流

最新推荐文章于 2021-07-15 21:05:40 发布

阅读量270

点赞数

分类专栏：前端进阶之路 HTML 文章标签： html web前端进阶 html语法

本文链接：https://blog.csdn.net/dreamingbaobei3/article/details/87862566

版权

前端进阶之路同时被 2 个专栏收录

109 篇文章 2 订阅

订阅专栏

HTML

18 篇文章 0 订阅

订阅专栏

HTML 不是一种编程语言，而是一种标记语言 (markup language)。HTML 使用标记标签来描述网页。
HTML的语法是给文本加上表明文本含义的标签(Tag)，使浏览器能够按照约定的方式解析。

HTML 标签

结合W3C的标准，对标签的语法做如下整理
1、HTML 标签是由尖括号包围的关键词，如
2、HTML 标签的基础语法：<标签名属性名1=“属性值” 属性名2=“属性值” … 属性名N=“属性值”>内容</标签名>
3、HTML 标签通常是成对出现的（双标签），比如 <b> 文字 </b>
4、不成对的标签（单标签），如：<br> 在XHTML语法中必须关闭<br /> ，html5可以不关闭
5、标签名是大小写不敏感的，就是说不区分大小写，但XHTML语法中规定标签必须小写。
6、HTML 标签可以拥有属性。属性包含了额外的信息，属性的值一般要在双引号中；标签可以拥有一个或多个属性；
7、可以自定义属性
8、HTML 中的预留字符必须被替换为字符实体，如在网页中写，浏览器没有办法正确的显示，需要将保留字符<和>进行改写。

&lt;HTML&gt;

HTML 文档结构

在这里插入图片描述
这里是一个最简单的html文档，声明的标准是html5

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>这里是网页标题</title>
</head>
<body>
这里是网页内容
</body>
</html>

文档声明

<!DOCTYPE>声明必须是HTML文档的第一行，位于<html>标签之前。
该声明不是HTML标签，它是告诉浏览器该HTML文档的DTD类型（Document Type Definition，文档类型定义）。HTML 文档必须添加 <!DOCTYPE>声明，这样浏览器才能获知文档类型。
HTML5之前，有多种DTD类型，分别为Transitional类型、Strict类型、Frameset类型。
HTML5只需声明<!DOCTYPE html>即可。

html元素

此元素可告知浏览器其自身是一个 HTML 文档。
<html> 与 </html> 标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。

头部head元素

head元素用于定义文档的头部，它是所有头部元素的容器。
<head></head>中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
绝大多数文档头部包含的数据都不会真正作为内容显示给读者,例外<title>

内容body元素

body 元素定义文档的主体。
<body></body>中元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）

牧云流

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
2.2 HTML语法与文档结构

HTML 不是一种编程语言，而是一种标记语言 (markup language)。HTML 使用标记标签来描述网页。HTML的语法是给文本加上表明文本含义的标签(Tag)，使浏览器能够按照约定的方式解析。HTML 标签结合W3C的标准，对标签的语法做如下整理1、HTML 标签是由尖括号包围的关键词，如 2、HTML 标签的基础语法：&amp;amp;amp;lt;标签名属性名1=“属性值” 属性名2=“属性值...
复制链接

扫一扫