Rumah hujung hadapan web html tutorial HTML教程:title属性与alt属性_HTML/Xhtml_网页制作

HTML教程:title属性与alt属性_HTML/Xhtml_网页制作

May 16, 2016 pm 04:43 PM
alt title imej harta benda Tutorial watak tunjuk menggantikan pelayar


XHTML是CSS布局的基础,jb51.net一直强调XHTML知识的学习,重视语义和文档的结构。title 和alt 属性,给我最直观的感受就是,可以提高文档的适应性,并合理提高关键词密度。在XHTML标准里,图片的alt 属性是必须的。
  XHTML是CSS布局的基础,jb51.net一直强调XHTML知识的学习,重视语义和文档的结构。title 和alt 属性,给我最直观的感受就是,可以提高文档的适应性,并合理提高关键词密度。在XHTML标准里,图片的alt 属性是必须的。
alt属性
  为不能显示图像、窗体或applets的用户代理(UA),alt属性用来指定替换文字。替换文字的语言由lang属性指定。Alt属性(注意是“属性”而不是“标签”)包括替换说明,对于图像和图像热点是必须的。它只能用在img、area和input元素中(包括applet元素)。对于input元素,alt属性意在用来替换提交按钮的图片。
  比如:使用alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明。这包括那些使用本来就不支持图像显示或者图像显示被关闭的浏览器的用户,视觉障碍的用户和使用屏幕阅读器的用户。替换文字是用来替代图像而不是提供额外说明文字的。
  在写替换文字前仔细想想,保证那些文字确实为那些看不到图像的人提供了说明信息,并且在上下文中有意义。对于那些装饰性的图片可以使用空的值(alt="",引号中间没有空格),而不是使用不相关的替换文字比如“blue bullet”或者“spacer.gif”。不要忽略它,如果你忽略了,那么一些屏幕阅读器会直接阅读图像文件的文件名,那些文字浏览器,比如Lynx会显示图像文件的文件名,而那对于你的浏览者就没什么用了。
  包含文字的图像图片设置替换文字是最简单的,图像中包含的文字一般来说就可以作为alt属性值。
title属性
  title属性为设置该属性的元素提供建议性的信息。
  title属性可以用在除了base,basefont,head,html,meta,param,script和title之外的所有标签。但是并不是必须的。可能这正是为什么很多人不明白何时使用它。
  使用title属性提供非本质的额外信息。大部分的可视化浏览器在鼠标悬浮在特定元素上时显示title文字为提示信息(tool tip),然而这又由制造商来决定如何渲染title文字。一些浏览器会将title文字显示在状态栏里。比如早期版本的Safari浏览器。
  title属性有一个很好的用途,即为链接添加描述性文字,特别是当连接本身并不是十分清楚的表达了链接的目的。这样就使得访问者知道那些链接将会带他们到什么地方,他们就不会加载一个可能完全不感兴趣的页面。另外一个潜在的应用就是为图像提供额外的说明信息,比如日期或者其他非本质的信息。
  title属性值可以比alt属性值设置的更长。不过要注意的是,有些浏览器会截断过长的文字(比如工具提示或其他)。比如Mozilla核心的浏览器只能显示最先的60个字符。这被认为是一个Mozilla bug,这是你要注意的。
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

<🎜>: Bubble Gum Simulator Infinity - Cara Mendapatkan dan Menggunakan Kekunci Diraja
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Nordhold: Sistem Fusion, dijelaskan
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Mandragora: Whispers of the Witch Tree - Cara Membuka Kunci Cangkuk Bergelut
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
<🎜> obscur: Ekspedisi 33 - Cara mendapatkan pemangkin Chroma yang sempurna
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Tutorial Java
1676
14
Tutorial PHP
1278
29
Tutorial C#
1257
24
Betapa boleh dipercayai adalah Binance Plaza? Betapa boleh dipercayai adalah Binance Plaza? May 07, 2025 pm 07:18 PM

Binance Square adalah platform media sosial yang disediakan oleh Binance Exchange, yang bertujuan untuk menyediakan pengguna ruang untuk berkomunikasi dan berkongsi maklumat yang berkaitan dengan kriptografi. Artikel ini akan meneroka fungsi, kebolehpercayaan dan pengalaman pengguna Binance Plaza secara terperinci untuk membantu anda memahami dengan lebih baik platform ini.

Masalah apa yang akan anda hadapi semasa menggunakan Pilih asli di telefon anda? Masalah apa yang akan anda hadapi semasa menggunakan Pilih asli di telefon anda? Apr 30, 2025 pm 03:06 PM

