登入
|
停止注册
开启辅助访问
设为首页
收藏网址
扫一扫关注微信
主页
Portal
版块
BBS
兴趣
Group
帮助
Help
专辑
Collection
了解社区
关于我们
租賃視界社區
»
版块
›
兴趣
›
電算技術
›
程序编码
›
HTML
›
HTML文档的基本组成部分-研究示例代码
HTML文档的基本组成部分-研究示例代码
[复制链接]
2946
0
坤FL
版块管理
2018-8-15 09:35
自【移动终端】
|
查看全部
HTML 代码中可根据功能来为区段添加标记。可使用元素来无歧义地表示内容区段。
为了实现语义化标记,HTML 提供了明确这些区段的专用标签,例如:
<header>:页眉。
<nav>:导航栏。
<main>:主内容。主内容中还可以有各种子内容区段,可用<article>、<section> 和 <div> 等元素表示。
<aside>:侧边栏,经常嵌套在 <main> 中。
<footer>:页脚。
示例代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>俱乐部</title>
<link
href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Sonsie+One"
rel="stylesheet" />
<link
href="https://fonts.googleapis.com/css?family=ZCOOL+KuaiLe"
rel="stylesheet" />
<link href="style.css" rel="stylesheet" />
</head>
<body>
<header>
<!-- 本站所有网页的统一主标题 -->
<h1>聆听天籁之音</h1>
</header>
<nav>
<!-- 本站统一的导航栏 -->
<ul>
<li><a href="#">主页</a></li>
<!-- 共 n 个导航栏项目,省略…… -->
</ul>
<form>
<!-- 搜索栏是站点内导航的一个非线性的方式。 -->
<input type="search" name="q" placeholder="要搜索的内容" />
<input type="submit" value="搜索" />
</form>
</nav>
<main>
<!-- 网页主体内容 -->
<article>
<!-- 此处包含一个 article(一篇文章),内容略…… -->
</article>
<aside>
<!-- 侧边栏在主内容右侧 -->
<h2>相关链接</h2>
<ul>
<li><a href="#">这是一个超链接</a></li>
<!-- 侧边栏有 n 个超链接,略略略…… -->
</ul>
</aside>
</main>
<footer>
<!-- 本站所有网页的统一页脚 -->
<p>© 2050 某某保留所有权利</p>
</footer>
</body>
</html>
复制代码
HTML 布局元素细节
理解所有 HTML 区段元素具体含义是很有益处的,这一点将随着个人 web 开发经验的逐渐丰富日趋显现。更多细节请查阅 HTML 元素参考。现在,你只需要理解以下主要元素的意义:
<main> 存放每个页面独有的内容。每个页面上只能用一次 <main>,且直接位于 <body> 中。最好不要把它嵌套进其他元素。
<article> 包围的内容即一篇文章,与页面其他部分无关(比如一篇博文)。
<section> 与 <article> 类似,但 <section> 更适用于组织页面使其按功能(比如迷你地图、一组文章标题和摘要)分块。一般的最佳用法是:以 标题 作为开头;也可以把一篇 <article> 分成若干部分并分别置于不同的 <section> 中,也可以把一个区段 <section> 分成若干部分并分别置于不同的 <article> 中,取决于上下文。
<aside> 包含一些间接信息(术语条目、作者简介、相关链接,等等)。
<header> 是简介形式的内容。如果它是 <body> 的子元素,那么就是网站的全局页眉。如果它是 <article> 或<section> 的子元素,那么它是这些部分特有的页眉(此 <header> 非彼 标题)。
<nav> 包含页面主导航功能。其中不应包含二级链接等内容。
<footer> 包含了页面的页脚部分。
HTML
相关帖子
用好 Html 锚点功能快速定位网页文本
了解HTML的网页布局结构
举报
回复
返回列表
论坛元老
论坛联合创始人
回复
转播
评分
分享
搜索
帖子
用户
热搜:
融资租赁
金融租赁
资产证券化
财务分析
风险
税务
银行
热门版块
社区工具
外国語
数学版
侦查学
法学版
热力设备融租
造纸印刷融租
投资学
计算机
统计学
股票基金研习
查看社区所有版块>>
投票调查
社区任务
我的收藏
购物中心
我的文辑
我的好友
参与活动
我的勋章
我的悬赏
我的投票
我的群组
我的话题
研究报告
融资租赁行业2023年回顾与2024年展望
联合资信主要观点: 2023年10月下发了金融租赁公司管理办法,体现了监管机构对
2023年租赁业调查报告(毕马威)
毕马威连续第5年发布租赁业调查报告。本刊结合租赁行业热点话题提供专业洞察,并汇总
2021年度融资租赁业调查报告
2021年度融资租赁业调查报告 下载地址:原链接
2021年融资租赁行业信用风险展望
一、融资租赁行业 2020 年信用风险回顾 1.信用等级迁移及风险事件回顾 202
《金融租赁行业发展报告(2007-2017)》
金融租赁行业发展报告(2007-2017) 《报告》主体内容分为导言、发展篇、环境篇、资产
更多
精华推荐
法律尽职调查指要
产业金融之脱虚向实下的融资租赁供给侧改革
2018年新租赁会计准则修订的内容整理
制造业项目尽职调查报告样本范例(适用于制
金融租赁公司产品手册(研究资料)
汽车租赁证券化:深化汽车金融服务正当时
营改增如何影响融资租赁业: 政策效应与适
融资租赁行业2014年度报告-租赁三十人论坛
更多
社区同学
坤FL
ejoty
更多
客服中心
Admin@tjrzzl.com
周一至周日 10:00-22:00 仅收市话费
站内客服
头条微博
邮件咨询
站务议事
关注我们
加入QQ群组
关注官方微信
关于我们
关于我们
友情链接
联系我们
帮助中心
运营理念
注册说明
获取硬币
服务说明
社区规范
免责声明
账户安全
关注我们
官方微博
官方空间
官方微信
电子邮局联系
周一到周八 10:00-22:00 [全年不休假]
7x24小时在线客服
移动版
禁言
关于
网站地图
-
全球融资租赁领域的联结者
|
津ICP备14004695号
| 津公网安备12011102000780号
快速回复
返回顶部
返回列表