HTML5不仅能美化网页，更重要的是它给我们提供了更好地理解和运用各种HTML元素的新方式。改变尽管看似微小，却实实在在为网页设计和开发带来了巨大助益！
a元素的新特性
记住HTML5里面，没加href属性的a元素不能当作链接，只能作为文字装饰。这可方便咱们调整页面布局而且，你知道吗？在a元素中，可以放进任何流媒体content，不只限于普通文本，比如article，input，span都行，这么一来，内容就更加自由灵活！
咱知道吗，就像网页上那个小a元素，里面还能藏着article元素，你随便戳它一下，就能立马跳转到相关报道或者博客文章！这对于我们平时浏览新闻网站或者博客来说可是超便利哒，让你快速找到你感兴趣的那部分内容
b元素的新定义
知道么？B元素在HTML5里不只是强调字样这么简单喽，它还能让你的文字变得更加生动形象呢～特别是你想要突出某个词类，行业术语，或者外语中有趣的谚语什么的时候，用上这家伙准没错！
这种方法平时在看技术文档或者学术论文时有碰到？比如说，你正在聊某个新的科技玩意儿，用这个b标签就可以轻松地显示它的名称，让大家更容易明白和记住你要表达什么重点~
i元素的新功能
I元素真的好用！可以用来强调文字中的感觉和心情，使文章更生动有趣！
就是提到个有点儿争议的话题，用i标签标出你的观点或引用名人名言，一眼就能看出哪些是你说的话，哪些是从别处搬来的。这么一搞，文章既好理解又靠谱多了。
label元素的变化
发现没？HTML5中label标签的设定有所变化！它之前总是能自动将光标移动到相应的控件上，但现在这个功能被默认关闭了哈。不过这对我们来说也是好事，因为label现在更加灵活了，我们可以按照自己的喜好和界面设计需求随意设置。
说白点，就是针对各种设备和浏览器，做些更顺手好用的表格处理呗。比如，用手机看网页时，你会发现Label元素这个神奇的东西可以自动帮你把光标转到写字的地方，超快就能开始编辑了！不过要是换成电脑上网页，这点儿速度优势就稍微淡化了点儿。
menu元素的重新定义
HTML5竟然给菜单元素增加了新玩法儿。咋整？浏览器的工具栏和上下文菜单瞬间就变得更顺手。这么一搞，咱们网页导航和互动的方式也就更多了哈。
比如，只要用菜单组件就能造出一个工具栏，然后轻点上面的按钮就能搞定好多事情！这样的设计对于后台管理或者复杂应用程序来说特别给力，能让用户迅速找到他们要的内容~
small元素的新用途
HTML5有个叫small的东西，可以在网页上巧妙地添加小提示或者免责声明等信息。虽然看起来不大，但设计时可以当作视觉重点来强调重要提醒，防止用户忽视核心内容。
比如说，电商网站上的退换货规定和网友评论可不是显眼的东西，但它们挺重要的！这时候加个小元素，既吸引眼球，又不会抢风头。
strong元素的意义转变
HTML5里的strong标签大改变！新版本只表达重点，跟咱们平时说的”重要性”有点类似。这样的变更，有助于搜索引擎更准确地抓取文章的关键内容
简单来说，想要吸引人注意某个重点提示或警告的时候，强烈建议你使用strong元素！比如说在健康提醒这样的页面上，用强力度字体标出来关键的提示内容，别说浏览速度快了，就算再快用户都能看到！
u元素的新含义
嘿~HTML5里的”u”不仅仅是小写字母，它还能当下划线使。所以，你要是怕说些别人听不懂的话啊、错别字啥的，都能用上这个”u”。这么说来，”u”在网页设计领域可是超级有用。
就像我们看网上学堂，用上u元素标记重点概念和理论，简单明了地做个大标签让你看啥重要。
li元素和ol元素的属性重启
HTML5恢复了list里li元素的value属性和orderedlistol元素的start属性，用起来感觉更好使了。
话说，咱们现在可以更自在地设置列表的样子和顺序了。比如说，做个在线教程网站，利用ol元素里的start属性给每个课节设置起始号，这样不仅好看多了，还方便大家浏览。
The top 10 movies of all time
- Josie and the Pussycats, 2001
- Црна мачка, бели мачор, 1998
- A Bug's Life, 1998
- Toy Story, 1995
- Monsters, Inc, 2001
- Cars, 2006
- Toy Story 2, 1999
- Finding Nemo, 2003
- The Incredibles, 2004
- Ratatouille, 2007
a和area元素的target属性重启
HTML5又让a和area这俩元素的target属性变得可用了！这下子咱们能玩点高大上的导航和互动框架。
举个例子，如果网页中有很多iframe，我们只需要调整a的target特性，就可以控制点击链接后在哪个新页面打开了。这样可以方便大家更快找到想要的信息！
table元素的border属性限制
HTML5中，给标签加个border属性，值设为“1”或是干脆别设置，这样画出来的图形会比较规整好看。
The top 10 movies of all time
- Josie and the Pussycats, 2001
- Црна мачка, бели мачор, 1998
- A Bug's Life, 1998
- Toy Story, 1995
- Monsters, Inc, 2001
- Cars, 2006
- Toy Story 2, 1999
- Finding Nemo, 2003
- The Incredibles, 2004
- Ratatouille, 2007
实战演示下，表格样式设置其实很简单滴！比如说看数据那页，你只需要使用border命令给表格加上边框，这样子数据关系看得更明白！
script元素的language属性规范
HTML5说，script元素上的language属性必须填”JavaScript”，不能和type属性挤在一块儿~这么搞，为的就是让我们的代码在不同环境下也能统一运行！
其实，意思就是说咱们能用JS让网页变得更加有趣！比如想玩在线游戏？用脚本来装载规则，不管什么浏览器都能顺畅玩耍！
a元素的name属性与id属性的替代
在HTML5中，别再傻乎乎地用name属性换成id效果会更好且更专业。这么着，我们的锚点就可以变得更加实际和标准化！
简单来说，我们可以用这个法子来更快地上网找东西。比如说，你要是写了一篇很长的文章，每一章都标好号码，然后点击相应链接就可以马上看见你喜欢的那部分！
评论0