网页布局结构分析-创新互联
H5新增的常用结构性元素
创新互联公司专业为企业提供新津县网站建设、新津县做网站、新津县网站设计、新津县网站制作等企业网站建设、网页设计与制作、新津县企业网站模板建站服务,10多年新津县做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。section | 标签定义了文档的某个区域。比如章节、头部、底部或者文档的其他区域 |
article | 标签定义独立的内容 标签定义的内容本身必须是有意义的且必须是独立于文档的其余部分 |
nav | 标签定义导航链接的部分 并不是所有的 HTML 文档都要使用到 在不同设备上(手机或者PC)可以制定导航链接是否显示,以适应不同屏幕的需求 |
aside | aside 的内容应该与附近的内容相关 例如侧边栏 |
hgroup | 标签被用来对标题元素进行分组。 当标题有多个层级(副标题)时, 元素被用来对一系列 |
footer | 在典型情况下,该元素会包含文档创作者的姓名、文档的版权信息、使用条款的链接、联系信息等等。 在一个文档中,您可以定义多个 |
header | 在一个文档中,您可以定义多个 注释: |
figure |
H5新增的常用语义性元素
mark | 标签定义带有记号的文本。 请在需要突出显示文本时使用 标签 |
progress | |
time | 该元素能够以机器可读的方式对日期和时间进行编码,这样,举例说,用户代理能够把生日提醒或排定的事件添加到用户日程表中,搜索引擎也能够生成更智能的搜索结果 |
details |
|
datalist | 请使用 元素的 list 属性来绑定 |
ruby | 标签定义 ruby 注释(中文注音或字符)。 在东亚使用,显示的是东亚字符的发音。 将 标签与 |
menu | |
command | 当使用 tip:主流浏览器都不支持 |
布局结构样例
临摹样例:
思路:
样例代码,此代码不能真实运行,意在表达出页面结构
Structure导航1导航2导航3导航4导航5Lasted News内容1内容2内容3About your site第一段内容第二段内容About your team哈哈哈哈WebSite template
另外有需要云服务器可以了解下创新互联cdcxhl.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
标题名称:网页布局结构分析-创新互联
文章分享:http://scjbc.cn/article/dshegg.html