HTML <meta> name attribute
Paglalarawan at Paggamit
name Atributo na tinutukoy ang pangalan ng metadata.
name Atributo na tinutukoy ay content attribute ang pangalan ng halagang
sa pamamagitan ng name at content Atributo, ay nagpapahintulot sa paggamit ng pagsasama ng pangalan at halaga upang tukuyin ang metadata ng dokumento. Kung saan,name Atributo na nagpapakita ng uri ng metadata, habang ang content Atributo na ginagamit upang magbigay ng halaga.
Ang sumusunod na talahanayan ay naglilista ng ilang pre-defined na uri ng metadata.
Babala:Kung nakatakda http-equiv attributeKung nakatakda name Atributo.
คำเตือน：Intoduce ang isang paraan ng HTML5 na pinapagbigay ang kapangyarihan sa mga disenyo ng pahina na kontrolin ang viewport (ang napapakita na lugar ng pahina) sa pamamagitan ng <meta> tag (tingnan ang halimbawa sa ibaba na "I-set ng viewport").
Halimbawa
Gamitin ang name attribute upang tukuyin ang paglalarawan, mga keyword at pangalan ng may-akda ng HTML dokumento. Gayundin, tukuyin ang viewport, upang kontrolin ang sukat ng pahina at ang pagbabalangkas para sa iba't ibang devices:
<head> <meta name="description" content="Free Web Tutorial"> <meta name="keywords" content="HTML,CSS,JavaScript"> <meta name="author" content="YK Investment"> <meta naém="viewport" content="width=device-width, initial-scale=1.0"> </head>
Pananalita
<meta name="halaga">
Halagang atributo
| Halaga | Paglalarawan |
|---|---|
| application-name | Tinutukoy ang pangalan ng Web application na kinabibilangan ng pahina. |
| author |
Tinutukoy ang pangalan ng may-akda ng dokumento. Halimbawa: <meta name="author" content="YK Investment"> |
| description |
Tinutukoy ang paglalarawan ng pahina. Ang mga search engine ay maaaring magpili ng paglalarawan na ito upang ipakita sa resulta ng paghahanap. Halimbawa: <meta name="description" content="Free Web Tutorial"> |
| generator |
Tinutukoy ang isa sa mga software package na ginagamit upang gumawa ng dokumento (hindi ginagamit sa pagsulat ng pahina). Halimbawa: <meta name="generator" content="FrontPage 4.0"> |
| keywords |
Tinutukoy ang listahan ng mga keyword na may kaugnayan sa pahina, na hinahati sa pamamagitan ng kumpon. Ibigay ang impormasyon sa mga search engine tungkol sa nilalaman ng pahina. คำเตือน：Palaging magbigay ng keyword (ang search engine ay kailangan upang kategoryahin ang pahina). Halimbawa: <meta name="keywords" content="HTML, meta tag, tag reference"> |
| viewport | Kontrolin ang viewport (ang napapakita na lugar ng pahina). |
Paliwanag
Hindi lamang ang anim na pre-defined na metadata types, ang extension metadata ay puwedeng gamitin. Bumusita sa pahina na ito upang makakuha ng isang listahan ng pinag-updatang extension:
http://wiki.whatwg.org/wiki/MetaExtensions
Ang ilan sa mga extension ay ginagamit nang mas marami, habang ang iba ay may napakaliit na paggamit, halos wala nang gumagamit. Ang metadata na robots ay malamang na kabilang sa mga mas maraming paggamit. Ang tagapaglikha ng HTML dokumento ay maaaring gamitin ito upang sabihin sa mga search engine kung paano ito ay dapat itatanggapan ang dokumento. Halimbawa:
<meta name="robots" content="noindex">
Ang metadata na ito ay may tatlong halaga na kilala ng karamihan sa mga browser:
- noindex - nangangahulugan na huwag index ang pahina na ito
- noarchive - nangangahulugan na huwag imbak o cache ang pahina na ito
- nofollow - nangangahulugan na huwag ipagpatuloy ang paghahanap sa pamamagitan ng mga link ng pahina na ito
Ang mga magagamit na metadata extension ay napakakaunti, ang mga developer ang pinakamabuti na basahin ang online listahan, upang makita kung anong magagamit sa kanilang proyekto.
Mga Tipan
Para ipaalam sa mga search engine kung paano kailangan kategoryahin at itala ang nilalaman, ang pinakamahalagang paraan noong nakaraan ay sa paggamit ng metadata na keywords. Ngayon, ang pahalagahan ng metadata na keywords ay mas mababa, dahil ito ay maaaring magamit upang gumawa ng isang maling kinaugalian sa kaugnayan ng nilalaman ng pahina. Kung kailangan ng mga tagapaglikha na baguhin ang tingin ng search engine sa kanilang nilalaman, ang pinakamahusay na paraan ay gamitin ang mungkahi na ibinigay nila. Ang karamihan sa mga search engine ay nagbibigay ng gabay sa pagpapa-SEO ng pahina o buong website.
Google: Search Engine Optimization (SEO) Beginner's Guide
https://developers.google.com/search/docs/fundamentals/seo-starter-guide?hl=zh-cn
Baidu: Baidu Search Engine Optimization Guide
I-set ang viewport
Ang viewport ay ang napapakita na lugar ng pahina. Ito ay iba't-iba sa bawat aparato - ito ay mas maliit sa mobile phone kaysa sa desktop screen.
Dapat mong kasama ang sumusunod na <meta> elemento sa lahat ng pahina:
<meta naém="viewport" content="width=device-width, initial-scale=1.0">
มันให้เบราเซอร์ความรู้เกี่ยวกับวิธีการควบคุมขนาดและระดับขยายของหน้าเว็บ
width=device-width การตั้งค่าส่วนบางส่วนของเว็บไซต์เพื่อตั้งความกว้างของหน้าเว็บเพื่อตามความกว้างของหน้าจออุปกรณ์ (ต่างกันตามอุปกรณ์)
initial-scale=1.0 การตั้งค่าส่วนบางส่วนของเบราเซอร์เพื่อตั้งระดับการขยายเริ่มต้นของหน้าเว็บเมื่อโหลดหน้าแรก
นี่คือตัวอย่างเว็บไซต์ที่ไม่มีโม้ดูลเอาะไฟพื้นที่ตรวจจับ และเว็บไซต์เดียวกันที่มีโม้ดูลเอาะไฟพื้นที่ตรวจจับ：
คำเตือน：หากคุณใช้โทรศัพท์หรือตั้งโทรศัพท์เพื่อดูเว็บไซต์นี้ คุณสามารถคลิกลิงก์สองลิงก์ด้านล่างเพื่อดูความแตกต่าง
คุณสามารถใช้ทฤษฎีวิวรานแบบทันที - ตัวอย่างทฤษฎีวิวรานแบบทันทีเรียนรู้มากกว่าเกี่ยวกับพื้นที่ตรวจจับ
การสนับสนุนเบราเซอร์
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน |
