HTML5基础

Posted So istes immer

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML5基础相关的知识,希望对你有一定的参考价值。

1.什么是html

HTML 指的是超文本标记语言 (Hyper Text MarkupLanguage)
是用来描述网页的一种语言
不是一种编程语言,而是一种标记语言,使用标记标签(markup tag)来描述网页

2.HTML5特性

HTML5的文件扩展名仍然是.html或者.htm,内容类型仍然为text/html

①化繁为简
定义文档类型
在 HTML 4.01 中
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
在HTML5中简化如下
<!DOCTYPE html>

定义文档字符编码
在HTML4中
<meta http-equiv=“Content-Type” content=“text/html; charset=UTF-8” />
在HTML5中
<meta charset=“UTF-8”>

②支持已有内容
XHTML 2.0最大的问题就是不支持已经存在的内容,而HTML5在设计过程中必须支持已经存在的约定,适应不同的用户习惯

③宽松的约定
标记省略
在 HTML5中,元素的标记可以分为三种类型:
1)不允许写结束标记的元素:area、br、col、hr等
2)可以省略结束标记的元素:li、dr、dd、p、td等
3)可以省略全部标记的元素:html、head、body等
布尔值
对于布尔型属性,如disabled与readonly等
当只写属性而不指定属性值,或将属性名设定为属性值,将空字符串设定为属性值时,表示属性值为true。
当不使用该属性时,属性值为false
属性值
在 HTML5中,属性值可以加双引号,也可以加单引号。
当属性值不包括空字符串、<、>、=、单引号、双引号等字符时,属性值两边的引号可省略
如<input type=text>

3.简单的HTML5文档模板

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
</html>

以上是关于HTML5基础的主要内容,如果未能解决你的问题,请参考以下文章

HTML5期末大作业:餐饮美食网站设计——咖啡(10页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 咖啡网页设计 美食餐饮网页设计...(代码片段

如何获取 HTML5 视频中加载的当前片段百分比?

前端开发常用js代码片段

在 HTML5 Video 中,如何播放长视频中的小片段?

[vscode]--HTML代码片段(基础版,reactvuejquery)

前端开发中最常用的JS代码片段