前端html基础-创新互联

简介
HTML 是什么?
htyper text markup language 即超文本标记语言。
超文本: 就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
标记语言: 标记(标签)构成的语言。
什么是标签:
   是由一对尖括号包裹的单词构成 例如: *所有标签中的单词不可能以数字开头.
   标签不区分大小写. 和 . 推荐使用小写.
   标签分为两部分: 开始标签 和 结束标签. 两个标签之间的部分 我们叫做标签体.
   有些标签功能比较简单.使用一个标签即可.这种标签叫做自闭和标签.例如:



   标签可以嵌套.但是不能交叉嵌套.
标签的属性:
   通常是以键值对形式出现的. 例如 name="nick"
   属性只能出现在开始标签 或 自闭和标签中.
   属性名字全部小写. *属性值必须使用双引号或单引号包裹 例如 name="nick"
   如果属性值和属性名完全一样.直接写属性名即可. 例如 readonly
HTML5基本结构:
将HTML4中的DTD定义为如下结构即可,其他不变。

HTML5支持的两种指定页面使用的字符集的方式:
使用Content-Type指定字符集

直接使用charset指定字符集

标签
<br /><title>Title

标签为页面上的所有链接规定默认地址或默认目标。



   
   Title
   
nick blogs


# 上面这段代码中,标签的src属性是一个相对路径,因为中通过base标签设置了链接的默认地址,
所以img的src实际的地址是“/upload/otherpic19/o_s.png”。
同样的,中只是指定了href,并未指定target属性,所以也会使用base中设置的target属性的值。

引用外部文档,常见于引用外部样式。重要属性有三个:rel、href、type。
rel 规定文档与被链接文档之间的关系。
rel="dns-prefetch" 预先解析缓存文档中使用的域名,目的是为了提高网页访问速度。使用场景:在一个网页频繁使用其他域名资源时。
rel="shortcut icon"或rel="icon" 在收藏和标题栏上用于显示的图标。示例:。注意:IE浏览器只支持ico格式,为了兼容IE,图片文件采用ico格式。
rel="stylesheet" 引用外部样式表。
rel="nofollow" 用于指示搜索引擎不要追踪(爬虫抓取),减少垃圾链接。用于
标签,使用场景:网页不被信任或是不希望呗搜索引擎录入的网站。
href 资源的路径(相对路径/绝对路径)。
type 规定被连接文档的MIME类型,用于明确文件的打开方式。例如:.ico文件 p_w_picpath/x-icon。

定义关于HTML文档的元数据。 重要的属性有三个:http-equiv、name、content
http-equiv 把content属性值关联到http头部。
Content-Type(浏览器接受的文档类型,一般是text/html)
refresh(网页刷新,以秒为单位)
expires(设定网页到期时间,一旦过期,必须到服务器上重传)




name 把content属性关联到一个名称。

   keywords(搜索关键字,用于搜索引擎抓取信息的显示)
   description(搜索到网站后显示的网页内容简描述)
   author(站点制作者信息)
    generator(用以说明生成工具)
   name也可以根据特定的功能自定义,在新浪网中有使用360认证和搜狐认证()。




content 定义与http-equiv或name属性相关的元信息,是必要的属性。
标签
1、块级标签和内联标签
块级标签: