IFE页面结构语义化

目的：
1.更好的可读性
2.更易修改，维护
3.搜索引擎友好，SEO优化

H5新增语义化标签：
-section 元素，表示页面中的一个区块；
-article元素，表示一块与上下文无关的独立内容；
-aside元素，在article之外的，与article内容相关的辅助信息；
-header元素，表示页面中的一个内容区块或整个页面的标题；
-footer元素，表示页面中的一个内容区块或整个页面的脚注
-nav元素，表示页面中导航链接部分；
-figure元素，表示一段独立的内容，使用figcaption元素为其添加标题（在第一个或者最后一个位置）
-miain元素，表示页面中的主要内容（ie不兼容）；
-hgroup表示标题的一个分组；
-mark定义高亮显示文本；
-time时间；
-dialog标记定义了一个对话框（会话框），类似微信，需要配合js使用；

主体内容和非主体内容：主体内容：section，article，aside，nav，time非主体内容：header，footer，hgroup，figure和figcaption（可以代替自定义列表）元素类型的分类：块元素：section，artice，aside，nav，header，footer，hgroup，figure和figcaption，main和dialog；内联元素：mark time address自带默认样式的：figure和figcaptionmark自带背景颜色；

IFE页面结构语义化相关推荐

html语义化面试题,前端面试题-HTML结构语义化
一.HTML语义化的背景 HTML结构语义化,是近几年才提出来的,对比之前的 HTML 结构,大多是一堆没有语义的标签.用的最多的就是 DIV+CSS,为了改变这种现状,开发者们和官方提出了 HTML ...
html的语义化面试题,前端面试题-HTML结构语义化
一.HTML语义化的背景 HTML结构语义化,是近几年才提出来的,对比之前的 HTML 结构,大多是一堆没有语义的标签.用的最多的就是 DIV+CSS,为了改变这种现状,开发者们和官方提出了 HTML ...
前端之网站结构语义化
前端之网站结构语义化网页基本组成专用标签 <header>:页眉 <nav>:导航栏 <main>:主内容 <aside>:侧边栏 <foot ...
THML结构语义化之table/form
以table/form标签语义化,做为博客首贴应用场景1-table表格 1 <table> 2 <caption> 3 <thead> 4 <th col ...
HTML语义化标签理解
1:语义化标签是什么? 语义化标签,目的是让标签有自己的含义 <p>语义化</p> <span>非语义化</span> 如上代码,p标签含义就是段落,而 ...
如何理解 HTML 语义化
你是如何理解 HTML 语义化的?(面试) 在了解 HTML 语义化之前,先科普一下下面几个名词: 语义:是语言所蕴含的意义 (语言的含义).简单的说,符号是语言的载体,符号本身没有意义,只有赋予含义 ...
前端面试—html语义化
html最常见的问题:语义化的HTML结构怎么理解? 前天面试对于这个问题我是这么答的: html语义化就是让页面的内容结构化. 1.在没有样式CCS情况下也以一种文档格式显示,并且是容易阅读的. 2 ...
如何搭建高质量、高效率的前端工程体系--页面结构继承
推荐理由: 推荐理由: 程序员在我们的印象中,就是不停的敲代码:而写的程序如何确保不出现bug,而且还能及时发现问题,下面我推荐的这篇文章,围绕整个前端的开发流程出发解决这两个问题,帮助大家提高产品质 ...
腾讯IVWEB团队：如何搭建高质量、高效率的前端工程体系页面结构继承
腾讯云技术社区-简书主页持续为大家呈现云计算技术文章,欢迎大家关注! 作者:莫卓颖序言相信很多程序员都会经历两件事:第一件事情是没日没夜加班撸代码:第二件事情是写的程序出现bug没有及时发现而被老 ...

IFE页面结构语义化

IFE页面结构语义化

IFE页面结构语义化相关推荐

最新文章

热门文章