html5语义化标签marquee,高效书写HTML5，快速提升你的编码效率！

H5开始对标签及属性的书写更加包容，同时新增了语义化的标签，也是为了替代纯div+css的布局，本文讲带大家一起学习和探讨HTML书写规范。

1.文档类型声明

文档类型声明

2.标签、属性名、文件名推荐小写字母

标签、属性、文件名

3.双标签可省略关闭标签，不过建议保留关闭标签

双标签

4.单标签的“/”可写可不写(但在XHTML和XML中斜线是必须的)

'/'的省略

5.可全部省略的标签，不过建议保留

可全部省略的标签

友情提示：省略或在DOM和XML软件中会崩溃，省略在旧版浏览器(IE9)会发生错误。

6.布尔值的属性，可省略属性值

bool值类型属性

7.属性值可以不使用引号，推荐使用引号。

属性值的各种写法

8.属性与属性值之间等号前后空格

空格问题

9.属性书写顺序

顺序依次是class、id/name、data-、src/for/type/href、title/alt、aria-/role

书写顺序

10.使用语义化标签

语义化标签

以下内容为H5相关标签，大家感兴趣可以自行学习。

1.其它新增标记

2．废弃元素

basefont、big、center、font、s、strike、tt、u、bgsound、marquee(只有IE支持)、rb、acronym、dir、isindex、listing、xmp、nextid、plaintext

html5语义化标签marquee,高效书写HTML5，快速提升你的编码效率！相关推荐

HTML5语义化标签综合基础案例,HTML5语义化标签综合案例
HTML 标签声明必须是 HTML 文档的第一行,位于标签之前. 声明不是 HTML 标签:它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令. 请始终向 HTML 文档添加 ...
html5语义化规范,html5语义化标签使用规范
Html5添加了很多语义化标签,一个典型的html5页面结构可以如下安排一.使用案例 1. 头部--header和nav标签 header头部,body下的直接子元素header一般用于放页面的介绍 ...
html5语义化标签加粗,html5标签 H5标签
html> h5文本元素 1.文本元素 2.加粗文字 b 3.倾斜文字 i 4.删除文字 del 5.加粗文字2 strong 6.安全换行 wbr~~~ 7.强调倾斜元素 em 8.删除线2 ...
html标签语义化的好处,(2019)[前端]面试题[9]：HTML5语义化标签和新特性
问题知道语义化吗?说说你理解的语义化,如果是你,平时会怎么做来保证语义化? 说说你了解的HTML5语义化标签,HTML5新增了那些新特性? Hello,欢迎来到我的博客,每天一道面试题,我们共同进步 ...
html5语义化布局分割代码,HTML5语义化标签布局的兼容性.html
html5语义化标签布局兼容性调整 header, section, footer, aside, nav, main, article, figure { display: block; } bod ...
好程序员web前端分享常见html5语义化标签
为什么80%的码农都做不了架构师?>>> 好程序员web前端分享常见html5语义化标签,我们知道,创建结构清晰的页面可以建立良好的语义化基础,也降低了使用css的难度,下面总 ...
什么是HTML语义化标签？为什么要用H5语义化标签？HTML5语义化标签有哪些
对于大部分初学者来说,可能无法理解,明明在学习的时候,用div标签就能构成页面,为什么要用h5语义化标签?可能有一些前端工作者对HTML标签语义化的概念也不是很清楚,那么究竟什么是HTML语义化标 ...
html5语义化标签及优点
html5语义化标签及优点 html5中的语义化标签 < h1~h6 >:标题,< h1 > 与 < title > 协调有利于搜索引擎优化. < heade ...
html语义化有利于seo,HTML5语义化标签对SEO的影响
问:html5语义化标签对SEO有什么影响? 答:html5语义化标签不会对SEO造成重大的影响,它并不会影响你的网站排名以及抓取:语义化标签主要是为了让搜索引擎更加的懂你,更加的明白你的网站:不用h ...

html5语义化标签marquee,高效书写HTML5，快速提升你的编码效率！

html5语义化标签marquee,高效书写HTML5，快速提升你的编码效率！相关推荐

最新文章

热门文章