初识html5
2012-02-17 20:50 边缘er 阅读(189) 评论(0) 编辑 收藏 举报变简洁了
DOCTYPE声明
声明没有那么长了，只需<!doctype html>即可。
charset编码
拿utf-8编码来说，<meta charset="utf8">。有没有引号无所谓，大小写无所谓（html本身就很松散，不像xml，但最好养成良好的习惯）。
html、head、body
这3个标签是可选的，浏览器会自动生成，为了可维护行，最好写上。
部分新增标签
header：页眉，用于整个页面或某区块
footer：页脚，同上
section：一部分一个块（有点像DIV）
article：自构成的一部分，可以复用或聚合。如一篇博客，一个故事，一个教程等
aside：相关内容，常用于边栏
nav：导航
hgroup：标题盛放器（h1,h2），假如有2个标题挨着，一个大标题一个小标题，可以放到这个标签中；
figure：可以理解成dl和dt结构。标题+内容结构，标题写在子元素figcaption标签中；
detail：提供一个展开/收缩区域（类似竖向可收缩、展开的导航这个效果），其中子元素summary是可以点击的，控制展开还是搜索（此标签尚未实现）；
...
让ie9以下支持新标签的js
这里所说的支持不是功能能支持，只是用document.createElement创建这些标签，从而可以用css来控制样式。
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
selectors API
querySelector()//返回第一个匹配的元素
querySelectorAll()//返回所有匹配元素
用了这个API再配合css3，就能实现很多JQ库的查找功能了。
【推荐】还在用 ECharts 开发大屏？试试这款永久免费的开源 BI 工具！
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· .NET制作智能桌面机器人：结合BotSharp智能体框架开发语音交互
· 软件产品开发中常见的10个问题及处理方法
· .NET 原生驾驭 AI 新基建实战系列：向量数据库的应用与畅想
· 从问题排查到源码分析：ActiveMQ消费端频繁日志刷屏的秘密
· 一次Java后端服务间歇性响应慢的问题排查记录
· 互联网不景气了那就玩玩嵌入式吧，用纯.NET开发并制作一个智能桌面机器人（四）：结合BotSharp
· 一个基于 .NET 开源免费的异地组网和内网穿透工具
· 《HelloGitHub》第 108 期
· Windows桌面应用自动更新解决方案SharpUpdater5发布
· 我的家庭实验室服务器集群硬件清单