- Html用来布局,Css用来定位和渲染
一、Html
知识点笔记 |
---|
1. _对于中文网页需要使用 <meta charset=“utf-8”> 声明编码,否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码,则你需要设置为<meta charset=“gbk”>。 |
2. 在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭即使 <br> 在所有浏览器中都是有效的,但使用<br /> 其实是更长远的保障。 |
3. 标签写法要用小写字母(有些版本对大小写可认为相同,而而在未来 (X)HTML 版本中强制使用小写。) |
4. 搜索引擎使用标题为您的网页的结构和内容编制索引,h1~h6。 |
5. <hr />定义水平线 |
6.通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。 |
7.请始终将正斜杠添加到子文件夹。假如这样书写链接:href=“https://www.runoob.com/html”,就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href=“https://www.runoob.com/html/”。 |
8.<base> 标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接: |
9.HTML<title>元素不仅可以显示文本,也可以在左侧显示logo等图片。显示时,要将<link>标签放入<head>里. |
10. 不建议使用的标签有: <font>, <center>, <strike> 。不建议使用的属性: color 和 bgcolor. |
11.大多数 HTML 元素被定义为块级元素或内联元素。块级元素在浏览器显示时,通常会以新行来开始(和结束)。常见的块元素 <div><h1>, <p>, <ul>, <table>, 常见的内联元素 <span>.<b>, <td>,<a>, <img> |
12. HTML 中的常用字符实体是不间断空格( )。 |
- HTML form表单用于收集不同类型的用户输入。
- HTML table表格来创建漂亮的布局,但设计表格的目的是呈现表格化数据
- Html div用来页面布局
HTML5 中的一些有趣的新特性:
用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素,比如 article、footer、header、nav、section
新的表单控件,比如 calendar、date、time、email、url、search
- HTML5的设计目的是为了在移动设备上支持多媒体。
二、Css
postion:
- absolute(绝对定位),其位置相对于最近已定位的父元素,如果元素没有已定位的父元素那么它的位置相对于<html>
- static(默认的静态定位),即没有定位,遵循正常的文档流对象,静态定位的元素不受top、left、right、bottom影响。
- relative(相对定位),其位置相对其正常时的位置。相对定位元素经常被用来作为绝对定位元素的容器块。
- fixed,元素的位置相对于浏览器窗口,是固定位置。即使窗口是滚动的它也不会移动。
- sticky(粘性定位),基于用户滚动位置来定位,在未滚动出目标区域时,它的行为就像position:relative;它的表现就像 position:fixed;,它会固定在目标位置。元素定位表现为在跨越特定阈值前为相对定位,之后为固定定位。
这个特定阈值指的是 top, right, bottom 或 left 之一,换言之,指定 top, right, bottom 或 left 四个阈值其中之一,才可使粘性定位生效。否则其行为与相对定位相同。