HTML学习笔记(三)

1.HTML 脚本

HTML script元素

<script>标签用于定义客户端脚本,即可包含脚本语句,也可通过src属性指向外部脚本文件。必需的type属性规定脚本的MIME类型。

JavaScript最常用于图片操作、表单验证以及内容动态更新。

<noscript>标签

<noscript>标签提供无法使用脚本时的替代内容,比方在浏览器禁用脚本时,或浏览器不支持客户端脚本时。

noscript元素可包含普通HTML页面的body元素中能够找到的所有元素。

只有浏览器不支持脚本或者禁用脚本时,才会显示noscripte元素中的内容:

标签 描述
<script> 定义客户端脚本。
<noscript> 为不支持客户端脚本的浏览器定义替代内容。


2.HTML实体

在HTML中,某些字符是预留的,比如不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。

如果希望能够正确地显示预留字符,我们必须在HTML源代码中使用字符实体(character entities)。


不间断空格(non-breaking space)

HTML中的常用字符实体是不间断空格(&nbsp;)

浏览器总是会截短HTML页面中的空格。如果在文本中写10个空格,在显示该页面之前,浏览器会删除它们中的9个。如需在页面中增加空格的数量,需要使用&nbsp;字符实体。

HTML 中有用的字符实体

注释:实体名称对大小写敏感!

显示结果 描述 实体名称 实体编号
  空格 &nbsp; &#160;
< 小于号 &lt; &#60;
> 大于号 &gt; &#62;
& 和号 &amp; &#38;
" 引号 &quot; &#34;
' 撇号  &apos; (IE不支持) &#39;
&cent; &#162;
£ &pound; &#163;
¥ 日圆 &yen; &#165;
欧元 &euro; &#8364;
§ 小节 &sect; &#167;
© 版权 &copy; &#169;
® 注册商标 &reg; &#174;
商标 &trade; &#8482;
× 乘号 &times; &#215;
÷ 除号 &divide; &#247;


3.HTML URL

URL——Uniform Resource Locator(统一资源定位器)

当点击HTML页面中的某个链接时,对应的标签执行万维网上的一个地址,URL用于定位万维网上的文档(或其它数据)。

网站,遵守以下的语法规则:

scheme://host.domain:port/path/filename

scheme —— 定义因特网服务的类型。最常见的类型是http;

host —— 定义域主机(http的默认主机是:WWW)

domain —— 定义因特网域名,

:prot —— 定义主机上的端口号(http的默认端口号是80)

path —— 定义服务器上的路径

filename —— 定义文档/资源的名称;


4.HTML URL字符编码

URL编码会降字符转换为可通过因特网传输的格式。

web 浏览器通过URL从web服务器请求页面。


URL编码

URL只能使用ASCII字符集来通过因特网进行发送。

由于URL常常会保护ASCII集合之外的字符,URL必须转换为有效的ASCII格式。

URL编码使用"%",其后跟随两位的十六进制数来替换非ASCII字符。

URL不能保护空格。URL编码通常使用+来替换空格。


5.HTML <meta>标签

<meta>元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。

<meta>标签位于文档的头部,不包含任何内容。<meta>标签的属性定义了与文档相关联的名称/值对。

<meta>标签永远位于head元素头部。

必须的属性:

content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。

content 属性始终要和 name 属性或 http-equiv 属性一起使用。定义与http-equiv或name属性相关的元信息。


可选属性:

name属性:

提供了名称/值对中的名称。HTML和XHTML标签都每一指定任何预先定义的<meta>名称。通常情况下,可以使用自由使用对自己和源文档的读者来说富有意义的名称。


http-equiv属性:

该属性为名称/值对提供了名称。并指示服务器在发送实际文档之前先在要传送给浏览器的MIME文档头部包含名称/值对。

     scheme属性:

该属性用于指定要用来翻译属性值的方案。此方案应该在由<head>标签的profile属性指定的情况文件中进行了定义。


6.HTML <link>标签

<link>标签定义文档与外部资源的关系。

<link>标签最常见的用途是连接样式表。

注意:link元素是空元素,它仅包含属性,此元素只能存在于head部分,不过它可出现任何次数。


可选属性:

属性 描述 DTD
charset charset 定义被链接文档的字符编码方式。 STF
href URL 定义被链接文档的位置。 STF
hreflang language_code 定义被链接文档中文本的语言。 STF
media
  • screen
  • tty
  • tv
  • projection
  • handheld
  • print
  • braille
  • aural
  • all
规定被链接文档将显示在什么设备上。 STF
rel
  • alternate
  • appendix
  • bookmark
  • chapter
  • contents
  • copyright
  • glossary
  • help
  • home
  • index
  • next
  • prev
  • section
  • start
  • stylesheet
  • subsection
定义当前文档与被链接文档之间的关系。 STF
rev
  • alternate
  • appendix
  • bookmark
  • chapter
  • contents
  • copyright
  • glossary
  • help
  • home
  • index
  • next
  • prev
  • section
  • start
  • stylesheet
  • subsection
定义被链接文档与当前文档之间的关系。 STF
target
  • _blank
  • _parent
  • _self
  • _top
  • framename
定义在何处加载被链接文档。 TF
type MIME_type 规定被链接文档的 MIME 类型。 STF

7.HTML <span>标签

定义和用法:

<span>标签被用来组合文档中的行内元素。

span没有固定的格式表现,当对它应用样式时,它才会产生视觉上的变化。可以为span应用id或class属性,这样即可以增加适当的语义,又便于对span应用样式。


8.HTML<input>标签

<input>标签用于搜集用户信息。

根据不同的type属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。


9.HTML<label>标签:

<label>标签为input元素定义标注(标记).

label元素不会像用户呈现任何特殊效果。<label>标签的for属性应当与相关元素的id属性相同。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值