常用HTML5标签 语义解析

标签

article 除了文章不要在里面放别的东西，如果你不小心放了，也会照常显示

aside 名叫侧边栏，第一次看到他的默认位置时不要吐槽他，他只是需要你的帮助

audio 一看就知道了，音频

video 一看就知道了，视频，但如果你写的是刺激的网页，记得加muted

source audio和video忠实且强大的仆人

canvas 知识盲区

details 如同招财猫的爪爪

summary 招财猫的脑阔

datalist 下拉列表里的推销员

select 这才是正儿八经的下拉列表

embed 如果你喜欢套 点什么或者你喜欢套娃 他可以帮你，比如网页套娃

figure figcaption的父亲，div能干的他都能干

figcaption 躺在figure怀里 可以用作对figure的说明，要说明什么呢

footer 如果你的网页需要走路，用它就对了

header 如果你的网页需要思考，用它就对了

hgroup MDN代码如下：

        <hgroup>

        <h1>Calculus I</h1>

        <h2>Fundamentals</h2>

        </hgroup>

        hgroup有什么用？请去问鬼，鬼知道

mark 点亮你的文本，即使没有通电

meter 不会动的贪吃蛇

nav 开车时别用他导航

output 他有个兄弟叫input

progress 当他出现的时候你会希望他跑得快一点，再快一点，最好直接100%

ruby 如果你的网页下起了雪，就给它们带上这顶注音帽吧

rt 哦对了，帽子得放在rt中

rp 不喜欢戴帽子？那抱个（）呢

wbr 你可能不太确定是不是会在某处换行？交给wbr吧

abbr 使他现身的唯一方法就是，大古熬成汤 鼠标悬停在脚下有...的文字上

address 不是这样的联系信息，而是这样的联系信息

blockquote 说是引用……说是

属性

contenteditable 不想网页内容被别人编辑就别用这个

draggable 长按鼠标左键，而后给网页元素来个荡秋千吧！