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. 利用代码生成工具Database2Sharp生成ABP VNext框架项目代码

    我们在做某件事情的时候,一般需要详细了解它的特点,以及内在的逻辑关系,一旦我们详细了解了整个事物后,就可以通过一些辅助手段来提高我们的做事情的效率了.本篇随笔介绍ABP VNext框架各分层项目的规则 ...

  2. v4l2数据获取流程

    V4L2数据获取流程 整个过程相关的数据结构有如下几个: struct v4l2_capability m_cap; /* 驱动能力 */ struct v4l2_format m_fmt; /* 数 ...

  3. 利用EndpointSlices扩展Kubernetes网络，提供更强的可伸缩性和功能

    EndpointSlices是一个令人兴奋的新API,它提供了Endpoints API的可扩展和可扩张的替代方案.EndpointSlice跟踪Pod服务后面的IP地址,端口,准备情况和拓扑信息.在 ...

  4. 信息收集&Fuzz

    本文译自https://0xjoyghosh.medium.com/information-gathering-scanning-for-sensitive-information-reloaded- ...

  5. 使用Cesium Stories在3D Tilesets中检查Features

    Cesium中文网:http://cesiumcn.org/ | 国内快速访问:http://cesium.coinidea.com/ 我们创建了3D Tiles用以流式化.可视化和分析大量的三维内容 ...

  6. 从零开始, 开发一个 Web Office 套件 (1): 富文本编辑器

    这是一个系列博客, 最终目的是要做一个基于HTML Canvas 的, 类似于微软 Office 的 Web Office 套件, 包括: 文档, 表格, 幻灯片... 等等. 富文本编辑器 万里长征 ...

  7. LSM树以及在hbase中的应用

    转自:http://www.cnblogs.com/yanghuahui/p/3483754.html 讲LSM树之前,需要提下三种基本的存储引擎,这样才能清楚LSM树的由来: 哈希存储引擎  是哈希 ...

  8. Linux下的ssh、scala、spark配置

    注:笔记旨在记录,配置方式每个人多少有点不同,但大同小异,以下是个人爱好的配置方式. 目录 一.配置jdk 二.配置ssh 三.配置hadoop 四.配置scala 五.配置spark 平台:win1 ...

  9. 如何美化 Matplotlib 的工具栏和绘图风格

    前言 matplotlib 功能十分强大,就是工具栏丑了点.忍了一个学期之后,还是决定自己动手,魔改一波 matplotlib 的工具栏样式.同时给大家分享一下自己按照 MATLAB 写的 matpl ...

  10. UCB DS100 讲义《数据科学的原理与技巧》校对活动正式启动 | ApacheCN

    贡献指南:https://github.com/apachecn/ds100-textbook-zh/blob/master/CONTRIBUTING.md 整体进度:https://github.c ...