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知识点笔记的更多相关文章

  1. HTML5知识点总结

    HTML5知识点总结(一) 一.HTML新增元素 1.IE9版本以下支持HTML5的方法 <!--[if lt IE9]> <script src="http://cdn. ...

  2. html5学习笔记一

    HTML5学习笔记 <video>标记:定义视频,Ogg.MPEG4.WebM三种格式 <video src=”movie.ogg”  controls=”controls”> ...

  3. HTML5 知识点

    HTML5 知识点   (1)语义化标记       <header>,<footer>,<nav>,<article>,<section> ...

  4. Html5学习笔记1 元素 标签 属性

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  5. Python 入门必学经典知识点笔记【肯定有你不知道的】

    前言本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理.作者:实验楼 Python 作为近几年越来越流行的语言,吸引了大量的学员开始学 ...

  6. [新手必备]Python 基础入门必学知识点笔记

    Python 作为近几年越来越流行的语言,吸引了大量的学员开始学习,为了方便新手小白在学习过程中,更加快捷方便的查漏补缺.根据网上各种乱七八糟的资料以及实验楼的 Python 基础内容整理了一份极度适 ...

  7. HTML5基础——笔记

    HTML5基础——笔记 近几年来,互联网+.大数据.云计算‘物联网‘虚拟现实‘人工智能.机器学习.移动互联网等IT相关新名词.新概念层出不穷,相关产业发展如火如荼.互联网+移动互联网已经深入到人民日常 ...

  8. HTML5学习笔记之表格标签

    HTML5学习笔记之表格标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之基础标签 HTML5学习笔记之表格标签 HTML5学习笔记之表单标签 HTML5学习笔 ...

  9. Java 多线程与并发【知识点笔记】

    Java 多线程与并发[知识点笔记] Java多线程与并发 先说一下线程与进程的由来: 在初期的计算机,计算机只能串行执行任务,并且需要长时间的等待用户的输入才行 到了后来,出现了批处理,可以预先将用 ...

随机推荐

  1. let var const 区别

    let es6 语法 let是作用域是块级的,即{}内的范围 如果未声明变量就使用的话,报错ReferenceError,而var则会报错undefined(不存在变量提升) 只要块级作用域内存在le ...

  2. win11系统设置笔记本合盖上不休眠

    第一步.打开控制面板 第二步.打开控制面板 第三步.打开电源选项 第四步.如下图操作即可

  3. RocketMQ 介绍与安装

    目录 RocketMQ 介绍 MQ 介绍 MQ 作用 MQ 缺点 MQ 常见产品 RocketMQ 简介 RocketMQ 架构 RocketMQ 安装 RocketMQ 介绍 MQ 介绍 定义: M ...

  4. 白话TCP/IP原理

    TCP/IP(Transmission-Control-Protocol/Internet-Protocol),中文译名为传输控制协议/因特网互联协议,又名网络通讯协议,是Internet最基本的协议 ...

  5. leetcode 645. 错误的集合

    问题描述 集合 S 包含从1到 n 的整数.不幸的是,因为数据错误,导致集合里面某一个元素复制了成了集合里面的另外一个元素的值,导致集合丢失了一个整数并且有一个元素重复. 给定一个数组 nums 代表 ...

  6. 【Android】安卓四大组件之Activity（二）

    [Android]安卓四大组件之Activity(二) 前言 在这篇文章之前,我已经写过了一篇有关Activity的内容,是关于activity之间的页面跳转和数据传递,而这篇文章着重强调的是Acti ...

  7. 【刷题-PAT】A1126 Eulerian Path （25 分）

    1126 Eulerian Path (25 分) In graph theory, an Eulerian path is a path in a graph which visits every ...

  8. 一文读懂mysql权限系统

    前言: MySQL权限系统的主要功能是证实连接到一台给定主机的用户,并且赋予该用户在数据库上的SELECT.INSERT.UPDATE和DELETE权限.附加的功能包括有匿名的用户并对于MySQL特定 ...

  9. yum源 epel源 no package available 更换国内yum源

    有时候安装软件会出现 no package available 解决办法:yum install epel-release 安装完会在/etc/yum.repos.d/目录下下生成两个repo文件: ...

  10. [数据结构]伸展树(Splay)

    #0.0 写在前面 Splay(伸展树)是较为重要的一种平衡树,理解起来也依旧很容易,但是细节是真的多QnQ,学一次忘一次,还是得用博客加深一下理解( #1.0 Splay! #1.1 基本构架 Sp ...