HTML5权威指南笔记(一)
来源:互联网 发布:网络借贷的危害 编辑:程序博客网 时间:2024/05/16 15:42
HTML5权威指南笔记(一)
今天的笔记主要内容有:1、元素选用原则。2、元数据元素说明文档。3:link元素。4:注音符号。5:自定义列表。6:使用插图。
在开始今天的总结之前,先讲一下我个人的一个收获:之前我做一个页面的想法是,div是万能的,做什么都是用div来做;今天发现,我的思路彻底错了:对于div的使用要慎重,优先考虑具有语义重要性的元素,万不得已不要使用div。
元素的选用原则
-问问自己打算如何发挥一个元素的语义作用,如果不能马上答出就不用这个元素。
-不要误用元素,只宜将元素用于它们原定的用途,如果找不到就是用通用(如span或者div)。
-具体为佳,如果已有元素能恰当表明内容的类型,就不使用通用元素。
-对用户不要想当然。元数据元素说明文档
-base元素:用来设置一个基准的URL,让HTML文档中的相对链接在此基础上进行解析。
*1、使用href属性:指定基准URL,不指定时以当前文档的URL为基准。
*2、target属性:告诉浏览器该如何打开URL。-meta元素:指定文档的各类元数据。
meta的另一种用途为声明页面所用的字符编码。
meta的最后一种用途是模拟http标头字段。
http-equiv:属性的用途是指定所要模拟的标头字段名称,字段值则由content属性指定。下面这段代码的作用是间隔五秒刷新,若在刷新时间间隔值后面加分号再加上一个URL,那么浏览器会在指定时间后跳转到指定的URL。
<meta http-equiv="refresh" content="5">
- link元素
- link元素可以为页面定义网站标志。
<link rel="shortcut icon" href="csdn.ico" type="image/x-icon">
-link元素可以预先获取资源。
<link rel="prefetch" href="page2.com">
当前页面加载时,要求加载page2.com,为用户打开这个页面做准备。
- 注音符号
- ruby /rt /rp元素帮助读者掌握文字的正确发音的符号,位于这些文字的上方或右方。
<ruby>吃<rp>(</rp><rt>chī</rt><rp>)</rp></ruby>
浏览器支持注音符号效果:
浏览器不支持注音符号效果:
- 自定义列表
-有序列表中,将li标签的value值赋值为几,便从几开始排序。
<ol> <li value="7"></li> <li></li> <li value="5"></li> <li></li> <li></li> <li></li> <li></li> <li></li></ol>
更为复杂的ul自定义排序,会在以后的笔记中总结。
- 使用插图 figure
- figure(插图):一个独立的单元,可带标题。figcaption元素即为标题。
<figure> <figcaption>这是插图标题 figcaption </figcaption> <p>这里是插图figure的内容。</p></figure>
- HTML5权威指南笔记(一)
- Javascript权威指南学习笔记(一)
- hadoop 权威指南 阅读笔记(一)
- 《Swift权威指南》学习笔记(一)
- 《HTTP权威指南》阅读笔记(一)
- hadoop权威指南阅读笔记(一)
- Netty权威指南(笔记一)
- 笔记:JavaScript权威指南学习(一)
- Kubernetes权威指南学习笔记(一)
- JavaScript权威指南学习笔记(一)
- MongoDB权威指南--阅读笔记(一)
- HTML5+CSS3权威指南学习笔记(2-4章)
- HTML5权威指南笔记:16-理解CSS(内容简介)
- HTML5权威指南笔记:35-使用canvas元素(1)
- HTML5权威指南笔记:36-使用canvas元素(2)
- Hadoop权威指南笔记一
- [HTML5权威指南] => 读书笔记(一)
- HTML5权威指南笔记:8-标记文字
- GitHub多人协作
- request与response
- 简析TCP的三次握手与四次分手
- SDUT OJAOE网上的关键路径
- linux命令行下使用反斜杠“\”调用别名的原命令
- HTML5权威指南笔记(一)
- 详解CSS浮动的清除
- 编程中getchar()的灵活使用
- 数学题-计算相交圆的公共部分面积
- Delphi IDHTTP控件:GET/POST 请求
- Delphi Cookie获取及使用
- HTTP 常见异常状态及Delphi IDHTTP 控件处理方式
- Delphi 中调用JS文件中的方法
- Delphi 实现 图灵机器人API(IDHTTP POST )