html5语义化标签及优点

html5中的语义化标签

< h1~h6 >：标题，< h1 > 与 < title > 协调有利于搜索引擎优化。
< header >：网页头部，通常包括网站标志、主导航、全站链接以及搜索框。
< footer >：网页尾部
< small >：呈现小号字体效果，指定细则，输入免责声明、注解、署名、版权。
< title >：页面主体内容。
< ul >：无序列表。
< li >：有序列表。
< nav >：标记导航，仅对文档中重要的链接群使用。
< main >：页面主要内容，一个页面只能使用一次。如果是web应用，则包围其主要功能。
< article >：定义外部的内容，其中的内容独立于文档的其余部分。
< section >：定义文档中的节（section、区段）。
< aside >：定义其所处内容之外的内容。如侧栏、文章的一组链接、广告、友情链接、相关产品列表等。
< em >：将其中的文本表示为强调的内容，表现为斜体。
< strong >：和 em 标签一样，用于强调文本，但它强调的程度更强一些。
< mark >：使用黄色突出显示部分文本。
< figure >：规定独立的流内容（图像、图表、照片、代码等等）（默认有40px左右margin）。
< figcaption >：定义 figure 元素的标题，应该被置于 figure 元素的第一个或最后一个子元素的位置。
< cite >：表示所包含的文本对某个参考文献的引用，比如书籍或者杂志的标题。
< blockquoto >：定义块引用，块引用拥有它们自己的空间。
< q >：短的引述（跨浏览器问题，尽量避免使用）。
< time >：datetime属性遵循特定格式，如果忽略此属性，文本内容必须是合法的日期或者时间格式。
< abbr >：简称或缩写。
< dfn >：定义术语元素，与定义必须紧挨着，可以在描述列表dl元素中使用。
< address >：作者、相关人士或组织的联系信息（电子邮件地址、指向联系信息页的链接）。
< del >：移除的内容。
< ins >：添加的内容。
< code >：标记代码。
< meter >：定义已知范围或分数值内的标量测量。（Internet Explorer 不支持 meter 标签）
< progress >：定义运行中的进度（进程）。

语义化标签的优点

HTML结构清晰
代码可度性好
无障碍阅读
搜索引擎可根据标签的语言确定上下文和权重问题
移动设备能更完美的展示页面
便于团队维护开发

html5语义化标签及优点相关推荐

好程序员web前端分享常见html5语义化标签
为什么80%的码农都做不了架构师?>>> 好程序员web前端分享常见html5语义化标签,我们知道,创建结构清晰的页面可以建立良好的语义化基础,也降低了使用css的难度,下面总 ...
section、article、aside区别及HTML5语义化标签
在HTML5标准中,新加了几个用于增添页面语义的标签,这些标签有:article.section.nav和aside等.与别的大多数标签不同,浏览器在解释渲染这些标签的时候仅仅把它们作为普通的div块 ...
HTML5语义化标签综合基础案例,HTML5语义化标签综合案例
HTML 标签声明必须是 HTML 文档的第一行,位于标签之前. 声明不是 HTML 标签:它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令. 请始终向 HTML 文档添加 ...
html5语义化布局分割代码,HTML5语义化标签布局的兼容性.html
html5语义化标签布局兼容性调整 header, section, footer, aside, nav, main, article, figure { display: block; } bod ...
html5语义化标签加粗,html5标签 H5标签
html> h5文本元素 1.文本元素 2.加粗文字 b 3.倾斜文字 i 4.删除文字 del 5.加粗文字2 strong 6.安全换行 wbr~~~ 7.强调倾斜元素 em 8.删除线2 ...
什么是HTML语义化标签？为什么要用H5语义化标签？HTML5语义化标签有哪些
对于大部分初学者来说,可能无法理解,明明在学习的时候,用div标签就能构成页面,为什么要用h5语义化标签?可能有一些前端工作者对HTML标签语义化的概念也不是很清楚,那么究竟什么是HTML语义化标 ...
html标签语义化的好处,(2019)[前端]面试题[9]：HTML5语义化标签和新特性
问题知道语义化吗?说说你理解的语义化,如果是你,平时会怎么做来保证语义化? 说说你了解的HTML5语义化标签,HTML5新增了那些新特性? Hello,欢迎来到我的博客,每天一道面试题,我们共同进步 ...
html语义化有利于seo,HTML5语义化标签对SEO的影响
问:html5语义化标签对SEO有什么影响? 答:html5语义化标签不会对SEO造成重大的影响,它并不会影响你的网站排名以及抓取:语义化标签主要是为了让搜索引擎更加的懂你,更加的明白你的网站:不用h ...
html5语义化规范,html5语义化标签使用规范
Html5添加了很多语义化标签,一个典型的html5页面结构可以如下安排一.使用案例 1. 头部--header和nav标签 header头部,body下的直接子元素header一般用于放页面的介绍 ...

html5语义化标签及优点

html5语义化标签及优点

html5中的语义化标签

语义化标签的优点

html5语义化标签及优点相关推荐

最新文章

热门文章