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：引用

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML5语义标签
    <header>标签 标签用于定义站点的头部信息，也就是页眉。 标签内一般放置网站的站点名称、LOGO和导航栏。 ...
    Hyso阅读 439评论 0赞 0
  • html总结
    html是什么：超文本标记语言 html的唯一作用就是：给指定的文本添加语义。 html的标准格式： <!DOCT...
    Lins7阅读 1,030评论 0赞 2
  • Html5标签列表
    HTML5< !--...--> 标签 comment 注释标签用于在源文档中插入注释。注释内容不会被浏览器显示。...
    野小宝阅读 1,353评论 0赞 10
  • html5新增标签
    HTML5 标签comment 注释标签用于在源文档中插入注释。注释内容不会被浏览器显示。为代码编写注释的好处是...
    才気莮孒阅读 4,110评论 1赞 25
  • 老父亲，加油！
    父亲年已花甲，糖尿病六年，心梗做过支架，高血压高危组，血管老化，脑萎缩…… 在县人民医院住院接受治疗七天，从入院时...
    小安语阅读 120评论 0赞 0