HTML5语义标签

HTML5语义标签

作者: 馒头学前端 | 来源:发表于2019-03-30 16:05 被阅读0次

HTML5标签语义化
HTML5详解
web前端网站收藏
H5新增语义化标签
HTML5十大新特性
template标签
h5+css黑马笔记
HTML的语义化
CSS3新增1
HTML5 新增标签

html5的doctype

<!DOCTYPE html>

字符编码

<meta charset='utf-8'>

宽容的HTML5

没有要求严格的标签闭合

可以大小写混用

link标签可以忽略type属性

HTML5模板最佳实践

https://html5boilerplate.com/

语义化标签好处

1.便于理解和阅读

2.有利于SEO

HTML5语义标签

nav：导航栏，与ul li a配合使用

aside：主内容无关，一般用于侧边栏

main：主内容区，只一次，此文档中的特有内容，导航、版权、广告不算

header：可多次，可以放在article、section里面

footer：可多次

article：独立内容，比如论坛帖子，博客条目，用户评论等

section：文档中的节，比如章节

adress：地址

HTML4语义化标签

ul ol li

cite：引用