Ang lahat ng mga tag na matatagpuan sa pagitan ng at ay isang bagay tulad ng opisyal na teknikal na impormasyon. Kumuha ng isang tag bilang isang halimbawa - ito ay isang pamagat. Para saan ito, itatanong mo?

Buksan ang iyong browser at tingnan ang lahat ng ito mga linya ng utos(ibig sabihin, sa pamagat ng bintana)... Nakita mo ba?

Ang elementong HEAD (ipinahiwatig ng at mga tag) ay inilalagay kaagad bago ang katawan HTML na dokumento, na tinutukoy ng at () na mga tag.

Sa pagitan ng mga tag at maaaring mayroong mga sumusunod na bahagi:

HEAD - tumutukoy sa simula at dulo ng elemento, sa loob kung saan matatagpuan ang lahat ng impormasyon ng serbisyo na inilaan para sa browser.

TITLE - ay nagpapahiwatig ng pangalan ng dokumento (Internet page), na ipinapakita sa window ng browser. Maaaring tukuyin, ngunit hindi hihigit sa isang beses.

BASE — tumutukoy base address, kung saan sila pagkatapos ay binibilang mga kamag-anak na link sa loob ng iyong dokumento. Walang closing tag. Kasabay nito, ang isang ipinag-uutos na punto dito ay ang pagkakaroon ng hindi bababa sa isa sa mga parameter (mga katangian):

• HREF— tinutukoy ang base address (URL) ng Internet page;
• TARGET— tumutukoy sa frame (pangalan nito) na gagamitin sa mga hyperlink bilang default.

Halimbawa.

Paggawa ng website

...


Listahan
...

STYLE - ginagamit upang magpasok ng isang cascading style sheet sa isang dokumento CSS (Cascade Style Sheet).

May mga sumusunod na katangian:

• URI— tumutukoy sa uri ng MIME ng style sheet na isasama. Ay isang kinakailangang katangian at karaniwang may halaga "text/css" .
• TITLE— tumutukoy sa pangalan ng cascading style sheet. Ito ay nagiging kinakailangan kung plano mong gumamit ng ilang mga patakaran sa isang dokumento Estilo. Sa kasong ito, mapipilitang magtanong ang browser kung alin sa mga iminungkahing istilo ang naaangkop sa dokumento. Lahat mga modernong browser huwag pansinin ang katangiang ito - hindi mo ito magagamit.
  

Halimbawa.

Gamit ang mesa Mga istilo ng CSS

LINK - tinutukoy ang kaugnayan ng iyong dokumento sa iba pang mga bagay. Walang pansarang tag.

Mga Katangian

• HREF— tumutukoy sa URL ng dokumento (Internet page).
• REL— tinutukoy kung paano nauugnay ang dokumento sa bagay na tinukoy ng parameter ng HREF. Maaaring may mga sumusunod na kahulugan:

stylesheet- tumuturo sa isang file na naglalaman ng CSS style sheet. Ida-download ng browser ang css file mula sa address na tinukoy sa HREF parameter at pagkatapos ay ilalapat ito sa dokumento.

bahay- tumuturo sa home page site.

toc, contents - ituro ang file na naglalaman ng talaan ng mga nilalaman ng dokumento.

index— tumuturo sa isang file na naglalaman ng impormasyon para sa paghahanap ng index ng dokumento.

glossary— tumuturo sa isang file na naglalaman ng isang listahan ng mga termino na nauugnay sa dokumento.

copyright— tumuturo sa isang pahina sa site na nagbibigay ng impormasyon tungkol sa copyright, mga tagalikha nito, atbp.

up, magulang— tumuturo sa pahina ng "magulang" (ang pahina na isang hakbang sa itaas ng lahat ng mga pahina).

anak— tumuturo sa isang pahina ng "bata" (isang pahina na isang hakbang sa ibaba ng isang tiyak na pahina).

susunod— tumuturo sa susunod na pahina.

dati— tumuturo sa nakaraang pahina.

huli, wakas— tumuturo sa huling pahina.

una— tumuturo sa unang pahina.

