首页 / 知识
最新HTML5基础语法分享
2023-04-11 13:47:00
超文本
Web 是一个超文本文件的集合，超文本文件是 Web 的基本组成单元，也被称为网页或 HTML 文档、Web 页等，通常是以 .html 或 .htm 为后缀的文件。Web 页之间通过超文本中的超级链接组织在一起。
什么是 HTML？
HTML（HyperText Markup Language）：超文本标记语言，一种纯文本类型的语言，由浏览器解释执行。使用带有尖括号的"标记"将网页中的内容逐一标识出来。HTML 的主要作用是用来设计网页，HTML 页面上可以套用 VBScript、JavaScript 编写的程序段。
标记语法
HTML 用于描述功能的符号称为"标记"，比如 <p>、<h1>等。标记在使用时必须使用尖括号括起来，有封闭类型标记，也有非封闭类型标记。
封闭类型标记（也叫双标记）：
封闭类型标记必须成对出现。
非封闭类型标记（也叫空标记或者单标记）。
空标记一般用于表示特殊效果，如：
<br> : 换行
<hr> : 一条水平线
<img /> : 显示图片
元素
元素就是标记，元素就是每一对尖括号包围的部分，如 <body></body> 包围的部分就叫做 body 元素。元素就像是小标签，用于标识网页文档的不同部分。元素可以包含文本内容和其他元素，也可以是空的。
元素嵌套
元素之间是可以互相嵌套，但是要注意标记的嵌套顺序。
属性和值
属性用来修饰元素，属性的声明必须位于开始标记里。
一个元素的属性可能不止一个，多个属性之间用空格隔开，第一个属性也要与标记用空格更开。多个属性之间不区分先后顺序。
每个属性都有值，属性和属性的值之间用等号连接，属性的值包含在单引号或双引号中。
其中 align 是属性名称，center 是属性值。
标准属性
每个元素都有自己所特有的属性，有些属性是绝大多数元素都支持的属性，称为标准属性或者通用属性。
id ：定义元素在页面中的唯一标识
title ： 鼠标移入到当前元素时，所提示的文本
class ：引用的样式的类名称
style ：定义行内样式
注释
为代码添加适当的注释是一种良好的编码习惯，注释只在编辑文档情况下可见，在浏览器展示页面时并不会显示，添加注释的语法如下：
注意：
"<!--" 和 "-->" 之间的任何内容都不会显示在浏览器中
注释不可以嵌套在其他注释中
注释不可以位与 <> 中
HTML 和 XHTML
1999年12月24日，W3C 推荐标准 HTML 4.01，XHTML 于 2000 年的1月26日成为 W3C 标准。
XHTML 与 HTML 4.01 几乎相同，只不过 XHTML 是更严格的 HTML 版本。
HTML5
HTML5 的目标就是为了更简洁的 HTML 代码。
HTML5 不再严格要求代码格式并保证兼容性。
HTML 文档的结构
HTML 文档主要包含文档类型声明和 html 页面。
文档类型声明
在文档的起始用 DOCTYPE 声明指定版本和风格，让浏览器清楚文档的版本、类型和风格。
Strict DTD
Transitional DTD
Frameset DTD
HTML5
<!DOCTYPE HTML>
<html> 元素
整个文档的包含元素，位于 DOCTYPE 的文档类型声明之后。<html> 元素有两个子元素，<head> 页面的头部内容、<body> 页面的主体内容。
<head> 元素
<head> 元素用于为页面定义全局信息，它是所有其他头元素的容器，位于起始标签 <html> 之后。可包含 title、meta、script、style、link 等。
文档头部内容 - <title>
标题元素 <title> </title> 用于为文档定义标题，标题元素有如下特点：
标题元素的内容出现在浏览器顶部
没有属性
必须出现在 <head> 元素中
一个文档只能有一个标题元素
文档头部内容 - <meta>
元数据元素 <meta> 用于定义网页的基本信息，是一个空标记，常用属性有：content、http-equiv。
<body> 元素
<body> 元素出现在 <head> 元素之后，包含网页要显示给读者的内容，称为主体内容。可以包含除了 html、head 外的所有元素。
HTML5 基础语法
|
最新内容
相关内容
python如何判断一个数是素数
python如何判断一个数是素数，数字，代码，培训，质数，素数，方法，个数，自然数，不是，思路，python如何判断一个数是素数的方法：一个大于1的自然数，除
python如何比较两个字符串是否相等
python如何比较两个字符串是否相等，培训，工作，字符串，两个，下面，以上，方法，更多，内容，python在实际的开发工作中，经常会遇到要判定两个字符串
python如何确定是否为可迭代对象
python如何确定是否为可迭代对象，培训，元素，索引，对象，整数，字典，函数，类型，下标，模块，迭代可以理解为，任意的集合使用for循环遍历python中，迭
python一个数的平方怎么表示
python一个数的平方怎么表示，培训，平方根，个数，函数，模块，表示，方法，表达式，实例，下面，用python进行数学计算，可以使用python内置的函数模块，下
python判断一个数是否为int
python判断一个数是否为int，培训，基础，变量，类型，函数，个数，整数，以上，不是，方法，在python中如何判断一个数是不是整数?其实python有两种查看
pythonnan是什么
pythonnan是什么，培训，系统，电脑，无穷大，个数，类型，定义，操作系统，以上，表示，NaN是浮点数的一个值，代表“不是数”，通常是除0错误python中可以
python如何求一个数的平方
python如何求一个数的平方，培训，平方根，个数，整数，函数，模块，方法，小数，表达式，数值，用python进行数学计算，可以使用python内置的函数模块，下面
python判断dict中key是否存在
python判断dict中key是否存在，培训，通用，第一，字典，方法，结果，函数，属性，做法，上面，今天来说一下如何判断字典中是否存在某个key，一般有两种通
pythonelif语句报错是什么原因
pythonelif语句报错是什么原因，培训，语句，数据，条件，程序，结果，内容，变量，使用方法，更多，python的else和elif语句也可以叫做子句，因为它们不能
python如何自定义一个函数
python如何自定义一个函数，代码，名称，培训，函数，圆括号，参数，定义，表达式，选择性，字符串，python函数是组织好的，可重复使用的，用来实现单一，或相
pythonpython是前端语言吗?
pythonpython是前端语言吗?，代码，互动，培训，平台，标准，设计，语言，前端，语法，解释性，python语言属于后端开发语言。Python是一个高层次的结合
python判断元素是否是字符串类型
python判断元素是否是字符串类型，培训，异常，类型，实例，字符串，数据类型，对象，元素，参数，序列，isinstance()是Python中的一个内建函数语法：isin