Accordion 控件具有保持其选中状态的功能,当页面发生提交的过程后,Accordion 保留其提交前选中的页面。...它支持以下三种显示和排版方式: None - Accordion 在其展开或者折叠过程中,将根据它内部显示的内容自动尺寸的变化,不受到任何的条件限制。...如果将 AutoSize 属性设置为 None 它将可能造成页面上的其它元素跟随 Accordion 的尺寸变化产生向上或者向下的移动。...Limit - 它将使得 Accordion 控件永远不能将它的尺寸扩展到规定的高度(Height)属性之外, 如果将 AutoSize 属性设置为 Limit,可能会造成在某种情况下,它里面的内容需要通过滚动条来滚动...TransitionDuration - 用毫秒表示的渐变效果显示的时间。 AutoSize - 设置 Accordion 的显示和排版方式,你可以在上面的概述中找到它的描述。
H标签将主体内容分解成子主题和子子主题。描述了整篇文章所涵盖的主题。在这之下,其他标签用于给子主题分级。所以每个都是整个主题(父标签)的一个不同的子主题。...在语义上使用标签来表示结构并使用CSS /类来控制文本的视觉方面。 提示:虽然标题从H1到H6都可以使用,但使用H5和H6的时候几乎不存在。...在上面的例子中,我们明确指出我们正在谈论这本书。 8 blockquote标签=定义一个摘自另一个源的块引用: 应包含一个标记以指示原始来源。... 标签没有带来SEO价值,并且对于所有意图和目的而言,都是多余的。 在99%的案例中,本文中描述的语义HTML5标记之一更合适,应该用来代替。...黄伟老师可以在这告诉你:“标记正确语义的内容的页面,机器人就越容易处理理解它。” 目前,大多数SEOer不知道如何使用语义HTML5标签,并使用(错误的)非语义标签。
网页布局, 对改善网站的外观非常重要,请慎重设计您的网页布局。在HTML中虽然我们可以使用table标签来设计出漂亮的布局,但是table标签是不建议作为布局工具使用的(表格不是布局工具)。...0x01 样式布局区块 div 标签 描述: 该标签定义 HTML 文档中的一个分隔区块或者一个区域部分(division/section),常用于组合块级元素,以便通过 CSS 来对这些元素进行格式化...描述: 该元素表示页面的一部分,其目的是在当前文档或其他文档中提供导航链接,其常见示例是菜单,目录和索引。...描述: 该元素表示文档、页面、应用或网站中的独立结构,其意在成为可独立分配的或可复用的结构,如在发布中,它可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件,或者其他独立的内容项目。... aside 标签 描述: 元素表示一个和其余页面内容几乎无关的部分,被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响
基本原则 结构、样式、行为分离 统一缩进(建议 两个空格) 文件编码统一 不带BOM的UTF-8 一律使用小写字母 省略外链资源 URL 协议部分(FTP等其他URL不省略) 统一注释 HTML 标签...DOCTYPE html> 语言属性 字符编码(必须是标签的第一个子元素) 优先使用最新内核 <meta...CSS 以组件为单位组织代码 组件块和子组件块以及声明块之间使用一空行分隔,子组件块之间三空行分隔; 如果使用了多个 CSS 文件,将其按照组件而非页面的形式分拆,因为页面会被重组,而组件只会被移动;...避免选择器嵌套层级过多, 尽量少于3级 避免Class ID叠加使用 声明块 选择器分组时, 保持独立的选择器占用一行 声明块的左括号 { 前添加一个空格; 声明块的右括号 } 应单独成行; 声明语句中的....hbs 使用 hbs 后缀表示模版 btn button 的缩写 link 超链接 title 主要文本 img 图片路径(img标签src属性) dataset html5 data-xxx 数据接口
XHTML的出现是为了过渡到xml HTML中不区分大小写,但是我们一般都使用小写 HTML的注释不能嵌套(就和c++中的if-else一样) HTML标签必须结构完整,要么成对出现,要么自结束标签 浏览器会尽最大努力正确解析页面...元信息是指描述自身的信息,元信息类标签是指html中用于描述文档自身的一类标签 通常出现在head标签中,提供给浏览器或者搜索引擎阅读的,一般不会显示给用户 meta标签永远位于head元素内部 属性... 常用的标签: 二者之间的关系 一般情况下会在块元素中放行内元素 而不会在行内元素中放块元素...块元素中一般什么都能放 但是尤其注意:p元素中不能放任何的块元素 在页面中独占一行的元素称为块元素block element 在页面中一般通过块元素来对页面进行宏观布局 标题标签 HTML中一共有六级标签...:h1~h6 h1最大,为一级;h6为最小,为6级 一般不用,主要是css来修改 使用HTML标签时,关心的是标签的语义,我们使用的标签都是语义化标签 6级标签中,h1最重要,表示一个网页中的主要内容,
相对于其他语义化标签,h1~ h6在搜索引擎优化(即SEO)中占有相当重要的地位。 在一个页面中,h1 ~ h6这6个标签,我们不需要全部都用上,都是根据需要才用的。...对于 h1~ h6,—般情况下我们只会用到h1、h2、h3和h4,很少再会去用h5和h6,因为一个页面不可能用到那么多级的标题。...4.不要用div来代替h1~h6 从语义上来说,一个页面的标题应该使用h1〜h6标签,不要使用div来代替。...如果图 片仅仅是起到修饰作用,并且不想被搜索引擎识别,则应该使用背景图片。 举个例子,图左这个页面中的图标图片就应该使用背景图片实现,因为这些图标并不 需要被搜索引擎识别,也不作为HTML的一部分。...而图右页面中应该使用img标签来实 现,因为这是页面HTML结构的一部分,并且希望被搜索引擎识别。
例子解释: 与 之间的文本描述网页 与 之间的文本是可见的页面内容 与 之间的文本被显示为标题...注释:浏览器会自动地在标题的前后添加空行。 注释:默认情况下,HTML 会自动地在块级元素前后添加一个额外的空行,比如段落、标题元素前后。...标题很重要 请确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。 搜索引擎使用标题为您的网页的结构和内容编制索引。...HTML 水平线 标签在 HTML 页面中创建水平线。 hr 元素可用于分隔内容。...A默认情况下,HTML 会自动地在块级元素前后添加一个额外的空行 B使用标题仅仅是为了产生粗体或大号的文本 C搜索引擎使用标题为您的网页的结构和内容编制索引 2.下面几个标题哪个权重最高,最主要?
HTML页面结构层HTML 分以下方面学习: HTML基础, HTML表格, HTML表单, 搭建网页结构 html基础 学习前端的第一门课程,为HTML基础,HTML标记语言,它是网页制作的第一步...文件必须使用HTML或htm为文件名后缀 HTML大小写不敏感,HTML与html一样 HTML是一个文本文件 ?...file HTML基础语法 学习内容 HTML基本结构 HTML标签 HTML元素 HTML属性 注解 注解:div标签为块级结构布局元素,因此将在css中结合盒模型进行讲解。...file 文字和段落标签 标题标签: ~ ?...标签对中的第一个标签是开始标签,第二个标签是结束标签 什么是HTML HTML是用来描述网页的一种语言 HTML超文本标记 无序列表 1 2</li
本文内容概要: 1 行元素的使用 2 块元素的使用 2 行、块元素的特性区别 4 行、块元素的区别总结 5 HTML5元素的总结 在页面开发中,我们会把标签做一个分类,大致划分为:行元素、块元素、第三类元素... 描述列表中的项目 代码案例图解: ?...h系列标签的范围为h1~h6,为了SEO优化常用h1~h3,h4~h6不推荐使用,h4较为少用。...2、text-align属性是行、块元素表现的又一不同 这个特性描述了如何使一个块元素的行内内容对齐; 注意一点,w3c标准里说这个属性是用来对齐行内内容的,所以不应该对块级内容起作用;解释一下,行内内容是说由行内元素组成的内容...五、HTML5的元素总结 上文中我们讲解了很多标签的特点与使用方法,究其根本,也仍然还是在对行、块元素做了很大篇幅的介绍。而对于HTML5来说,不仅仅只是由行、块两大类元素组成的。
Jumbotron 里头可以放一些 HTML标签,也可以是 Bootstrap 的元素。 可以通过在 元素 中添加 .jumbotron 类来创建 jumbotron。...在 v5 版本中的标签链接不再拥有 focus 或 hover 样式。 标签可以作为链接或按钮的一部分,用于计数器。 使用背景通用类别来快速修改标签的外观。...将 .carousel-fade 加到轮播中,以使用淡入淡出的取代滑动的动画效果。...nextWhenVisible 如果页面或是其父层不可见,就停止将轮播循环到下一个。在目标项目显示前回传给调用者。 to 将轮播指向特定的索引。(与数组相同,从 0 开始)....使用 flexbox 通用类别、float 通用类别,或是 文字排版 在任何情况下都可以将读取图示精确地放置在您需要的位置上。
https://github.com/WindrunnerMax/EveryDay 语义化可以总结为 根据内容选择标签,用最恰当的标签来标记内容 例如网页中的标题使用~这样的标签,...而不是使用+css 语义化好处 使HTML结构变的清晰,有利于维护代码和添加样式 通常语义化HTML会使代码变的更少,使页面加载更快 即使在没有CSS样式的条件下,也能很好地呈现出内容结构、代码结构...表头和一般单元格要区分开,表头用,单元格用 常用语义化标签 ~ 定义页面的标题,-元素等级以此降低。... 定义块引用,可以使用元素提供文本表示 表示被标记或突出显示以供参考或标记目的的文本。 表示特定的时间。...弃用的HTML元素 这些是旧的HTML元素,已弃用,不应继续使用。 不要在新项目中使用它们,应尽快在旧项目替换它们,即使它们现在依然可以使用。
一个 标签通常会包含一些文本内容。 标题元素:使用 到 标签表示标题。这些标签通常用于页面上最重要的标题,从 到 分别表示从大到小的标题。...这两个标签通常用于强调文本内容,但它们的效果在大多数现代浏览器中已经不再明显。 文本块元素:使用 或 标签表示文本块,这些标签通常用于组织页面上的内容。... 你可以将这个示例复制到你的网页中,并根据需要调整段落内容。记住,好的内容加上合适的 HTML 标签,将有助于创建引人入胜的网页。...> H5的标题标签通常是到,这些标签具有以下属性: 语义化内容:标题标签是语义化标签,它们为搜索引擎和辅助阅读工具提供了关于页面内容的重要信息。...例如: 1号物品 2号物品 3号物品 (描述列表):这个标签常用于包含描述列表中的 (定义项目)和 (
在上一篇文章python3 爬虫学习python爬虫库-requests使用方法详细介绍中我们介绍了使用requests的使用方法 import requests # 导入requests...为了弄懂爬虫解析和提取的代码究竟是什么意思,咱们得先来学习一下html的基础知识。... 块内容 定义文档中的分区或块 这是一个段落。 元素定义了 HTML 文档中的一个段落。... 这是第六级标题 标题(Heading)是通过 - 标签来定义的 HTML 标签语法 HTML标签以开始标签起始(不带斜杠的为开始标签:) HTML... 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。标签位于文档的头部,不包含任何内容。
h1~h6不一定全部都用上,都是根据需求使用。 1.一个页面只能有一个h1标签 h1标签表示每个页面中最高级的标题,搜索引擎会赋予h1标签最高权重。...4.不要用div来代替h1~h6 从语义上讲,页面中的标题应该使用h1~h6标签,不要使用 div 来代替。...1.alt属性和title属性 img标签有2个重要属性:alt 和 title。 alt 属性用于图片描述,其中的描述文字是给搜索引擎看的,并且当图片无法显示时,页面会显示alt中的文字。...我们应根据HTML语义来判断,如果图片作为HTML的一部分,并想要被搜索引擎识别,则应使用img标签,例如常见的图片列表。 如果图片仅仅起到修饰作用,并不想被搜索引擎识别,则应该使用背景图片。...八、HTML5舍弃的标签 在HTML5中,除了新增的标签外,也将部分标签进行舍弃。 被舍弃的标签,总体可以分为 2 大类: 仅仅为了定义样式,没有任何语义,因此被舍弃。
从这个侧边栏我们可以明显的知道,侧边栏顶部是 logo 区,或者你放其他的也行,logo 之下就是对应的菜单,那么侧边栏的内容就分为两块,一个上一个下,并且这一上一下的结果所属于一个侧边栏,那么此时肯定需要一个...,对文字使用 span 标签可以很好的进行控制;在 logo 样式中,还设置了当前 div 为 flex 样式,这样就可以很好的控制其中的内容是否居中等操作了,接着我们设置了 logo 的 span 样式...label 表示 accordion 样式下的 item 样式下的 label 标签样式,颜色为白,给予背景色,设置 display 为 block,并且给予对应的 padding,以及下边框(这样每个...;接下来设置对应 a 标签的 hover 标签,这个标签我们需要有一定的动画效果,那么在 a 标签的样式中添加过渡动画,并且添加 position: relative,因为接下来添加的效果需要脱离文档流制作...ul 的意思是为所有相同父元素中位于.accordion input:checked 之后的所有 content 下的 ul 元素设置CSS,其中 波浪线 之前表示 什么什么之后,content ul
,在很多情况下,我们可以使用其他更合适且更简洁的标签可以替代它。... b、通过多重组合,减少不必要的CSS命名 四、语义化标签的使用 a、列表:ul、ol、li、dl、dt、dd b、标题:h1~h6 c、段落:p d、强调:strong e、表格...:table、tr、td,以及表格的其他成员th、thead、tbody、tfood 附录:常用HTML标签表 红色:结构标签 黑色:行内元素 蓝色:块级元素 绿色:表格元素 灰色:其他标签 定义文档的主体,默认有外边距,注意清除。 定义页面的信息。 定义 HTML 文档。 定义页面的描述信息,便于搜索优化。... 定义一个行内元素的空盒子。 定义一个块级元素的空盒子。 to 定义标题部分,默认有外边距,块级元素。
{% block head %} {% endblock %} 这个是Jinja2的自定义块,在Flask-Bootstrap中有很多定义好的块: 块名 说明 doc 整个HTML文档 html_attribs...标签中的属性 html 标签中的内容 head 标签中的内容 title 标签中的内容 metas 一组标签 styles CSS定义 body_attribs...标签的属性 body 标签中的内容 navbar 用户定义的导航条 content 用户定义的页面内容 scripts 文档底部的JS声明 如果需要保留自带基模板的块中原有的内容...里面具体的url_for()函数属于静态路由的一部分。...就是我们自定义的块标签,我们在其他页面中就可以使用了。
领取专属 10元无门槛券
手把手带您无忧上云