Isu -isu dengan Pilih asli pada telefon bimbit apabila membangunkan aplikasi pada peranti mudah alih, kami sering menghadapi senario di mana pengguna perlu membuat pilihan. Walaupun sel asli ...

Aplikasi sembang langsung Laravel: websocket dan penolak Aplikasi sembang langsung Laravel: websocket dan penolak Apr 30, 2025 pm 02:33 PM

Membina aplikasi sembang secara langsung di Laravel memerlukan menggunakan WebSocket dan Penolak. Langkah -langkah khusus termasuk: 1) Konfigurasi maklumat penolak dalam fail .env; 2) tetapkan pemandu penyiaran dalam fail penyiaran.php kepada penolak; 3) melanggan saluran penolak dan mendengar peristiwa menggunakan Laravelecho; 4) Hantar mesej melalui API Pusher; 5) melaksanakan saluran peribadi dan pengesahan pengguna; 6) Melaksanakan pengoptimuman prestasi dan debugging.

2025 Binance Binance Exchange Portal Login Terkini 2025 Binance Binance Exchange Portal Login Terkini May 07, 2025 pm 07:03 PM

Sebagai pertukaran cryptocurrency terkemuka di dunia, Binance sentiasa komited untuk menyediakan pengguna dengan pengalaman perdagangan yang selamat dan mudah. Dari masa ke masa, Binance terus mengoptimumkan ciri platformnya dan antara muka pengguna untuk memenuhi keperluan pengguna yang berubah -ubah. Pada tahun 2025, Binance melancarkan portal log masuk baru yang bertujuan untuk meningkatkan pengalaman pengguna.

Bagaimana untuk mendaftar di pertukaran OK di China? OK Platform Perdagangan dan Panduan Gunakan Panduan untuk Pemula di Tanah Besar China Bagaimana untuk mendaftar di pertukaran OK di China? OK Platform Perdagangan dan Panduan Gunakan Panduan untuk Pemula di Tanah Besar China May 08, 2025 pm 10:51 PM

Dalam pasaran cryptocurrency, memilih platform perdagangan yang boleh dipercayai adalah penting. Sebagai pertukaran aset digital yang terkenal di dunia, platform perdagangan OK telah menarik sejumlah besar pengguna pemula di tanah besar China. Panduan ini akan memperkenalkan secara terperinci bagaimana untuk mendaftar dan menggunakannya di platform perdagangan OK untuk membantu pengguna pemula bermula dengan cepat.

Top5 dari bursa paling selamat pada tahun 2025: Panduan Hitam U untuk mengelakkan lubang, peraturan 100% dana untuk menyelamatkan nyawa Top5 dari bursa paling selamat pada tahun 2025: Panduan Hitam U untuk mengelakkan lubang, peraturan 100% dana untuk menyelamatkan nyawa May 08, 2025 pm 08:27 PM

Dalam bidang perdagangan cryptocurrency, keselamatan pertukaran selalu menjadi tumpuan pengguna. Pada tahun 2025, selepas bertahun -tahun pembangunan dan evolusi, beberapa pertukaran menonjol dengan langkah -langkah keselamatan dan pengalaman pengguna yang luar biasa. Artikel ini akan memperkenalkan lima pertukaran yang paling selamat pada tahun 2025 dan memberikan panduan praktikal tentang cara mengelakkan Black U (pengguna serangan penggodam) untuk memastikan dana anda 100% selamat.

Cara menetapkan kesan putaran elemen HTML Cara menetapkan kesan putaran elemen HTML Apr 30, 2025 pm 02:42 PM

Bagaimana untuk menetapkan kesan putaran elemen dalam HTML? Ia boleh dicapai menggunakan CSS dan JavaScript. 1. Harta transformasi CSS digunakan untuk putaran statik, seperti berputar (45DEG). 2. JavaScript boleh mengawal putaran secara dinamik, yang dilaksanakan dengan mengubah atribut Transform.

Cara mengubahsuai gaya kawalan main balik video HTML Cara mengubahsuai gaya kawalan main balik video HTML Apr 30, 2025 pm 03:18 PM

Gaya kawalan main balik lalai video HTML tidak dapat diubahsuai secara langsung melalui CSS. 1. Buat kawalan tersuai menggunakan JavaScript. 2. Mencantikkan kawalan ini melalui CSS. 3. Pertimbangkan keserasian, pengalaman pengguna dan prestasi, menggunakan perpustakaan seperti video.js atau PLYR dapat memudahkan proses.

See all articles