tulong— tumuturo sa isang pahina na may pahiwatig.

• URI— tinutukoy ang uri ng MIME para sa bagay na tinukoy sa parameter ng HREF.

Mga halimbawa.

DIV elemento

tanghali

META - ginagamit upang magpasok ng meta data. Binibigyang-daan ka ng tag na ito na magpasok ng iba't ibang kapaki-pakinabang na impormasyon sa elemento ng HEAD. teknikal na impormasyon, na sa huli ay hindi makikita ng user, ngunit makikilala ito ng browser. Ang ganitong impormasyon ay kailangan lang para sa tamang pag-index ng mga pahina ng site sa pamamagitan ng mga robot sa paghahanap (pag-uusapan natin ang mga ito pagdating ng panahon). tamang sandali sa pagtuturo). Walang pansarang tag.

Ito ay may mga sumusunod na katangian:

NAME— tumutukoy sa pangalan ng metadata. Mayroong isang malaking bilang ng mga paunang natukoy na pangalan.

HTTP-EQUIV— tumutukoy sa pangalan ng metadata. Ito ay halos magkapareho sa NAME parameter, ngunit may isang pagkakaiba: ito ay ginagamit lamang kapag may pangangailangan na ilipat karagdagang impormasyon V http header.

NILALAMAN— nagtatalaga ng value sa metadata na tinukoy sa NAME (o HTTP-EQUIV) na parameter.

At ngayon - isang halimbawa.

...

Ang mga meta tag sa html ay isang pangkat ng mga espesyal na tag na matatagpuan sa pagitan ng at mga tag. Mula sa pangalan ay agad na malinaw na sila ay matatagpuan sa simula ng code.

Ang mga tag ng heading ay nagsisilbi ng dalawang mahalagang layunin:

• Mag-ulat ng impormasyon tungkol sa pahina ng html sa browser;
• Magbigay ng impormasyon sa mga search engine tungkol sa isang partikular na pahina ng html;

Ang kakaiba ng mga tag ng header ay hindi nakikita ng user ang mga ito (ang exception ay ang tag, na makikita sa tab ng pahina ng browser). Ang lahat ng mga tag ng header ay opsyonal, ngunit hindi iyon nangangahulugan na hindi sila kailangan.

Ang mga tag na ito ay maaaring hatiin sa 4 na grupo.

• Tag
• Mga tag
• Mga tag
• Tag

Tingnan natin ang bawat pangkat nang hiwalay.

1. Tag

- pamagat ng pahina. Ito lang ang head tag na nakikita ng mga user. Ito ay may malaking kahalagahan sa mga search engine sa mga tuntunin ng SEO. Ang pamagat ng pahinang ito ang ipinapakita sa mga resulta ng paghahanap kapag tinukoy ang mga pamagat ng pahina.

...Pamagat ng pahina...

Hindi madaling gumawa ng tama para sa isang baguhan, dahil kailangan mong isaalang-alang ang ilang mga nuances. Ang perpektong tag ng pamagat ay dapat na kaakit-akit sa mga user at naglalaman mahahalagang parirala para sa mga search engine. Hindi mo dapat gawing masyadong mahaba ang tag na ito, dahil ito ay maaaring maisip bilang spam ng mga search engine. Ang tag na ito ay dapat na natatangi para sa bawat pahina!

2. Mga tag

- ito ay isang pangkat ng mga tag ng serbisyo na naglalaman ng impormasyon tungkol sa pahina. Isaalang-alang natin ang bawat isa sa kanila nang hiwalay.

2.1. Uri ng Meta Content

Ang syntax para sa katangiang ito ay ang mga sumusunod:

... ...

Tinutukoy ng tag na ito ang pag-encode ng page. Ang partikular na halaga ay isinulat sa pamamagitan ng charset attribute. SA sa kasong ito Ang pag-encode ay windows-1251. Kadalasan, ang mga website ay gumagamit ng UTF-8 encoding.

Kung ang pag-encode ng site at isang partikular na html page (o sa database) ay hindi magkatugma, ang site ay maaaring ipakita sa pamamagitan ng hieroglyph sa ilang mga browser.

