`

html5语义化定义的新标签

 
阅读更多
之前我们开发相关的页面布局的时候，往往都是使用CSS来定义相关的头部，导航及其页底部分。新的HTML5标准中定义了一系列的标签，更语义化的定义页面层次和逻辑，不需要自己定义相关的DIV，HTML5提供了现成的标签来完成结构化定义。
浏览器兼容性：Internet Explorer 9, Firefox, Opera, Chrome 以及 Safari

分享到：
| pl/sql记住用户名和密码
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Web前端基础：HTML5语义化标签.pptx

    HTML5语义化标签示例<article> 文章标题</h1> 这是一篇文章 评论1...</article> 评论2...</article></article>HTML5语义化标签标签标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。...

    详解HTML5常用的语义化标签

    快速查询 article | aside | nav | section | header | footer 架构预览 nav 定义导航链接的部分 ... <li><a>Html5</a> article 定义文章 装载显示一个独立的文章内容，论坛帖子、新闻、博客文章、用户评论等，

    HTML5 对各个标签的定义与规定：nav

    HTML5中的新元素标签用来将具有导航性质的链接划分在一起，使代码结构在语义化方面更加准确，同时对于屏幕阅读器等设备的支持也更好。 一直以来，我们习惯于使用形如或这样的代码来写页面的导航；在HTML5中，我们...

    HTML5中语义化 b 和 i 标签

    而在新的 HTML5 工作草案 中对于 b 和 i 标签是这样定义的： 从规范中可以注意到：b 和 i 元素将被赋予真正的语义。更应有预见性注意 b 、i 与 strong 、em 的不同使用 。 扩展阅读： HTML4 到 HTML5 的变化 A ...

    Html技巧 语义化你的代码

    Html语义化, 似乎是一个老生常谈的问题. Google 一下,也有大把关于语义化的文章. 为什么要语义化标签? 我是这样认为的:Html的每个标签都有它特定的意义,而语义化,就是让我们在适当的位置用适当的标签, 以更好的让...

    减少代码和语义化标签实现方法

    你可以通过给相应的语义化的标签定义、引用新的css就可以达到同样的效果。实例1：一下案例展示的是如何去掉div标签并定义一个新的样式给form标签。实例2有时我们为了实现内容间间距的效果而在内容的外面嵌入一个多余...

    HTML_CSS学习笔记.docx

    2. HTML5语义化标签 8 2.1. 语义化 8 2.2. 标签：段落标签 8 2.3. 标签：DIY一个标签 8 2.4. 标签：添加标题 9 2.5. 标签：自定义块 10 2.6. 标签：定义头部区域 11 2.7. 标签：定义底部区域 12 2.8. 标签：定义区段...

    html5和css3 API

    HTML5定义了一系列新元素，如新语义标签、智能表单、多媒体标签等，可以帮助开发者创建富互联网应用，还提供了一些Javascript API，如地理定位、重力感应、硬件访问等，可以在浏览器内实现类原生应用，甚至结合...

    HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法

    HTML5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局，加上CSS3的效果渲染，快速建立丰富灵活的web页面显得非常简单。 HTML5的新标签元素有： 定义页面或区段的头部； 定义页面或区段的尾部...

    CSS教程：语义化方法替代结构化方法

    今天软件开发网想通过分析一个流行三栏布局中的必要元素，来为大家讲解关于使用语义化方法替代结构化方法来命名CSS类的建议和指导。 　CSS代码的命名惯例一直是大家热门讨论的话题。今天软件开发网想通过分析一个...

    HTML5 新标签全部总汇(推荐)

    　使用后感觉和P差不多，语义化的标签。 <aside> 标签定义article以外的内容（可用做文章的侧栏）. 语义化的标签。 <audio>标签定义音乐。　支持三种格式,ogg,mp3,wav。 Safari仅支持MP3 and WAV 两种格式. ...

    HTML（超文本标记语言）笔记.txt

    语义化： HTML的语义化是指使用适当的标签来描述内容的含义，而不仅仅是外观。例如，使用标签表示标题，表示导航，表示文章等，有助于提高搜索引擎优化和可访问性。 基本结构： HTML文档通常以<!DOCTYPE>声明开始，...

    html5 figure和figcaption的使用方法

    figure标签和figcaption标签是html5新增的语义化标签。 figure标签，html5语义化标签。 用于规定独立的流内容（图像、图表、照片、代码等等）。 figcaption标签，html5语义化标签。 与figure配套使用，用于标签定义...

    我们遗忘的一些极富于语义的HTML标签

    其实有很多html tags是极富于语义的，而在table布局大行其道后，很多语义化的标签就慢慢的被人们淡忘了。比如可能很多人一次都没见过的标签：dl, dt, dd, cite, q, dfn, ins, del, var等等。 1. dl, dt, dd系列定义...

    前端基础-HTML5新特性

    html5的新特点 1.语法更简单 a) 头部声明 b) 简化了字符集声明 2.语法更宽松 a) 可以省略结束符的标签 li、dt、dd、p、optgroup、option、tr、td、th b) 可以完全省略的标签 html、head、body 3.标签语义化 增加了...

    自己整理的一些HTML的基础知识，如果能够帮助到你们，我就很开心啦

    一.HTML定义 超文本标记语言二.第一个HTML页面 1、<!DOCTYPE html> 描述当前文件的版本信息，如果没有详细说明4.0还是x1.0 那就是5版本。...（该放P就放P）为什么要标签语义化：因为浏览器只认识标签，没有语

    HTML5网页设计和制作(1-4)：语义标签/智能表单/标签自定义属性

    HTML5 是定义 HTML 标准的最新的版本。它是一个新版本的HTML语言，具有新的元素，属性和行为；它有更大的技术集，允许构建更多样化和更强大的网站和应用程序。这个集合有时称为HTML5和它的朋友们，不过大多数时候仅...

    DoubleY自动生成HTML全站静态程序 3.0.rar

    6.支持html模板标签自定义，全部采用html5构架,使标签更加语义化，更加适宜于搜索引擎。 7.支持简单的会员模块，具有相应的留言评论、下载、上传、注册、密保权限和会员反馈、vip资源共享系统。 DoubleY自动生成...

    从入门到精通HTML5——PDF——网盘链接

    　第11章 HTML 5的新特性 221 　视频讲解：6分钟 　11.1 谁在开发HTML 5 222 　11.2 HTML 5的新认识 222 　11.2.1 兼容性 222 　11.2.2 实用性和用户优先 222 　11.2.3 化繁为简 223 　11.3 无插件范式 223 　11.4 ...

Magicbox
Global site tag (gtag.js) - Google Analytics