＜nav＞导航标签 和div标签一样，块属性标签＜/nav＞    ＜main＞内容区域，和section没有区别＜/main＞    ＜section＞内容区域，和main没有区别＜/sect

最新推荐文章于 2023-06-08 00:15:00 发布
最新推荐文章于 2023-06-08 00:15:00 发布
阅读量234 收藏
点赞数 2
文章标签： 前端 html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25592087/article/details/127189376
版权

 <nav>导航标签 和div标签一样，块属性标签</nav>
    <main>内容区域，和section没有区别</main>
    <section>内容区域，和main没有区别</section>
    <footer>底部标签</footer>
    <main>

枕鸿
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML ＜nav＞ 标签
玄链教育
07-16 1122
nav> 标签定义导航链接的部分。
HTML常用标签和属性PPT
06-14
例如，`<header>`和`<footer>`用于定义页面头部和尾部，`<nav>`用于创建导航链接，`<section>`和`<article>`帮助组织内容结构，`<video>`和`<audio>`支持多媒体播放，`<canvas>`提供图形绘制功能。 4. 常见的HTML...
html5---nav标签
12-15 1177
nav是新增的html标签，只要html中使用nav标签，这样的布局就变成使用html5布局的网页。但html5新增标签局限性，低版本的IE浏览器不支持。 如果低版本浏览器浏览html5标签，对应布局将失效。设置的css样式也是无效的。所以要谨慎选择使用。 一般传统网页通常不会使用html5新增标签布局，所以注意选择使用。 智能手机浏览网页、平板电脑浏览的网页可以适当使用html5新增标签或
H5中<header><footer><nav>与<div>的区别
YinghaoGuo的博客
04-28 1万+
区别就是没区别，在H5出现以后，主张语义化标签，、等html5的这几个标签都是收集了网上数百万网站上出现概率比较多的部分确定的，比如网站80%都会用页脚来声明版权等等。 相比于普通的标签，H5的一些新标签只是增强可读性，同时运行时，搜索引擎会在查找元素上更省时，看下面一段代码： .... .... ....
「HTML和CSS入门指南」nav 标签详解
最新发布
a451319296的博客
06-08 8211
nav 标签是一个重要的标签，用于表示导航链接的区域。在使用 nav 标签时，请注意选择正确的属性和方法、语义化和嵌套，并避免兼容性问题。
nav，article ，aside，section，div区别
qq_43566496的博客
02-18 2626
article: 定义：它的内容独立于文档的其余部分。一般来说，article会有标题部分( 包含在header内 )，有时也会包含footer。 section 不是一个专用来做容器的标签，专用的是 div ,section 里应该有 标题（h1~6）.只有元素内容会被列在文档大纲中时，才适合用section元素。 aside为语义化标签，通常用来描述与文档主体内容不相关的内容。比如，博客文章用...
html5语义化标签以及使用标准
01-20
在实际的HTML5页面布局中，通常会结合这些标签来构建清晰的内容结构，如`<header>`、`<main>`（表示主要内容）、`<article>`、`<section>`、`<aside>`和`<footer>`的组合，以实现更合理的网页结构。
HTML.rar_HTML 手册_html 标签 手册
09-22
11. **语义化标签**：HTML5引入了许多新的语义化标签，如`<header>`、`<nav>`、`<main>`、`<article>`、`<section>`、`<aside>`和`<footer>`，帮助提高网页内容的可读性和可访问性。 12. **JavaScript交互**：虽然...
HTML5标签嵌套规则详解【必看】
09-28
- `<article>`、`<section>`、`<blockquote>`、`<li>`、`<dd>`、`<figcaption>`、`<div>`、`<main>`、`<td>`允许流元素作为子元素，但`<main>`不能包含自身。 - `<aside>`、`<nav>`允许流元素作为子元素，但不包括...
html实践：HTML5-了解不同类型的标签，元素和属性
02-09
1. 结构性标签：HTML5引入了新的结构性标签，如`<header>`（页眉）、`<nav>`（导航）、`<section>`（部分）、`<article>`（文章）、`<aside>`（侧边栏）和`<footer>`（页脚），这些标签有助于提高页面的语义性和...
html5结构标签,nav标签,ruby标签,mark标签,cite标签,section标签，article标签
qq_62779007的博客
03-06 2276
1.html5结构标签 <!DOCTYPE html><html><head><meta charset="utf-8"/><title>HTML5结构标签</title> <style type="text/css">header,nav,article,aside,section,footer{border:solid 1px red;padding:10px;margin:6px;} heade...
nav,section,div标签
qq_44709805的博客
11-08 1273
用来将具有导航性质的链接划分在一起，使代码结构在语义化方面更加准确，同时对于屏幕阅读器等设备的支持也更好。 一直以来，我们习惯于使用形如或这样的代码来写页面的导航；在HTML5中， 我们可以直接将导航链接列表放到<nav>标签中： <nav><a>首页</a><a>文章</a><a>关于</a></nav> 跟以前用div写是一样的用法： <div class="nav">&lt..
html基础知识
chengxuwa的博客
07-23 1180
Html可以大小写 xhtml只能用小写 Html可以不用结束 xhtml必须有结束标签 <H1>这是html大写</H1>；<h1>这是小写的html</h1>；<h1>这是html；<h1>这是xhtml</h1> Xhtml就是html的严格版 99%的语言都是写在body里面 学习html其实就是学习一堆的标签语言 标签：<div></div><p>&lt...
div 布局_HTML基础教程：div元素实现布局
weixin_39602976的博客
11-29 128
使用 元素的 HTML 布局注释： 元素常用作布局工具，因为能够轻松地通过 CSS 对其进行定位。这个例子使用了四个 元素来创建多列布局：#header { background-color:#1aaa11; color:white; text-align:center; padding:5px;}#nav { line-height:30px; background-color:#eeeee...
CSS选择器
qq_44101482的博客
07-02 152
1.ID选择器（#）：ID表示身份，在同一个页面中元素ID不允许重复，因为ID选择器只能选择一个元素 2.标签选择器（div）：根据标签名称选择所有相应标签 3.类别选择器(.nav)：选择拥有该类别的多个元素 4.通用选择器(*)：针对页面上所有标签都生效 优先级： 行内样式>ID选择器>类别选择器>标签选择器>通用选择器 选择器权重值: 通用选择器：1 标签选择器：10 类别选择器：100 ID选择器：1000 ...
HTML基本标签学习
cp123cp的博客
09-08 203
一、HTML 网页的结构（页面都是由html的标签嵌套而成） HTML5就是HTML1.01的升级版 每一个html的版本都会收纳一些默认标签，比如html5就比html4.01多了audio、video等一系列标签（html不能自定义标签，浏览器只识别被html收纳的标签） 需要使用前端开发工具 工具可以有多种选择VsCode、Pycharm、NpePad++、WebStorm、Hbulider 同一都是用HbuilderX，HbuliderX可以根据文件类型自动下载插件，比如Emm...
html5中nav标签（导航链接）的详细介绍
热门推荐
dayoudun的博客
11-03 3万+
在html5版本中，新增了很多语义标签，比如：header标签、footer标签、aside标签、nav标签等等。这些语义标签没有实际的显示效果，只是起到语义的作用。今天小编要介绍的就是其中一个，即nav标签。nav标签目前已经用的比较多了，通常在网站导航源代码中都能看见它的踪影 “nav”是英文单词“navigation”缩写，有“导航”的意思。那它在html中作为标签又有什么意思呢？我们一起来看看nav标签的定义及用法吧！ 一、nav标签定义及用法 在html中，nav标签是html5
nav元素标签
楠木大哥技术博客
07-25 2744
HTML5中的新元素标签用来将具有导航性质的链接划分在一起，使代码结构在语义化方面更加准确，同时对于屏幕阅读器等设备的支持也更好。 一直以来，我们习惯于使用形如或这样的代码来写页面的导航；在HTML5中，我们可以直接将导航链接列表放到标签中： Home About Blog 根据W3C的定义规范： nav元素是一个可以用来作为页面
使用html和css制作水平导航栏nav
aSuncat
07-09 3万+
使用html和css制作水平导航栏nav的方法及其效果： 1、li设置float:left; （1）代码片段：... <style> *{ margin:0; padding:0; } ul{ list-style-type:none; marg
<!DOCTYPE html> <html> <head> <title>招聘网</title> <meta charset=“utf-8”> <meta name=“viewport” content=“width=device-width， initial-scale=1.0”> <link rel=“stylesheet” type=“text/css” href=“style.css”> </head> <body> <header> <div class=“container”> <h1>招聘网</h1> <nav> <ul> <li><a href=“#”>首页</a></li> <li><a href=“#”>职位列表</a></li> <li><a href=“#”>公司介绍</a></li> </ul> </nav> </div> </header> <main> <div class=“container”> <section class=“job-list”> <h2>最新职位</h2> <ul> <li> <h3>前端工程师</h3> <p>公司名称：XXX公司</p> <p>工作地点：上海</p> <p>薪资范围：10k-15k</p> <a href=“#”>查看详情</a> </li> <li> <h3>后端工程师</h3> <p>公司名称：XXX公司</p> <p>工作地点：北京</p> <p>薪资范围：12k-18k</p> <a href=“#”>查看详情</a> </li> </ul> </section> <section class=“company-info”> <h2>公司介绍</h2> <p>公司名称：XXX公司</p> <p>公司规模：100人以上</p> <p>公司地址：上海市XXX路XXX号</p> <a href=“#”>查看详情</a> </section> </div> </main> <footer> <div class=“container”> <p>版权所有 © 招聘网</p> </div> </footer> </body> </html>帮我在职位列表加入多选框
05-11
<h3>前端工程师</h3> <p>公司名称：XXX公司</p> <p>工作地点：上海</p> <p>薪资范围：10k-15k</p> <label> <input type="checkbox" name="job[]" value="frontend">选择 </label> <a href="#">查看详情...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值