美文网首页Python圈软件测试Python基础
HTML基础7--文档与网站架构

HTML基础7--文档与网站架构

作者: 伊洛的小屋 | 来源:发表于2020-09-09 12:15 被阅读0次
文档的基本组成

一个页面通常由一下几个部分组成:页眉、导航栏、主内容、侧边栏、页脚
例如:下面的页面布局


构建内容的

在HTML中

  • <header>:页眉。
  • <nav>:导航栏。
  • <main>:主内容。主内容中还可以有各种子内容区段,可用<article><section><div>等元素表示。
  • <aside>:侧边栏,经常嵌套在 <main>中。
  • <footer>:页脚。
元素细节
  • [<main>]存放每个页面独有的内容。每个页面上只能用一次 <main>,且直接位于 [<body>]中。最好不要把它嵌套进其它元素。
  • [<article>] 包围的内容即一篇文章,与页面其它部分无关(比如一篇博文)。
  • [<section>] 与 <article> 类似,但 <section> 更适用于组织页面使其按功能(比如迷你地图、一组文章标题和摘要)分块。一般的最佳用法是:以 [标题]、作为开头;也可以把一篇 <article> 分成若干部分并分别置于不同的 <section> 中,也可以把一个区段 <section> 分成若干部分并分别置于不同的 <article> 中,取决于上下文。
  • [<aside>] 包含一些间接信息(术语条目、作者简介、相关链接,等等)。
  • [<header>] 是简介形式的内容。如果它是 [<body>] 的子元素,那么就是网站的全局页眉。如果它是 [<article>] 或[<section>] 的子元素,那么它是这些部分特有的页眉(此 <header> 非彼 [标题]。
  • [<nav>]包含页面主导航功能。其中不应包含二级链接等内容。
  • [<footer>] 包含了页面的页脚部分。
无语义元素

对于一些要组织的项目或要包装的内容,现有的语义元素均不能很好对应,HTML提供了 <div><span> 元素
div 是一个块级无语义元素,应仅用于找不到更好的块级元素时,或者不想增加特定的意义时

换行与水平分割线

<br>, <hr>两个元素, 一个作用是换行,一个作用是加分割线

欢迎下方【戳一下】【点赞】
Author:伊洛Yiluo
愿你享受每一天,Just Enjoy !

相关文章

  • HTML基础7--文档与网站架构

    文档的基本组成 一个页面通常由一下几个部分组成:页眉、导航栏、主内容、侧边栏、页脚例如:下面的页面布局 构建内容的...

  • HTML 文档与网站架构

    HTML不仅能够定义网页的单独部分(例如“段落”或“图片”),还可以使用块级元素(例如“标题栏”、“导航菜单”、“...

  • HTML文档于网站架构

    目标 了解如何使用语义标签来构建文档,以及如何制定简单网站的结构 文档的基本部分 网页可以看起来彼此不同,但它们都...

  • Make a website 学习笔记01

    1网站架构-文本,链接,图像等 1.HTML ,超文本标记语言,网页制作的基础。CSS 级联样式表,控制HTML ...

  • HTML基础标签总结

    一、HTML基础标签 1、文档声明 (1) 文档声明,声明当前网页版本html5的文...

  • HTML基础2--文档结构及注释

    HTML文档 先来看一段基础的HTML页面结构 : 声明文档类型 : 元素, 根元...

  • HTML 标签

    基础 文档类型 HTML 文档 文档标题 文档主体 to 标题 段落 换行 水平线 ...

  • html基础标签

    一个HTML文档的基本结构 HTML基础标签 标题与段落HTML 包括六个级别的标题, – 。通常一个页面只...

  • 网站架构基础 - Storyblocks 的架构

    本文以 Storyblocks 网站的架构为例,讲解网站架构的最基础的知识和概念,从 load labancer,...

  • 客户端JavaScript(三)

    文档对象模型(DOM) 文档对象模型是表示和操作HTML和XML文档内容的基础API,HTML文档的树状结构包含H...

网友评论

    本文标题:HTML基础7--文档与网站架构

    本文链接:https://www.haomeiwen.com/subject/eldeektx.html