HTML 学习笔记 (1)
一、 Introduction
1. HTML stands for Hyper Text Markup Language
2. HTML文档就是网页
3. Web Browser将HTML文档解释为我们看到的网页
4. <!DOCTYPE> and DTD
二、 HTML 要点
1. HTML标签不区分大小写
2. 所有HTML标签都能用的四个attribute:{class, id, style, title}
3. headings 从<h1> ~ <h6>, 重要性一次降低
4. 默认的块级元素: <h1...6> 、 <div> 、 <p> 、 <ul> 、 <ol>
5. 带格式的元素:<b> = <strong>; <i> = <em> ; 另外的不常用
6. HTML Head 里的元素,当你看到应该想到它们怎么用, 有哪些要定义的属性!
1. head, title, base
2. link, meta, script, style
7. HTML Image
1. <img>, 最好设Height, Width; 不然Browser不知道img大小, render的时候, 页面布局在img loading的过程中可能会变化
如果页面引入的img比较多,可以采用 sprite, 将每个页面的图片做成一个大图片下载,这样可以加快页面呈现速度。
2. <map>, 定义一个客户端的 image-map. image-map is an image with clickable areas.
3. <area>, Defines a clickable area inside an image-map
注: <img> 通过 usemap=“#imap” 这个属性来应用 <map name="imap">这个<map>
<map> 通过 <area shape="circle" coords="10,10,5" href="www.cnblog.com">来实现各区域想要的点击动作
8. HTML Table: 这个东西在做开发的时候, 老手都建议不让用
9. HTML List: <ul>, <ol>; 多尝试用这两个,别总是用div的方式来堆叠出 list 的效果
10. HTML Form: 用来给WebServer发送信息, <form> 里可以引用的HTML元素如下
1. <input>, <textarea>, <label>, <fieldset>, <legend>
2. <select>, <optgroup>, <option>
3. <button>
11. HTML Entities: 为了显示HTML的保留字符,我们用 HTML Entities。
1. 两种表示: &entity_name; 或者 &#entity_number; 前者好记,后者浏览器支持的更好,我一般都用前者
12. HTML URL Encode
1. Uniform Resources Locator(URL) 的格式,url 常见,但让你自己设计的话,有可能有点儿懵。
URL 范例:scheme://host.domain:port/path/filename
1. scheme - defines the type of Internet service. The most common type is http
2. host - defines the domain host (the default host for http is www)
3. domain - defines the Internet domain name, like w3schools.com
4. port - defines the port number at the host (the default port number for http is 80)
5. path - defines a path at the server (If omitted, the document must be stored at the root directory of the web site)
6. filename - defines the name of a document/resource
2. URL Encoding, 编码的原因是URL只能用ASCII字符集在Internet上传播,如果含有ASCII之外的字符,只能用
ASCII字符对这些特殊字符进行编码了