首页 » 必应SEO » 网站子页面若何做seo_还在用div构造若何更专业的网页构造 HTML进阶

网站子页面若何做seo_还在用div构造若何更专业的网页构造 HTML进阶

访客 2024-10-28 0

扫一扫用手机浏览

文章目录 [+]

语义化是html5的一个特色,他不仅能规范代码,清晰构造,更好地开拓和掩护,而且还有利于SEO。
当然你在实际开拓中可以不用,但衡量一个人专不专业就在于一些小细节。

现如今是2021年,间隔发布HTML5的2014年已有7年之久!
当初对付HTML5标准规范,很多人张口就来说,浏览器不兼容、不支持,国情还是用IE的多等等。
反正便是谢绝拥抱新技能和新标准。

网站子页面若何做seo_还在用div构造若何更专业的网页构造    HTML进阶 网站子页面若何做seo_还在用div构造若何更专业的网页构造    HTML进阶 必应SEO

不管这些快被优化下岗的老鸟愿不愿意,时期还是要进步的。
智好手机的快速发展,win10、MAC等硬软件市场霸占率提高,毕业生扎堆涌入IT行业等等,直接、间接推动HTML5的遍及率。
现如今还有哪个浏览器不支持html5,乃至不支持html5都不是这个时期的浏览器。

网站子页面若何做seo_还在用div构造若何更专业的网页构造    HTML进阶 网站子页面若何做seo_还在用div构造若何更专业的网页构造    HTML进阶 必应SEO
(图片来自网络侵删)

以是如果你是生手刚进入it前端行业,尤其是单单看了一些老到掉牙的传授教化***,当口试官问你关于一些html5的问题,千万不要在张口就说html5是新技能。


毕竟这已是个标准规范,不是加分项,而是必填项,还不能错的那种。

言归正传,本篇先容HTML5里的一大特色:语义化。
相信口试时肯定也被问到语义化理解。

语义学是研究措辞中单词和短语的含义。
语义化呢?便是用合理、精确的标签来展示内容。
更详细一点,便是利用新增的语义标签。
在HTML5以前,我们有利用过标题标签(h1~h6)、表格标签(table)、表单标签(form)等。
这些标签都带有很明显的意义,无法乱用。

然而最根本、最主要的html布局元素却是被人忽略,绝大部分都是利用非语义元素(div和span)来布局,对其内容意义一无所知。
代码一多,实在让人看得头疼。

问你眼花没有,通篇div标签

倘若因此下的布局,相信不是专业的程序员,有点根本的小学生都能看得懂!

Html5布局标签

<header>

<header>元素描述了文档的头部区域,相称于一篇文章的头部。

紧张是用在网页的头部,或者某个部分的头部。

在一个文档中,您可以定义多个<header>元素。

header

<main>

<main>元素描述了文档的主体区域,相称于一篇文章的中间主体。

紧张是用在网页的主体部分。

该内容在文档中应该是独一无二的,不包含任何在文档中重复的内容,建议只涌现一次。

main

<footer>

<footer>元素描述了文档的尾部区域,相称于一篇文章的尾部。

紧张是用在网页的末端部分,或者某个部分的尾部。
常见于版权信息、交情链接等等。

在一个文档中,您可以定义多个<header>元素。

footer

<nav>

<nav>元素描述了多个超链接的区域。

紧张是浸染于菜单栏、导航栏等多个超链接凑集。

nav

<article>

<article>元素描述了相比拟较独立、完全的的内容区块

紧张是浸染于定义独立模块,例如一个网站有娱乐、***、动漫三个区块,就用<article>定义3个模块。

article

<section>

<section>元素描述了一个区域或者章节

紧张是浸染于<article>的子模块,<article>定义大模块,<section>则是添补里面的子模块;亦可以单独做一个小模块。

section

<aside>

<aside>元素描述了和页面内容险些无关的部分,可以被单独的拆分出来而不会影响整体。

紧张是浸染于侧边栏或嵌入内容(广告之类)。

aside

总结

总结

标签:

相关文章

破浪前行,介绍打砖块程序的代码魅力

打砖块(Breakout)是一款经典的电子游戏,自1976年问世以来,便以其简单易上手的操作和丰富的游戏玩法赢得了无数玩家的喜爱。...

必应SEO 2024-12-31 阅读0 评论0

破茧成蝶,介绍优秀.io设计师的蜕变之路

随着互联网行业的飞速发展,.io设计师这一职业逐渐崭露头角,成为了互联网产业中不可或缺的一环。他们以独特的视角和创意,为用户带来愉...

必应SEO 2024-12-31 阅读0 评论0

破解死循环,探寻程序运行中的永恒困境

在计算机科学领域,死循环是一个永恒的困境。它犹如程序运行中的幽灵,时刻威胁着程序的稳定性与效率。本文将深入剖析死循环的成因、特点以...

必应SEO 2024-12-31 阅读0 评论0