新葡亰496net 新葡亰编程 使用 alt 属性来描述每一个物件的用途

使用 alt 属性来描述每一个物件的用途

原文:(可能是英文)

一 常用的头部元素标签

  <head>元素包含了所有的头部标签元素。

最近在总结之前学过的一些小知识点,和大家分享一下。

alt 属性的用处

1、<title>

  <title>标签定义了HTML文档的标题,在HTML/XHTML文档中是必须的。

新葡亰496net,  主要功能:

  • 定义了浏览器工具栏的标题;
  • 当网页添加到收藏夹时,显示在收藏夹中的标题;
  • 显示在搜索引擎结果页面的标题;

一.html中的标签元素

在html中的标签元素大体被分为三种不同的类型:块级元素、内联元素(又叫行内元素)和内联块级元素。

alt 属性被定义在一系列标签中(namely, img, area 和
input、applet 的可选项)用以对物件进行文字说明。

2、<base>

  <base>标签描述了基本的链接地址或链接目标。

  该标签作为HTML文档中所有的链接标签的默认链接,即如果HTML文档中的超链接标签没有添加链接地址,则默认访问<base>标签中的链接。

  语法格式:<base href=”url” target=”…”>

新葡亰,块级元素特点:

1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(霸道,一个块级元素独占一行)
2、元素的高度(width)、宽度(height)、行高(line-height)以及顶(top)和底边距(bottom)都可设置。
3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致)
常用的块状元素有:

<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>,
<address>、<blockquote> 、<form>

设置display:block;可以将元素转换块级元素。
内联元素(行内元素)特点:


1、和其他元素都在一行上;
2、元素的高度、宽度及顶部和底部边距不可设置;
3、元素的宽度就是它包含的文字或图片的宽度,不可改变。
常用的内联元素有:

<a>、、<br>、<i>、<em>、<strong>、<label>、<q>

设置display:inline;可以将块状元素转换为内联元素
内联块级元素特点:(同时具备内联元素、块级元素的特点)


1、和其他元素都在一行上;
2、元素的高度、宽度、行高以及顶和底边距都可设置!
常用的内联块状元素有:

<img>、<input>
display:inline-block;float:left/right;
position:absolute/fixed;

可以将元素设置为内联块级元素。

通常在下述情况中,同等意义的文字说明为你的网站带来如下的好处:

3、<link>

  <link>标签定义了文档与外部资源之间的关系,常用于链接到外部样式表。

  语法格式:<link rel=”stylesheet” type=”text/css”
href=”xxx.css”>

二.src,href区别

  • 现在,网页浏览器已经在广大的具有不同性能的平台上应用,一些浏览器完全不能显示图像或只能显示部分格式的图像;一些浏览器被配置来不读取图像。如果你的代码中为图像设置了
    alt 属性,那么大多数这些浏览器将用你给出的文字代替这些图像。
  • 你的一些访问者看不见图像,他们可能视觉障碍、可能色盲、可能弱视;alt
    属性对他们来说是个极大的帮助,他们可以依照 alt 了解你网页的内容。
  • 搜索引擎也属于上述两点:如果你想你的站点被加入搜索索引,使用 alt
    属性确保搜索引擎不会丢掉你页面上的重要内容。

4、<style>

  <style>标签定义了内部的CSS样式。

  语法格式:<style type=”text/css”>css样式规则</style>

src

表示文件引入,是页面必不可少的一部分,是引入。
src(source) 表示来源地址,在 img、script、iframe
等元素上,src指向的内容会嵌入到文档中当前标签所在的位置


5、<meta>

  <meta>标签描述了一些基本的HTML页面元数据,元数据不显示在页面上,但会被浏览器解析。

  <meta>元素通常用于制定网页的描述、关键词、文件的最后修改时间、作者,以及其他元数据。

  主要有http-equiv、name和content三个属性。前两个指定了元数据信息的名称,content用于指定对应的值。

  例如:<meta http-equiv=”Content-Type”
content=”text/html;charset=”utf-8″ />

     <meta name=”author” content=”LoveStory_Fish” />

href