2.2. Meta paglalarawan... ...

Ang katangian ng nilalaman ay naglalaman ng isang paglalarawan ng pahina. Kadalasan, ang paglalarawang ito ay ginagamit bilang isang snippet para sa isang search engine. Ang paglalarawan ay hindi kinakailangang tag. Halimbawa, tinutukoy ng search engine ng Yandex ang snippet ayon sa pagpapasya nito, ngunit ginagamit ng Google ang paglalarawang ito at ipinapakita ito ayon sa nakasulat.

2.3. Meta keyword... ...

Ang tag na ito ay nagdudulot ng maraming debate tungkol sa kung kailangan ba talaga ito. Hindi sinasabi ng mga search engine na ang mga keyword na ito ay may anumang papel sa pagraranggo ng isang site.

Inililista ng katangian ng nilalaman ang mga keyword. Hindi malamang na ito ay radikal na makakaapekto sa pag-promote ng site, ngunit sa kaso ng ilang mga kontrobersyal na isyu maaari itong makaimpluwensya sa iyong pabor. Dapat isulat ang mga keyword na pinaghihiwalay ng mga kuwit. Huwag magsulat ng mga keyword na wala sa pahina. Maaari kang magbasa nang higit pa tungkol sa Mga Keyword.

2.4. Meta refresh......

Mayroong maraming iba pang mga meta tag, ngunit ang mga ito ay walang kahalagahan sa alinman sa mga browser o mga search engine, kaya walang saysay na gamitin ang mga ito.

2.5. Meta viewport ... ... 3.3. Link rel=Alternate ... ... 4. ‹script› tag

- pagkonekta ng mga java file gamit ang mga script.

... ...

Tinutukoy ng katangian ng src ang lokasyon ng mga kasamang java file. Ito ay ginagamit upang bawasan ang code sa pahina, gayundin kung sakaling ang ilang mga function ng Java ay kailangang gamitin kapag binubuksan ang pahina. Pinapabilis din nito ang paglo-load ng pahina, dahil... Karaniwang naka-cache ng mga script ang mga browser.

Minamahal na mambabasa, sinuri namin ang mga header html tag dokumento. Ngayon ay mayroon ka nang mas mahusay na pag-unawa sa pag-optimize ng website at pagsulat ng karampatang code.

Hi sa lahat. Matagal na akong hindi nakapagsulat ng anuman, ngunit ngayon ay nagpasya akong pasayahin ka ng isang kawili-wiling artikulo tungkol sa pag-optimize, at mas partikular, ang pag-optimize ng head service block sa html code e site. Kaya simulan na natin.

Para sa paghahanap ng mga robot Isang mahalagang papel ang ginagampanan ng istraktura at nilalaman ng head service tag, na naglalaman ng impormasyong hindi ipinapakita sa page (mga script, style file, plug-in at meta tag).

Ang lahat ng nilalaman ng head area ay ipinapakita sa site, gamit ang wordpress header.php service file, ang mga nilalaman na maaari mong tingnan sa pamamagitan ng pagpunta sa admin panel/appearance/editor:

Kung titingnan mong mabuti ang HTML wordpress code blog sa head area, at pagkatapos ay ihambing ito sa header.php file, makikita mo na bilang karagdagan sa mga tawag na tinukoy doon: meta tags, CSS styles at header, marami pang ibang linya. Karaniwang lumalabas ang mga ito kapag gumagamit ng iba't ibang mga plugin na nagdaragdag ng sarili nilang mga estilo o script sa HTML. Minsan, lumalabas na napakalaki at kalat ang resultang code, na may masamang epekto sa pag-promote ng website.

Istraktura at nilalaman ng tamang ulo

Ayon sa mga pamantayan ng HTML, ilang mga tag lamang ang maaaring ilagay sa head section. Ang mga tag na ito ay: , , , , at .

Ang pinakamahalaga sa mga tag na ito sa mga tuntunin ng pag-optimize ng pahina ay pamagat, na nagpapahiwatig ng pangalan ng window kasalukuyang dokumento at meta - ginagamit upang ipahiwatig ang impormasyon tungkol sa HTML na dokumento, na tumutulong sa mga browser na ipakita nang tama ang mga pahina, at mga search engine- i-index ang mga ito at i-rank ang mga ito sa mga resulta ng paghahanap.

Ngunit kadalasan ang mga tag na ito ay maaaring wala sa kabuuan o, dahil sa mga plugin, napupunta sa pinakadulo ng head block, na kung saan ay walang magandang epekto sa ranggo ng site sa mga resulta ng paghahanap. Ang pinaka sa simpleng paraan idagdag ang mga tag na ito para sa isang wordpress site - i-install ang isa sa mga plugin:

Isa sa pinakamahusay na mga plugin para sa pag-optimize WordPress blog sa ilalim mga search engine. Binibigyang-daan kang magpasok ng mga meta tag para sa bawat pahina, baguhin ang format ng output ng pamagat, atbp.

Isang mas advanced na bersyon ng All in One SEO Pack. Bilang karagdagan ay maaaring magdagdag nofollow tag sa mga link.

Pagkatapos i-install ang isa sa mga plugin na ito, dapat ay mayroon kang head content para sa wordpress ang sumusunod na uri:

Pag-optimize ng head block ng isang website sa WordPress

Well, subukan nating dalhin ang code sa form na ito? Syempre oo!

Pag-alis ng hindi kinakailangang code sa ulo

Ang unang bagay na kailangan mong gawin ay pagsamahin ang lahat ng mga stylesheet ng iyong tema sa isa nakabahaging file style.css. Upang gawin ito, buksan nang sunud-sunod karagdagang mga file styles, kopyahin ang code mula sa kanila at i-paste ito sa dulo ng style.css file Pagkatapos ng mga hakbang na ito, maaari mong alisin ang code para sa pagpapakita ng mga karagdagang istilo mula sa header.php. Bilang resulta, sa html dapat ka lang magkaroon ng isang linya para sa pagkonekta sa mga estilo ng iyong tema:

Sa template file code, ipinapatupad ng function ang karamihan sa "mga karagdagang insertion" na hindi kailangan para sa head block. Hindi mo basta-basta maaalis ang function na ito, dahil tiyak na magkakaroon ito ng ilang mga kahihinatnan, na maaaring negatibong makaapekto sa gawain ng blog.

Samakatuwid, mas mainam na i-deactivate na lang ang koneksyon sa head area ng mga estilo ng plugin, sa pamamagitan ng functions file functions.php.

Napakahalaga! Bago gumawa ng anumang mga pagbabago sa functions.php file, siguraduhing gumawa ng kopya nito.

Ginagamit namin ang sumusunod na algorithm:

1). Bago mo simulan ang hindi pagpapagana ng pagdaragdag ng mga plugin sa ulo, kopyahin ang html code na idinagdag nila.

2). Lumikha sa bahagi ng Katawan karagdagang bloke halimbawa, tinatawag na header:

At narito ang plugin code

Sa block na ito kailangan nating ipasok ang code na idinaragdag ng mga plugin upang hindi sila tumigil sa paggana ng tama.

3). Kailangan mong maingat na suriin ang pangunahing file php plugin, na ang mga kawit ay pinaplano mong tanggalin. Gamit ang kumbinasyon ng Ctrl+F key, hanapin ang sumusunod na istraktura doon:

Add_action("wp_head", "plugin_function_here");

4). Para maalis ng tama ang tawag na ito, kailangan mong idagdag ito sa functions.php file susunod na linya:

Remove_action("wp_head", "plugin_function_here");

5). I-save namin ang template at suriin kung ano ang nakuha namin.
Mayroon ding mga natatanging kaso kung saan ang paggamit ng remove_action para sa wp_head() ay hindi gumagana. Bigyan kita ng isang halimbawa ng WP-PageNavi (bersyon 2.5.0), walang tahasang function na tawag sa wp_head(), sa kabila nito, nilo-load ng plugin ang sarili nitong styles file. Tingnang mabuti ang orihinal na wp-pagenavi.php code, mayroong ganitong function na "Enqueue PageNavi Stylesheets", pagdaragdag ng mga istilo sa pamamagitan ng:

Add_action("wp_print_styles", "pagenavi_stylesheets");

Idagdag ang sumusunod na linya sa pinakadulo ng function na file na fuctions.php bago ang ?> upang maalis ang tawag na ito:

Add_action("init", "remheadlink"); function remheadlink() ( remove_action("wp_print_styles", "pagenavi_stylesheets"); )

Mayroong isang tiyak na prinsipyo sa pagtatrabaho sa mga hindi kinakailangang tawag at kawit - hinahanap mo ang nais na function at patayin ito.

Maaari mo ring alisin ang iba pang mga hindi kinakailangang elemento na hindi mo ginagamit sa pamamagitan ng paggamit ng mga hack para sa functions.php, halimbawa:

Add_action("init", "remheadlink"); function remheadlink() ( remove_action("wp_head","feed_links_extra", 3); // links sa karagdagang rss remove_action("wp_head", "feed_links", 2); // links sa main rss at comments remove_action("wp_head " ,"rsd_link"); // para sa serbisyong Really Simple Discovery remove_action("wp_head","wlwmanifest_link"); Windows Live Writer remove_action("wp_head","wp_generator"); // inaalis ang bersyon ng wordpress)

Add_action("init", "remheadlink"); function na remheadlink() ( remove_action("wp_head","start_post_rel_link",10,0); remove_action("wp_head","index_rel_link"); remove_action("wp_head","rel_canonical"); remove_action("wp_head","adjacent_posts_rel_link_wp ", 10, 0); remove_action("wp_head","wp_shortlink_wp_head", 10, 0); )

Naka-on pinakabagong bersyon Lumilitaw ang isang kakaibang script sa WordPress sa head block:

Teksto ng uri ng script window ng javascript. wpemojiSettings baseUrl http: s.w.org images core emoji 72x72 ext png source concatemoji http: medicinahouse.ru wp-includes js wp-emoji-release.min.js? ver 4.2.4 !function a, b, c function d a var c b.createElement canvas d c.getContext c.getContext 2d return d d.fillText? d.textBaseline itaas

Ang script na ito ay nagdaragdag ng isang set ng pamantayan Mga emoji emoticon, hindi ko nga alam kung bakit idinagdag ito ng WordPress, pero oh well. Maaari mong alisin ang script na ito sa pamamagitan ng pagdaragdag ng sumusunod na construction sa pinakadulo ng functions file, bago ang ?> sign:

Add_action("init", "remheadlink"); function remheadlink() ( remove_action("wp_head", "print_emoji_detection_script", 7); remove_action("admin_print_scripts", "print_emoji_detection_script"); remove_action("wp_print_styles", "print_emoji_styles"); remove_action("admin_print_styles"); remove_action("admin_print_styles") ;)

Bilang karagdagan sa lahat ng sinabi sa itaas, sa pamamagitan ng file ng mga function, maaari mong alisin ang bersyon ng mga script at estilo. Ang kailangan mo lang gawin ay idagdag ang code:

Function _remove_script_version($src)( $parts = explode("?", $src); return $parts; ) //Ito ay para itago ang script version add_filter("script_loader_src", "_remove_script_version", 15, 1); //This is for styles add_filter("style_loader_src", "_remove_script_version", 15, 1);

Para sa akin lang yan. Salamat sa iyong pansin.

Makikita na ito ay binubuo ng tatlong pangunahing seksyon.

• – ang ugat ng anumang HTML na dokumento kung saan matatagpuan ang lahat ng iba pang mga seksyon (ang tag na ito ay dapat nasa isang kopya at dapat na naroroon sa bawat pahina).
• – isang header na naglalaman ng impormasyon ng serbisyo at mga tagubilin sa browser para sa pagpapakita ng nilalaman.
• – ang pangunahing seksyon kung saan matatagpuan ang nilalaman, iyon ay, lahat kapaki-pakinabang na impormasyon(teksto, larawan, video). Bilang karagdagan sa nilalaman, ang seksyong ito ay naglalaman ng grid ng site, o ang layout nito - ang mga lokasyon ng mga pangunahing seksyon ng site ay inilarawan, tulad ng header, footer, pangunahing menu, mga haligi sa gilid, atbp.

Ang tag ay hindi naiiba, maliban na ito ay ang root elemento - isang lalagyan para sa lahat ng iba pang mga bloke. Kaya't bumaba tayo sa higit pa detalyadong pagsasaalang-alang mga seksyon.

Ang mga elemento ng seksyong ito ay hindi direktang ipinapakita sa web page. Ang tanging tag mula sa seksyong ito na magpapakita ng impormasyon ay ang tag. Sa tag, seksyon, nakasulat ang pamagat ng web page; ang tekstong ito ay ipapakita sa title bar ng browser window.

Ipapakita ang pamagat sa title bar ng browser

Ang tag na ito ay ang tanging kinakailangang tag sa seksyon.

Bilang karagdagan sa tag, ang mga sumusunod na tag ay maaaring ilagay sa seksyong ito: , , , .

Tag

Sinasabi ng tag na ito sa browser kung saan matatagpuan ang ilang partikular na bagay. panlabas na mapagkukunan, Halimbawa, panlabas na mga estilo(CSS). Gumagamit din ng tag at tinutukoy ang naaangkop katangian ng rel, maaari mong tukuyin ang address ng RSS feed, favicon para sa site, at iba pang panlabas na mapagkukunan.

Tag

Isa itong generic na tag na naglalarawan ng data. Ang tag ay nagbibigay ng metadata tungkol sa HTML na dokumento browser. Ang metadata ay hindi ipinapakita, ngunit ginagamit lamang para sa mga opisyal na layunin, alinman sa pamamagitan ng browser engine o ng mga spider sa paghahanap. Ang mga elemento ng meta ay karaniwang ginagamit upang ilarawan ang isang pahina ( paglalarawan), mga tagubilin mga keyword (mga keyword), indikasyon ng may-akda ng dokumento ( may-akda), mga indikasyon ng uri ng nilalaman at pag-encode nito, at iba pang metadata.

Tag

Gamit ang tag na ito, maaari mong sabihin sa browser kung saan ito dapat maghanap ng mga panlabas na script:

o, direktang ipasok ang script sa seksyong ito:

document.write("Hello World!")

Tag

Maaaring gamitin ang tag na ito upang itakda ang mga istilong kailangan lamang para sa page na ito, at kung hindi na kailangang kumonekta panlabas na file mga istilo gamit ang . Maaari kang tumukoy ng higit sa isang tag

h1 (kulay: pula) p (kulay: asul)

Iyon lang ang impormasyong kailangan mong malaman tungkol sa seksyon. Susunod, isasaalang-alang namin ang seksyon, na naglalaman ng pangunahing nilalaman ng web page.

Ang elemento ay ang tanging kinakailangang tag ng pamagat at nagsisilbing pagbibigay ng pamagat sa dokumento. Ang tekstong inilagay sa loob ng tag ay lilitaw sa title bar ng web browser. Ang pamagat ay dapat na hindi hihigit sa 60 mga character ang haba upang ganap na magkasya sa pamagat ng window ng browser. Ang teksto ng pamagat ay dapat maglaman hangga't maaari buong paglalarawan nilalaman ng web page.
Para sa bawat dokumento, ang elemento ay hindi lamang kinakailangan, ngunit lubhang kapaki-pakinabang para sa maraming mga kadahilanan:

• ang kawalan ng pamagat ng dokumento ay pipilitin ang browser, kapag binibigyang-kahulugan ang HTML code, na magpakita ng pariralang tulad Walang Pamagat na Dokumento(Walang pamagat na dokumento) na hindi tumutugma sa tema ng iyong site o nilalaman nito;
• kapag sinusubukang magdagdag ng isang nilikha na HTML na dokumento nang walang elemento sa browser na "mga bookmark", ang gumagamit ay kailangang independiyenteng ipasok ang pangalan ng pahina na idaragdag;
• ang mga search engine, kapag nahaharap sa isang hindi pinangalanang pahina, ay ipasok ito sa kanilang mga database sa ilalim ng pamagat Walang pamagat, na gagawing walang mukha ang naturang dokumento at katulad ng milyun-milyong iba pang mga HTML na dokumento na nai-post sa Internet.

Halimbawa ng HTML: Subukan ito sa iyong sarili

website - mga online na tutorial sa HTML, CSS, JavaScript.
Pangunahing nilalaman...
Elemento

Gamit ang elemento, maaari mong tukuyin ang isang paglalarawan ng nilalaman ng pahina at mga keyword para sa mga search engine, ang may-akda ng html na dokumento at iba pang mga katangian ng metadata. Ang isang elemento ay maaaring maglaman ng maraming elemento dahil ang mga ito ay nagdadala ng iba't ibang impormasyon depende sa mga katangiang ginamit.

HTML page encoding

Dapat tukuyin ang pag-encode ng isang HTML page upang maipakita nang tama ng web browser ang teksto sa pahina. Kung hindi mo tahasang tinukoy ang pag-encode, awtomatikong tutukuyin ito ng browser kapag ipinapakita ang pahina. Kung ang pag-encode ay natukoy nang hindi tama, ang mga hieroglyph ay ipapakita sa halip na teksto.
Ang pinakakaraniwang modernong encoding ay utf-8.
Sabihin sa browser ng user kung anong encoding ang ginagamit sa page na ito:

Mga elemento ng meta at mga search engine

Ang ilang mga search engine ay tumitingin sa mga elemento ng meta kapag nag-i-index ng isang pahina.
Halimbawa, ang mga elemento ng meta sa ibaba ay tumutukoy sa paglalarawan para sa HTML na dokumento at mga keyword ( impormasyong ito maaaring gamitin ng mga search engine kapag nagpapakita ng dokumento sa mga resulta ng paghahanap):

Paglalarawan ng nilalaman ng pahina at mga keyword:

Ang mga attribute na available para sa elemento ay charset , content , http-equiv , name , pati na rin ang mga global attribute.

Mga katangian ng tag Halaga/Paglalarawan ng Katangian

charset	Tinutukoy ang pag-encode ng character para sa kasalukuyang HTML na dokumento:
nilalaman	Tinutukoy ang return value para sa property. Naglalaman ng arbitrary na text na tumutukoy sa value na nauugnay sa http-equiv o name attribute.
http-equiv	Kinokontrol ang mga pagkilos ng browser sa isang partikular na web page (katumbas ng mga header ng HTTP). Kapag nag-render ng page, susundin ng browser ang mga tagubiling tinukoy sa attribute: default-style - Tinutukoy ang gustong istilo na gagamitin sa page. Katangian nilalaman dapat maglaman ng ID ng elementong tumutukoy sa CSS stylesheet, o ng ID ng elementong naglalaman ng stylesheet. refresh - ipinapahiwatig ang oras sa mga segundo bago i-reload ang pahina o ang oras bago mag-redirect sa isa pang pahina, kung nasa katangian nilalaman pagkatapos ng oras ay may linya "url=page_address". Awtomatikong i-reload ang pahina pagkatapos ng tinukoy na tagal ng panahon, sa sa halimbawang ito, pagkatapos ng 30 segundo: Kung kailangan mong ilipat kaagad ang bisita sa ibang page, maaari mong tukuyin ang URL sa url parameter:
pangalan	Nagbibigay karagdagang paglalarawan tag. Kung aalisin ang attribute na ito, ituturing itong katumbas ng attribute na http-equiv. Hindi dapat gamitin kung ang elemento ay mayroon nang http-equiv , charset , o itemprop attributes set. application-name - Tinutukoy ang pangalan ng web application na ginamit sa page. may-akda - ginagamit upang ipahiwatig ang pangalan ng may-akda ng web page: paglalarawan - ay isang paglalarawan ng pahina, ito ay kadalasang ginagamit ng mga search engine upang matukoy kung saan ito nakatuon, halimbawa: generator - tumutukoy sa isa sa mga pakete software, ginamit upang lumikha ng isang dokumento, halimbawa: mga keyword - naglalaman ng listahan ng mga keyword na pinaghihiwalay ng kuwit na tumutugma sa nilalaman ng pahina, halimbawa: pragma - pinipigilan ang browser na i-cache ang pahina, halimbawa: mag-e-expire - maaaring gamitin upang isaad kung kailan dapat mag-expire ang isang page (at alisin sa cache), halimbawa: robot - nagpapahiwatig kung dapat paganahin ang mga search engine pahinang ito sa mga resulta ng paghahanap. Halimbawa, tinutukoy ng value na nofollow na maaaring isama ng mga search engine ang page na ito sa mga resulta ng paghahanap, ngunit hindi dapat magpakita ng mga page na naka-link mula rito: viewport - nagbibigay-daan sa mga developer na kontrolin ang laki ng orihinal na viewport sa iba't ibang device: lapad=lapad ng aparato— nagsasabi sa browser na itakda ang lapad ng viewport na katumbas ng lapad ng screen ng device, anuman ito; initial-scale=1.0— mga set antas ng pagpasok pag-scale kapag unang na-load ng browser ang page.

Elemento

Ang isang elemento sa isang HTML na dokumento ay nagsasabi sa browser kung saan matatagpuan ang panlabas na CSS file na ginagamit upang i-format ang pahina.
Dapat gamitin ng elemento ang sumusunod na tatlong katangian:

• href - tumutukoy sa landas patungo sa CSS file, na kadalasang matatagpuan sa isang folder na pinangalanan css o mga istilo;
• uri - tinutukoy ang uri ng dokumento na itinuturo ng link. Dapat tukuyin ang isang halaga text/css;
• rel - tumutukoy sa kaugnayan sa pagitan ng HTML page at naka-link na file. Kapag nagli-link sa isang CSS file, dapat na tukuyin ang value ng stylesheet.

Maaari kang gumamit ng higit sa isang style sheet sa code ng isang HTML page. Sa kasong ito, para sa lahat CSS file dapat tukuyin ang isang hiwalay na elemento. Elemento

Maaari mong paganahin Mga panuntunan sa CSS sa isang HTML na pahina sa pamamagitan ng paglalagay ng mga ito sa loob ng elemento, na karaniwang makikita sa loob ng elemento.

Elemento

Ang elemento ay nagbibigay-daan sa iyo na mag-attach ng iba't ibang mga script sa isang dokumento. Ang script code mismo ay maaaring matatagpuan sa loob ng elementong ito o sa isang panlabas na file. Kung ang teksto ng script ay matatagpuan sa isang panlabas na file, pagkatapos ito ay konektado gamit ang mga katangian ng elemento.
Ang sumusunod na halimbawa ay nagkokonekta ng isang panlabas na script.js file sa isang HTML na dokumento at bumubuo ng isang popup kapag nag-click ang user sa isang button:

Halimbawa ng HTML: Subukan mo mismo ang Javascript External Script Element

Ginagamit ang elemento upang tukuyin ang buong base URL ng dokumento kung saan ang lahat mga kamag-anak na address. Makakatulong ito na maiwasan ang mga problema kung ililipat ang iyong page sa ibang lokasyon. Sa madaling salita, ang lahat ng mga link ay gagana tulad ng dati.
Ang pangunahing katangian ng elemento ay href . Ang address ng base folder ay ginagamit bilang halaga nito, na nauugnay sa kung aling mga kamag-anak na address ang kakalkulahin. Bilang default, ang root address ay domain name site.
Ang isa pang kapaki-pakinabang na katangian ng tag na ito ay target . target na katangian tinutukoy kung aling mga window page ang ilo-load batay sa mga link na makikita sa HTML na dokumento. Bilang default, bubukas ang mga link sa parehong window ng browser.