你所必须知道的HTML
- 只有在MySQL中可以使用"utf-8"的别名"utf8",但是在其他地方一律使用大写"UTF-8"。
- htm 与 html 的区别 两种都是静态网页文件的扩展名 但是对于一个链接来说,如果它指向的是一个htm文件,而那个htm文件被更改为html文件,那么是找不到这个连接的
- HTML 属性
属性总是以名称/值对的形式出现,比如:name="value"。
在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,其余的时候使用引号扩起属性值即可。
4.HTML5新属性
属性 | 描述 |
---|---|
accesskey | 设置访问元素的键盘快捷键。 |
class | 规定元素的类名(classname) |
contenteditableNew | 规定是否可编辑元素的内容。 |
contextmenuNew | 指定一个元素的上下文菜单。当用户右击该元素,出现上下文菜单 |
data-*New | 用于存储页面的自定义数据 |
dir | 设置元素中内容的文本方向。 |
draggableNew | 指定某个元素是否可以拖动 |
dropzoneNew | 指定是否将数据复制,移动,或链接,或删除 |
hiddenNew | hidden 属性规定对元素进行隐藏。 |
id | 规定元素的唯一 id |
lang | 设置元素中内容的语言代码。 |
spellcheckNew | 检测元素是否拼写错误 |
style | 规定元素的行内样式(inline style) |
tabindex | 设置元素的 Tab 键控制次序。 |
title | 规定元素的额外信息(可在工具提示中显示) |
translateNew | 指定是否一个元素的值在页面载入时是否需要翻译 |
5、请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。
6、HTML 折行如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br /> 标签
7、HTML 代码中的所有连续的空行(换行)也被显示为一个空格。
8、<b> 与<i> 定义粗体或斜体文本。
9、使用 target 属性,你可以定义被链接的文档在何处显示。
target="_blank":在新窗口中浏览新的页面。
target="_self":在同一个窗口打开新的页面。
target="_parent":在父窗口中打开新的页面。(页面中使用框架才有用)
target="_top" :以整个浏览器作为窗口显示新页面。(突破了页面框架的限制)
10、请始终将正斜杠添加到子文件夹。
11、<img> 是空标签,意思是说,它只包含属性,并且没有闭合标签。
12、假如某个 HTML 文件包含十个图像,那么为了正确显示这个页面,需要加载 11 个文件。
13、<area>标签
shape指的是点击区域的形状,coords指的应该是链接区域在图片中的坐标(像素为单位)
14、<table> 元素的作用是显示表格化的数据。
15、通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。
iframe语法:
frameborder 属性用于定义iframe表示是否显示边框。
设置属性值为 "0" 移除iframe的边框:
height 和 width 属性用来定义iframe标签的高度与宽度。
frame可以显示一个目标链接的页面
目标链接的属性必须使用iframe的属性,
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.runoob.com" target="iframe_a">RUNOOB.COM</a></p>
<p><b>注意:</b> 因为 a 标签的 target 属性是名为 iframe_a 的 iframe 框架,所以在点击链接时页面会显示在 iframe框架中。</p>
16、字符实体
在 HTML 中,某些字符是预留的。
在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。虽然html不区分大小写,但实体字符对大小写敏感。
- scheme - 定义因特网服务的类型。最常见的类型是 http
- host - 定义域主机(http 的默认主机是 www)
- domain - 定义因特网域名,比如 runoob.com
- :port - 定义主机上的端口号(http 的默认端口号是 80)
- path - 定义服务器上的路径(如果
- 省略,则文档必须位于网站的根目录中)。
- filename - 定义文档/资源的名称。
HTML5 中的一些有趣的新特性:
- 用于绘画的 canvas 元素
- 用于媒介回放的 video 和 audio 元素
- 对本地离线存储的更好的支持
- 新的特殊内容元素,比如 article、footer、header、nav、section
- 新的表单控件,比如 calendar、date、time、email、url、search
IE9 以下版本浏览器兼容HTML5的方法,使用本站的静态资源的html5shiv包:
HTML5 定了 8 个新的 HTML 语义(semantic) 元素。所有这些元素都是 块级 元素。
为了能让旧版本的浏览器正确显示这些元素,你可以设置 CSS 的 display 属性值为 block:
——菜鸟教程学习笔记