返回首页

张小三资源网
    佛系AFFman ╭∩╮(︶︿︶)╭∩╮!随缘记录常用运维技巧
09月272019

语义话解读HTML5语义化标签 ←◡←

Posted by 张小三资源网 2019年09月27日 Tags:

本解读来自张小三资源网的一面之词,自嗨,谢谢。

语义话就是把网站类似于书本报纸一样的编排。
header头 footer尾 nav主要导航 main主框架 aside次框架
article一篇完整的文章 section 区块、章节

通用使用场景
header、footer任何区域都可用。article可包含section,文章可包含章节。
首页:header footer main aside section
html5-01.png
为啥首页木有article?
因为article代表一个完整的文章内容,通常首页下包含各章节的索引链接,把首页当成一本书的目录来看,除了书名就是章节,内容是很少的,所以通常使用section。 首页对应的title标题就应该是站名+什么样的网站 张小三资源网-一个分享信息技术的网站←◡←

列表页:header footer main aside section

列表页和首页类似通常都是索引所以无article说。 列表页对应的title标题就应该是 章节标题+站名 VPS优惠码-张小三资源网

内容页:header footer main article aside section
内容页就需要用到article,因为这是一篇完整的内容。 内容页对应的title标题就应该是 内容标题+章节+站名 语义话解读HTML5语义化标签-经验教程-张小三资源网

通过以上你会发现首页是不重要的(因为网站站名和书名的含义是不能同一而言的!),列别页是重要的(因为它代表了章节的标题,这一章具体要说什么东西!),最重要的是内容页(内容页是最最最最最重要的!)。
老外vps无特别说明(即使用优惠码)都按优惠后的价格续费。此vps无爱可看之前其它文章
发现Out of Stock说明缺货中,可考虑购买其它VPS。自备谷歌浏览器有简单的翻译功能。

买老外的域名、vps都需美元。有信用卡可直接购买。无卡无美元的注册Paypal到淘宝找人充美元即可。老外VPS购买教程参考:http://www.zxsdw.com/index.php/archives/259/

添加新评论 »

张小三资源网 is powered by Typecho))) 网站地图