文章同步到github 以前没怎么太注意过meta标签的作用,只是简单了解一些常用属性,现在结合个人了解的进行记录与总结: 元数据 首先需要了解一下元数据(metadata)元素的概念,用来构建HTML文档的基本结构,以及就如何处理文档向浏览器提供信息和指示,它们本身不是文档内容,但提供了关于后面文档内容的信息.--出自<html5权威指南> 如title.base.meta都是元数据元素.本文主要介绍<meta>. <meta>元素 <meta> 元素可提

1.html模板<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>模板</title></head><body></body></html> 2.DOCTYPE声明放在html文件头部最新HTML5用<!DOCTYPE html>声明 3.css的引入方式a.直接在html下引入<st

今日内容 HTML简介 HTML是构造网页的骨架>>>:几乎所有的网站都是由HTML构建而成 HTML:超文本标记语言 # 不是一门编程语言 没有任何的逻辑 只有固定的标记功能 """ HTML标签的分类 1.双标签(有头有尾) <a></a> 2.自闭合标签(单标签) <img> """ # HTML文档结构 <html> <head>编写给浏览器查看的内容</

目录 前端和后端的概念 前端前戏之B/S架构 数据交互的协议 HTTP协议 1.四大特性 1. 基于请求响应 2. 基于TCP.IP作用与应用层之上的协议 3. 无状态 4. 无\短连接 2.数据格式 3.响应状态码(status code) websocket协议 代码模拟服务端发送HTML HTML概览 head内常见标签 meta style link script body内常见标签 h1 p (u i s b) br hr 特殊符号 &nbsp &gt &lt &

在现在的网站设计中使用reset.css用重置整个站点的标签的CSS属性的做法很常见,但有时候我们已经为了reset而reset,我们经常看到这样的reset代码 div{ padding:0px; margin:0px; } span{ margin:0px; } 其实大部分CSS reset是没必要的,多写了只会增加浏览器在渲染页面是的负担,当然有同学会说CSS reset还是有其意义的,这个我也承认,但是我们可以通过了解一些标签的CSS属性的默认值来避免过度的reset 标签属性默认值 由

说明: 所谓常见,是指我在优秀网页源码中见到的. 1.viewport 我见到的时候是这样: <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> viewport就是设备的屏幕上用来显示网页的区域. 先解释看到的参数: width:viewport宽度,这里设

HTML其实就是把页面的数据封装并加上标签 表头<head> <title> 浏览器标题栏显示的内容 <base> 有href和target属性,href指定网页中所有超链接的基本目录,target指定打开超链接的方式,如_blank为在新窗口中打开 <meta> name网页的描述信息,可以设置网页搜索的关键字keywords.http-equiv可以设置自动刷新 如:<meta http-equiv="refresh" cont

1. Resizable 属性 原理: 页面加载完毕后,EasyUI主文件会扫描页面上的每个标签,判断这些标签的class值是否以"easyui-"开头, 如果是,则拿到之后的部分"resizable",EasyUI主文件会将当前的标签处理(渲染)为"resizable"这种效果; EasyUI 组件包括: 属性,事件和方法; // 以标签的形式,实现resizable // 其中,data-options 表示的是属性值 <body>

<!DOCTYPE html> <!--#浏览器的兼容模式--> <html lang="en"> <head> <!--head标签包含的子标签--> <meta charset="utf-8"> <!--meta标签 name属性主要用于描述网页,与子对应的值为content,content中的主要内容是便于搜索引擎 查找信息和分类信息用的--> <meta name=&q

什么是浏览器 解释和执行HTML源码的工具 五大浏览器:IE.FF(FireFox)(火狐).Chrome(谷歌).Opera(空中).Safari(Apple)(苹果) IE用的是Trident引擎(WebBrowser控件) 其它很多都用的是WebKit引擎(开源浏览器内核) HTML:Hypertext Markup Language超文本标记语言 CSS:Cascading Style Sheet层叠样式表 静态页面和动态页面 静态页面:后缀名为html或htm的都是静态页面 动态页面:

