HTML5知识点笔记
1.HTML是一种标记语言
2.HTML元素不区分大小写 //可以在xss绕过waf时使用
3.<code></code>为空元素标签
<code/>为自闭合标签
<hr>虚元素标签
<hr />用空元素标签形式表示的虚元素标签
4.一个元素可以应用多个属性,这些属性间用空格分隔
5.属性顺序没有要求
6.布尔属性
例如:disabled
disabled=””
disabled=”disabled”
效果相同
7.用户自定义属性为data-属性=”名称”
8.<!DOCTYPE HTML>向浏览器说明处理的是HTML标记
9.<body>元素是向用户展现页面的内容
10.HTML5将元素分为三种类型
元数据元素(metadata element)
流数据元素(flow element)
短语元素（phrasing element）
11.每种元素都有自己规定的属性称为局部属性
12.全局属性（global attribute）可以配置所有元素的共同行为
13.class属性
将元素归类，方便css设计样式，一个元素可以归入几个类别。
<a class=”class1 class2” href=”http://www.paxmac.org”>paxmac</a>
14.<style type=”text/css”>
.class2{
background-color:grey;
color:white;
}
15.dir属性
dir属性用来规定元素中文字的方向.有两个有效值:ltr(从左到右的文字)rtl(从右到左)
16.contenteditable
内容可以被用户编辑
17.hidden属性
hidden属性是个布尔属性,表示当前的相关元素无需关注.
18.draggable属性
表示当前元素是否可以被拖放
19.dropzone属性
与draggable属性搭配使用.
20.lang属性
必须使用iso代码
21.id属性
用来给元素分配一个唯一标识符.
定义样式时使用一个#号开头后接ID属性值
id属性还可以导航到文档中的指定位置。如果有一个html中包含id，那么example.html#myelement可以直接导航到这个元素，该URL末尾称为url片段标识符。
22.spellcheck属性
浏览器对用户可以编辑的内容进行检查，只接受两个值：true，flase
23.style属性
style属性直接用来在元素身上定义CSS样式。
24.tableidnex属性
html页面上的键盘焦点可以通过TAB键在各元素间切换，tableindex可以切换TAB键的切换顺序，如果设置为-1，则不会被选中
25.title属性
title属性提供元素的额外信息。
26.!important
在对css样式的声明后加上!important那么浏览器会优先采用
采用顺序为:用户样式!important > 作者样式!important >作者样式（普通）> 用户样式（普通）
27.定义样式的方法
（1）使用元素内嵌样式 eg:<a href="http://baidu.com" sytle="background-color:grey;color:white">
（2）使用文档内嵌样式
eg:<style type="text/css">
a {
background-color:black,
color:white
}
</style>
(3)导入外部样式
（3）.1 link
外部css文件：
style.css
内容:
a {
background-color:grey;
color:white
}
span {
border: thin black solid;
padding: 10px;
}
网页内:
<link rel="stylesheet" type="text/css" href="style.css"></link>
(3）.2 @import
文件combined.css
@import "style.css"；
span {
border: medium black dashed;
padding:10px;
}
之后再在网页内使用link(html5中link必须被关闭，html中不用）
【W3CSCHOOL里面的link中rel属性的文档】
HTML5知识点笔记的更多相关文章
- HTML5知识点总结
HTML5知识点总结(一) 一.HTML新增元素 1.IE9版本以下支持HTML5的方法 <!--[if lt IE9]> <script src="http://cdn. ...
- html5学习笔记一
HTML5学习笔记 <video>标记:定义视频,Ogg.MPEG4.WebM三种格式 <video src=”movie.ogg” controls=”controls”> ...
- HTML5 知识点
HTML5 知识点 (1)语义化标记 <header>,<footer>,<nav>,<article>,<section> ...
- Html5学习笔记1 元素 标签 属性
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- Python 入门必学经典知识点笔记【肯定有你不知道的】
前言本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理.作者:实验楼 Python 作为近几年越来越流行的语言,吸引了大量的学员开始学 ...
- [新手必备]Python 基础入门必学知识点笔记
Python 作为近几年越来越流行的语言,吸引了大量的学员开始学习,为了方便新手小白在学习过程中,更加快捷方便的查漏补缺.根据网上各种乱七八糟的资料以及实验楼的 Python 基础内容整理了一份极度适 ...
- HTML5基础——笔记
HTML5基础——笔记 近几年来,互联网+.大数据.云计算‘物联网‘虚拟现实‘人工智能.机器学习.移动互联网等IT相关新名词.新概念层出不穷,相关产业发展如火如荼.互联网+移动互联网已经深入到人民日常 ...
- HTML5学习笔记之表格标签
HTML5学习笔记之表格标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之基础标签 HTML5学习笔记之表格标签 HTML5学习笔记之表单标签 HTML5学习笔 ...
- Java 多线程与并发【知识点笔记】
Java 多线程与并发[知识点笔记] Java多线程与并发 先说一下线程与进程的由来: 在初期的计算机,计算机只能串行执行任务,并且需要长时间的等待用户的输入才行 到了后来,出现了批处理,可以预先将用 ...
随机推荐
- Hive的导入导出和常用过滤语句的学习
原文: https://www.toutiao.com/i6769166601871688196/?group_id=6769166601871688196 数据的导入 load data [loca ...
- 常用Cron表达式范例
描述 表达式 每隔5秒执行一次 */5 * * * * ? 每隔1分钟执行一次 0 */1 * * * ? 每天23点执行一次 0 0 23 * * ? 每天凌晨1点执行一次 0 0 1 * * ? ...
- 【源码阅读】vm-insert与vm-storage之间的通讯
先说结论 vm-insert与vm-storage之间采用极其简单的通讯协议 对于简单的场景,越简单性能越高 vm-insert连接到vm-storage后,先发送字符串vminsert.02,vm- ...
- 返回值List是JsonArray
MyController中: index.jsp中
- Maven作用及安装
与传统开发项目相比使用Maven: 1)Maven可以管理jar文件 2)自动下载jar和它的文档,源代码 3)管理jar直接的依赖,a.jar需要b.jar,maven会自动下载b.jar 4)管理 ...
- linux虚拟化
虚拟化硬件虚拟化:一台物理机虚拟出多台逻辑上的计算机cpu,内存可分配给多个虚拟机 虚拟机中 guestos 的配置有什么用 内存越大越好,CPU也不要太差,如果要用64位虚拟系统或者是Hyper-V ...
- JavaScript之最长回文字符串
JavaScript经典面试题算法:最长回文字符串 下面的解题方法是通过中心扩散法的方式实现的,具体代码和注释如下(时间复杂度: O(n^2),空间复杂度:O(1)) // str字符串functio ...
- Atcoder ARC-064
ARC064(2020.7.23) A 直接贪心即可. B 手玩样例可以猜出这样一个结论,如果两端字符相同,如果字符串长度为奇数那么后手赢,否则先手赢,两端字符不同则相反.证明的话先从特殊情况开始入手 ...
- Redis集成SpringBoot
简介 此案例中使用Centos7+redis+SpringBoot. redis安装 https://www.cnblogs.com/xiaofengshan/p/15860447.html 添加依赖 ...
- 在java中静态方法与非静态方法
在java中public void与public static void有什么区别 ? public void 修饰是非静态方法,该类方法属于对象,在对象初始化(new Object())后才能被调用 ...