资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

前端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实际的地址是“http://p_w_picpaths.cnblogs.com/cnblogs_com/suoning/845162/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、块级标签和内联标签
块级标签: