了解一下HTML5新语义化标签

wszwx55 2022-08-06 09:16:08

header:定义页眉

nav:定义导航链接的部分

footer：定义页脚

article:标签规定独立包含的内容

section:定义文档中的节

aside:定义其所处内容之外的内容

...全文

90 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

1. 语义化的背景：以前的HTML的结构，基本上就是DIV+CSS。然而，DIV它并没有什么任何的意义，全靠CSS显示页面的样式。那么近几年呢，开发者提出了HTML结构的语义化，所以W3C就制定出了语义化标签。 2. 什么是语义化语义化就是构成HTML结构的标签要有意义。比如有这样的标签： header表示页面头部 main表示页面主题 footer表示页面底部那么这些标签构成的HTML结构就是有意义的，也是语义化的。如果说页面的头部、主体以及底部都用div来表示，那.

1、HTML5简化的标签（1）DOCTYPE文档声明 <!DOCTYPE html> 相较于之前的版本，HTML5没有指定具体版本，这就表示了最新的HTML版本。（2）<meta>声明 HTML4.01中的meta声明决定了HTML文档中字符的编码方式，HTML5直接一个charset属性即可， <meta charset="UTF-8"> ...

1.什么是语义化标签?(就是用合理、正确的使用标签来展示内容)那么什么叫做语义化呢，说的通俗点就是：明白每个标签的用途(在什么情况下我可以使用这个标签才合理)比如，网页上的文章的标题就可以用标题标签，网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中，在文章中有想强调的文本，就可以使用em标签表示强调等等。2.为啥使用语义化标签?有利于SEO，搜索引擎根据标签来确定上...

语义化标签的主要是为了解决以下问题：前端代码可读性代码维护成本 SEO优化 Html的标签可以参考以下字典： http://www.w3school.com.cn/html5/html5_reference.asp 这里我们用一个简单的DEMO去理解这些语义化的H5标签，当然，这个DEMO中也没办法cover到所有的标签，不过对于在有限的范围内去了解语义化的作用，小编觉得已经绰绰有余...

今天学了HTML5的一些新的标签，了解一番后感觉非常的强大也非常的实用。将网站每个区域用语义化的标签来代替满屏的DIV布局，不仅阅读起来非常爽，而且很多时候甚至可以不用追加一堆的class样式来控制，直接用css控制标签即可，结构开起来非常好，新手看起来都不头晕了！下面简单布局一个页面： <!DOCTYPE html> <html lang="en"> <...

39,087

社区成员

5,547

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章