标题:h1.h2.h3.h4.h5.... 段落:p 换行:br 容器:div.span(用来容纳其他标签) 表格:table.tr.td 列表:ul.ol.li 图片:img 表单:input 链接:a 1.结构性标签 负责Web上下文结构的定义,确保HTML文档,包括: article  文章主体内容(一篇博客.一篇论坛帖子.一段用户评论.插件) header   标记头部区域内容 footer   标记脚部区域内容 section  区域章节表述 nav      菜单导航,链接导航  

<body> <!--标题标签--> <h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6> <div></div> <div> <input value="张三"> <input type="

主体 body中常见属性 属性 表格 列表 表单 其他 input字段属性 form字段属性

W3C提倡的web结构: 内容(HTML)与表现(css样式)分离 内容(HTML)与行为(JS)分离 HTML内容结构要求语义化 基本规范: 标签名和属性名称必须小写 HTML标签必须关闭 属性值必须用引号括起来 标签必须正确嵌套(标签不能交叉) 超级链接 *(了解)rel:用于表明被链接文档与当前文档的关系:       rel="prev"(被链接文档是)前一篇文档 rel="next"(被链接文档是)后一篇文档 rel="icon" 被链

已经很久没有更新博客了,从今天开始要继续走在学习的路上,话不多说,先来干货: 目录 1. HTML定义 2. H标签 3. Img标签 4. P标签 5. A标签 6. 无序列表 7. 有序列表 8. Form表单 9. Text input文本输入框 10. Button submit提交按钮 11. 单选按钮 12. 复选按钮 13. Div标签 -------------------------------------------黄金分割线-------------------------

b:加粗 s:删除线 u:下划线 i:斜体 per:原样输出 sup:上标 sub:下标 p:段落标签 比br多一行 (CSS) div:自动换行 span:在一行显示 完整代码: <html> <head> <title>World</title> </head> <body> <b>AA</b> <u>BB</u> <i>CC</i> <s>DD&

HTML 标签简写及全称 下表列出了 HTML 标签简写及全称: 标签 英文全称 中文说明 a Anchor 锚 abbr Abbreviation 缩写词 acronym Acronym 取首字母的缩写词 address Address 地址 alt alter 替用(一般是图片显示不出的提示) b Bold 粗体(文本) bdo Direction of Text Display 文本显示方向 big Big 变大(文本) blockquote Block Quotation 区块引用语 b

 一 .单车案例 二. HTML快速入门 红字表示要掌握的内容 超文本标记语言,此处的标记指的即是关键字,其用处是用来写页面(展示数据). 语法:(1)./当前目录:../ 父级目录 (2)注释符号:<!--....--> 1. 标签:建议小写,一般成对出现 页面展示的数据写在body里面,标签可以嵌套 元素(对象): 从标签开始到标签的结束:包含子元素.文本.属性 (1)font(此标签可以给文本赋予颜色): (2)img:   <img src="图片路径" /&

@Controller(value=“名字”,descripation="描述",tags="具体" ) @RestController控制器(path="",product="charset utf-8") @AutoWired swagger用法 @API(方法) @ApiOperation @getMapping @HystrixCommand(熔断) @Service服务 方法 @Service @AutoWired

控制文字滚动 <!-- direction="right up down left" --> <!-- behavior:滚动方式(包括3个值:scroll.slide.alternate) --> <!-- 说明:scroll:循环滚动,默认效果:slide:只滚动一次就停止:alternate:来回交替进行滚动. --> <!-- scrollamount="5" 滚动速度 --> <marquee beha

  块级(block): div,ul,li,h1~h6,p 独自占据一行 可设置宽高 行内(inline): span,a 占据所设置字体大小 不可设置宽高 上下margin值不会占用空间 行内块(inline-block): img,input 与其他元素所处同一行 可设置宽高