【HTML5】HTML5标签和基本语法一览

最新推荐文章于 2021-06-27 21:14:42 发布

Super_Tyr

最新推荐文章于 2021-06-27 21:14:42 发布

阅读量606

点赞数

分类专栏：前端文章标签： html5

本文链接：https://blog.csdn.net/Super_Tyr/article/details/103840562

版权

前端专栏收录该内容

12 篇文章 0 订阅

订阅专栏

鉴于学习的内容可能比较杂乱，我会在写完一篇之后最后进行标题和标签的命名，利于检索和复习，也会加上必要的目录

介绍：

首先，HTML5的出现主要是解决以下问题：

web浏览器对与HTML的兼容性问题
文档结构不够明确
web应用程序功能受到限制

针对上述问题，HTML5的设计理念当然是更好的统一规范并且兼容html4，现在浏览器厂商对于html5的支持非常完善也说明了html5在兼容性这一方面的优点，设计更加语义化的标签，增加具有更强功能的API了。

语法的改变：

内容类型

文件的扩展名是没有变化的，可以是index.html或index.html

DOCTYPE声明

这个就变得更加简化了，下面是html4和html5的声明

html4：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" 
"http://www.w3.org/TR/html4/frameset.dtd">

html5：<!DOCTYPE html>

指定字符编码

html4：<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

html5：<meta charset="UTF-8">

可以省略标记的元素

不允许写结束标记的元素有：area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr。
可以省略结束标记的元素有：li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、td、th。
可以省略全部标记的元素有：html、head、body、colgroup、tbody。

具有boolean值的属性

如disabled、checked,默认为true。

省略引号

属性值不包括= ，<> 单引号双引号等字符时，就可以省略单引号或双引号。

新增的元素和废除的元素

这里只是罗列一下，后面会有详细介绍

有基础的同学，很容易发现，语义标签很容易知道这个元素是干啥的。

全局属性

意思就是所有标签都可以用的属性

contentEditable属性元素是否允许编辑
designMode属性我的理解是整个页面是否可以编辑，只能在js里设置，有on和off 两个值，可以参考这个https://blog.csdn.net/iteye_2245/article/details/82309225
hidden属性隐藏元素，浏览器不渲染，可以通过hidden=“false”来使它再次出现

好，第一次的文章写道这里，我发现大部分内容是来自《html5与css3权威指南》一书的

Super_Tyr

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
【HTML5】HTML5标签和基本语法一览

鉴于学习的内容可能比较杂乱，我会在写完一篇之后最后进行标题和标签的命名，利于检索和复习，也会加上必要的目录介绍：首先，HTML5的出现主要是解决以下问题：web浏览器对与HTML的兼容性问题文档结构不够明确 web应用程序功能受到限制针对上述问题，HTML5的设计理念当然是更好的统一规范并且兼容html4，现在浏览器厂商对于html5的支持非常完善也说明了html5在兼容性这一...
复制链接

扫一扫