HTML5 main标签解密！块级别元素，唯一大哥

解读HTML5 main标签

老铁们，记住~在HTML 5里面，那个叫main的标签就好像网页中的大个子拉里·伯德，代表着最有用的那片区域。但是要注意，每个页面只能出现一次这种标签，千万不要搞多了，不然查错字的话容易出问题！

HTML5 main标签的定义和作用

咱们聊聊”main”标签。这个家伙很挑剔，不喜欢复制粘贴的侧边栏和导航等元素。千万不要把它当作hello kitty那么好糊弄，它可不会给你面子的！自打HTML5更新规矩之后，它就火得一塌糊涂了。从2013年起，W3C的HTML规范里就认可它当大哥，真是够横有木有！

其实，那个’main’标签就是个小红心，告诉显示屏跟辅助设备哪块儿最重要的意思。W3C网站还说，’tart’这个标签就像是整个网页或者应用的心脏，如果用对地方，我们的网页就能让大家眼前一亮！

HTML5 main标签具体使用方法

你了解网页中的”main”标签吗？只有一个在任何页面上都能用，多了可不好。记得用CSS来设定它的样式，最好使其变为块级别元素，否则有些旧版本的浏览器可能识别不了。如果怕旧浏览器不支持，那就加点JavaScript或html5shiv。

main {display:block;}

你只需要把那个ID或类名改成”主打”或”精华”什么的，再换下现在和过去用的就行！超简单滴，就几分钟的事儿，网页马上大变身！

结语

document.createElement('main');

HTML5的时空标签真的超好用，瞬间就能找到重点内容，就像个指路器一样！赶紧试试这个实力不凡的小功能！

Header
Main Content