表示文件引用,是与该页面有关联。
href 表示超文本引用(hypertext reference),在 link和a
等元素上使用,用来建立当前元素和文档之间的链接。

简单的说,src用于替换当前元素;href用于在当前文档和引用资源之间建立联系。

我应该在 alt 属性中设置什么内容

6、<script>

  <script>标签用于加载脚本文件。

三.alt和title区别

通常,设置 alt 属性内容的规则是:使用文字如实描述图像的功能。

7、头部标签元素使用实例

<!DOCTYPE html>
<html>
<!-- 头部标签元素 -->
<head>
    <!-- 定义文档标题 -->
    <title>This is my first html</title>
    <!-- 定义网页默认链接 -->
    <base href="http://www.baidu.com" target="_blank"></base>
    <!-- 定义引用的外部资源文件 -->
    <link rel="stylesheet" type="text/css" href="test.css">
    <!-- 定义文档样式 -->
    <style type="text/css">
    p {color: blue}
    </style>
    <!-- 定义网页语言 -->
    <meta charset="utf-8" />
    <!-- 定义网页作者 -->
    <meta name="author" content="LoveStory_Fish" />
    <!-- 每30秒刷新当前页面 -->
    <meta http-equiv="refresh" content="60" />
    <!-- 执行javascript脚本代码 -->
    <script type="text/javascript">
    alert("Hello World!")
    </script>
</head>
<body>
    <p>这是一个段落!</p>
</body>
</html>

 

title

title它既是html的标签也是它的属性,我们通常写的html标题就是title标签

<title>网页标题</title>

title作为属性时,可以为元素提供额外说明信息。
例如,给超链接标签a添加了title属性,把鼠标移动到该链接上面是,就会显示title的内容,以达到补充说明或者提示的效果。

一些特定的规则:

二 常用的块级元素标签

  浏览器中的块级元素,前后显示折行。

  块级元素的特点:

  • 块级元素,前后显示折行,从新的一行开始,后面的元素需要另起一行;
  • 元素的高度、宽度、行高、上下边距等都可设置;
  • 可以通过display:block属性键值对将行级元素转化成块级元素;

alt

alt只是html标签的属性,alt属性只能用在img、area和input元素中,用于网页中图片无法正常显示时给用户提供文字说明使其了解图像信息。alt是替代图像作用而不是提供额外说明文字的。

使用alt属性还具有搜索引擎优化效果,因为搜素引擎是无法直接读取图像的信息的,alt可以为其提供文字信息所以对搜索引擎比较友好。

通常人们容易搞错的是title和alt这两个属性同时用于img标签的时候。在旧版本的IE浏览器中,鼠标经过图像时显示的提示文字是alt的内容,而忽略了title属性,这个曾经误导了很多人。因此,如果想在IE中显示title的内容,要么title属性和alt一致,要么alt内容为空(“”,空格也不能有)。不过,在新版的IE(IE8及以上)中,已不会出现这种情况了。

另外,当a标签内嵌套img标签时,起作用的是img的title属性。

  • 如果图像有简单的文字说明,使用这些文字作为 alt 的属性值。
  • 如果图像作为列表的引导符、一个水平线、或其它的简单性的装饰性图片,较好的做法是使用空的
    alt 属性值(比如:alt=””),但是更好的做法是在样式表中使用像
    list-style-image 这样的代码。
  • 如果图像展现许多重要的信息,请尽力简化它,使它成为一小段文字,然后作为
    alt 属性,并且添加一个
    longdesc
    链接到更详尽的描述。

1、标题标签

  HTML通过<h1> – <h6>六个标签来定义标题。

  字体大小按<h1> – <h6>逐渐减小,且重要性递减,<h1>定义最大标题或作主标题(最重要的),<h6>定义最小标题。

  标题的重要性:搜索引擎使用标题为网页的结构和内容编制索引,用户也可以通过标题来快速浏览网页。

四.Doctype,严格模式和混杂模式

2、<p>

  用于定义HTML文档的段落。

Doctype

<!DOCTYPE>声明叫做文件类型定义(DTD),声明的作用为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。<!DOCTYPE>声明必须在
HTML 文档的第一行,这并不是一个 HTML
标签。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

标签:

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图