Gaano man tayo gumamit ng PHP, lumalabas pa rin ang ilang function na hindi pa natin narinig. Ang ilan sa mga ito ay magiging lubhang kapaki-pakinabang sa atin. Gumawa ako ng maliit na listahan ng mga kapaki-pakinabang na function na dapat nasa arsenal ng bawat PHP programmer.

1. Paglikha ng mga function na may variable na bilang ng mga argumento

Malamang, alam mo na na pinapayagan kami ng PHP na lumikha ng mga function na may mga opsyonal na argumento. Ngayon ay magpapakita ako ng isang function kung saan ang bilang ng mga argumento ay maaaring mag-iba mula sa bawat kaso.

Ngunit una, tandaan natin kung paano tayo gumagawa ng mga function sa karaniwang paraan:

// function na may dalawang opsyonal na parameter function foo($arg1 = "", $arg2 = "") ( echo "arg1: $arg1\n"; echo "arg2: $arg2\n"; ) foo("hello", "mundo"); /* will output: arg1: hello arg2: world */ foo(); /* ay maglalabas: arg1: arg2: */

Ngayon tingnan natin kung paano ka makakasulat ng isang function na may walang limitasyong bilang ng mga argumento. Upang gawin ito, ang func_get_args() na pamamaraan ay gagamitin:

// do not specify arguments function foo() ( // nagbabalik ng array ng mga pumasa na argumento $args = func_get_args(); foreach ($args as $k => $v) ( echo "arg".($k+1) ." : $v\n"; ) ) foo(); /* ay hindi maglalabas ng anuman */ foo("hello"); /* will print arg1: hello */ foo("hello", "world", "muli"); /* ay magpi-print ng arg1: hello arg2: world arg3: muli */

2. Gamitin ang Glob() upang maghanap ng mga file

Kadalasan ang mga pangalan ng mga function ay nagsasalita para sa kanilang sarili. Ang parehong ay hindi maaaring sabihin para sa glob() function.

Nang walang masyadong maraming detalye, ang functionality nito ay katulad ng scandir() method. Pinapayagan ka nitong mahanap ang kinakailangang file gamit ang isang template:

// hanapin ang lahat ng php file $files = glob("*.php"); print_r($mga file); /* ay maglalabas ng: Array ( => phptest.php => pi.php => post_output.php => test.php) */

Upang makahanap ng mga file ng ilang uri kailangan mong sumulat ng ganito:

// hanapin ang lahat ng php at txt file $files = glob("*.(php,txt)", GLOB_BRACE); print_r($mga file); /* output: Array ( => phptest.php => pi.php => post_output.php => test.php => log.txt => test.txt) */

Maaari mo ring tukuyin ang landas sa template:

$files = glob("../images/a*.jpg"); print_r($mga file); /* output: Array ( => ../images/apple.jpg => ../images/art.jpg) */

Upang makuha ang buong landas sa isang dokumento, gamitin ang realpath() na pamamaraan:

$files = glob("../images/a*.jpg"); // Ilapat ang function na "realpath" sa bawat elemento ng array $files = array_map("realpath",$files); print_r($mga file); /* ay maglalabas ng: Array ( => C:\wamp\www\images\apple.jpg => C:\wamp\www\images\art.jpg) */

3. Impormasyon tungkol sa memorya na ginamit

Kung sinusubaybayan mo ang dami ng memory na natupok ng iyong mga script, malamang na mas madalas mong i-optimize ang mga ito.

Ang PHP ay may makapangyarihang tool sa pagsubaybay sa memorya. Maaaring iba ang mga pag-load sa iba't ibang bahagi ng script. Upang makuha ang kasalukuyang ginagamit na halaga ng memorya, dapat nating gamitin ang paraan ng memory_get_usage(). Upang ayusin ang maximum na dami ng memory na ginamit, gamitin ang memory_get_peak_usage()

Echo "Initial: ".memory_get_usage()." bytes \n"; /* Initial: 361400 bytes */ // magbigay ng maliit na load para sa ($i = 0; $i< 100000; $i++) { $array = md5($i); } // и ещё for ($i = 0; $i < 100000; $i++) { unset($array[$i]); } echo "Final: ".memory_get_usage()." bytes \n"; /* Final: 885912 bytes */ echo "Peak: ".memory_get_peak_usage()." bytes \n"; /* Peak: 13687072 bytes */

4. Impormasyon ng processor

Para magawa ito, kailangan mong gamitin ang getrusage() method. Ngunit tandaan na ang tampok na ito ay hindi gagana sa Windows.

Print_r(getrusage()); /* prints Array ( => 0 => 0 => 2 => 3 => 12692 => 764 => 3864 => 94 => 0 => 1 => 67 => 4 => 0 => 0 => 0 => 6269 => 0) */

Ang larawang nakabalangkas sa itaas ay magiging malinaw sa mga may karanasan sa pangangasiwa ng system. Para sa iba pa, nag-aalok kami ng transcript:

• ru_oublock: bilang ng block write operations
• ru_inblock: bilang ng block read operations
• ru_msgsnd: bilang ng mga mensaheng ipinadala
• ru_msgrcv: bilang ng mga natanggap na mensahe
• ru_maxrss: maximum na laki ng isang hindi paged na set
• ru_ixrss: kabuuang halaga ng nakabahaging memorya
• ru_idrss: kabuuang dami ng hindi nakabahaging data
• ru_minflt: bilang ng mga memory page na ginamit
• ru_majflt: bilang ng mga nawawalang error sa pahina
• ru_nsignals: bilang ng mga natanggap na signal
• ru_nvcsw: bilang ng mga paglipat ng konteksto ayon sa proseso
• ru_nivcsw: bilang ng sapilitang paglipat ng konteksto
• ru_nswap: bilang ng disk accesses kapag paging
• ru_utime.tv_usec: oras ng pagpapatakbo sa user mode (microseconds)
• ru_utime.tv_sec: oras ng pagpapatakbo sa user mode (segundo)
• ru_stime.tv_usec: oras ng pagpapatakbo sa privileged mode (microseconds)
• ru_stime.tv_sec: oras ng pagpapatakbo sa privileged mode (segundo)

Upang malaman kung anong mga mapagkukunan ng iyong processor ang ginagamit ng script, kailangan mo ang halaga ng 'oras ng gumagamit' (oras ng gumagamit) at 'oras ng system' (oras ng privileged mode). Makukuha mo ang resulta sa parehong segundo at microsecond. Upang i-convert ang kabuuang bilang ng mga segundo sa isang decimal na numero, kailangan mong hatiin ang halaga ng microsecond sa 1 milyon at idagdag ang halaga ng mga segundo sa halaga.

Medyo nakakalito. Narito ang isang halimbawa:

// pahinga ng 3 segundong pagtulog(3); $data = getrusage(); echo "Oras ng gumagamit: ". ($data["ru_utime.tv_sec"] + $data["ru_utime.tv_usec"] / 1000000); echo "Oras ng system: ". ($data["ru_stime.tv_sec"] + $data["ru_stime.tv_usec"] / 1000000); /* prints User time: 0.011552 System time: 0 */

Kahit na ang script ay tumagal ng humigit-kumulang 3 segundo upang maisagawa, ang processor ay hindi mabigat na na-load. Ang katotohanan ay kapag tinawag (tulog), ang script ay halos walang mapagkukunan ng processor. Sa pangkalahatan, maraming mga gawain na tumatagal ng isang malaking halaga ng oras, ngunit hindi ginagamit ang processor. Halimbawa, naghihintay para sa mga operasyong nauugnay sa disk. Kaya hindi mo palaging ginagamit ang oras ng CPU sa iyong mga script.

Narito ang isa pang halimbawa:

// maglakad ng 10 milyong beses para sa ($i=0;$i<10000000;$i++) { } $data = getrusage(); echo "User time: ". ($data["ru_utime.tv_sec"] + $data["ru_utime.tv_usec"] / 1000000); echo "System time: ". ($data["ru_stime.tv_sec"] + $data["ru_stime.tv_usec"] / 1000000); /* выводит User time: 1.424592 System time: 0.004204 */

Ang script ay tumagal ng 1.4 segundo ng oras ng CPU. Sa kasong ito, ang mga oras ng system call ay karaniwang mababa.

Privileged mode time (System Time) ay ang oras na ginugugol ng processor sa pagpapatupad ng mga kahilingan ng system sa kernel sa ngalan ng programa. Halimbawa:

$start = microtime(true); // tumawag sa microtime tuwing 3 segundo habang(microtime(true) - $start< 3) { } $data = getrusage(); echo "User time: ". ($data["ru_utime.tv_sec"] + $data["ru_utime.tv_usec"] / 1000000); echo "System time: ". ($data["ru_stime.tv_sec"] + $data["ru_stime.tv_usec"] / 1000000); /* выводит User time: 1.088171 System time: 1.675315 */

Ngayon ang oras ng system ay ginugol nang higit pa kaysa sa nakaraang halimbawa. Lahat salamat sa microtime() na pamamaraan, na gumagamit ng mga mapagkukunan ng system.

Gayunpaman, dapat tandaan na ang ipinapakitang oras ay maaaring hindi tumpak dahil Sa isang partikular na oras, ang mga mapagkukunan ng processor ay ginagamit din ng iba pang mga programa, na maaaring magresulta sa isang bahagyang error.

5. Magic constants

Maraming magic constant sa PHP, gaya ng kasalukuyang line number (__LINE__), file path (__FILE__), directory path (__DIR__), function name (__FUNCTION__), class name (__CLASS__), method name (__METHOD__) at namespaces ( __NAMESPACE__).

Hindi namin isasaalang-alang silang lahat. Tingnan natin ang isang pares:

// ang script na ito ay depende sa kasalukuyang lokasyon ng file at // ay maaaring magdulot ng mga problema kung ginamit mula sa iba't ibang mga direktoryo require_once("config/database.php"); // ang script na ito ay hindi magdudulot ng mga problema require_once(dirname(__FILE__) . "/config/database.php");

Gamitin ang __LINE__ kapag nagde-debug ng mga script:

// code // ... my_debug("some debug message", __LINE__); /* ay magpapakita ng Linya 4: ilang mensahe sa pag-debug */ // higit pang code // ... my_debug("isa pang mensahe ng debug", __LINE__); /* ay magpi-print ng Linya 11: isa pang mensahe ng debug */ function my_debug($msg, $line) ( echo "Line $line: $msg\n"; )

6. Pagbuo ng mga natatanging ID

May mga pagkakataon na kailangan mong bumuo ng isang natatanging string. Nakita ko nang maraming beses na ang md5() function ay ginagamit upang malutas ang problemang ito:

// bumuo ng random string echo md5(time() . mt_rand(1.1000000));

Ngunit sa katunayan, ang PHP ay may espesyal na function na uniqid() para sa mga layuning ito

// bumuo ng random string echo uniqid(); /* ay magpi-print ng 4bd67c947233e */ // isa pang beses echo uniqid(); /* ay magpi-print ng 4bd67c9472340 */

Sa mata, makikita mo na ang mga unang simbolo ay, sa madaling salita, magkatulad... Ito ay dahil sa ang katunayan na ang pamamaraang ito ay gumagamit ng oras ng server upang makabuo ng mga simbolo. Ito ay kahit na kapaki-pakinabang, dahil... Ang lahat ng nabuong mga halaga ay nakuha sa alpabetikong pagkakasunud-sunod, na ginagawang posible upang mabilis na pag-uri-uriin ang mga ito.

Upang mabawasan ang mga pagkakataong makakuha ng duplicate, maaari kaming magdagdag ng prefix o gumamit ng pangalawang parameter (tinataas ang bilang ng mga character):

// prefixed with echo uniqid("foo_"); /* ay magpi-print ng foo_4bd67d6cd8b8f */ // na may pangalawang parameter na echo uniqid("",true); /* will print 4bd67d6cd8b926.12135106 */ // both echo uniqid("bar_",true); /* ay maglalabas ng bar_4bd67da367b650.43684647 */

Ang pamamaraang ito ay bumubuo ng mga string na mas maliit kaysa sa md5, sa gayon ay nakakatipid ng espasyo.

7. Serialization

Naranasan mo na bang mag-imbak ng kumplikadong data sa isang database o file? Upang ma-convert ang isang bagay sa isang string, ang PHP ay nagbibigay ng isang espesyal na function.

Sa pangkalahatan, mayroong 2 sa mga pamamaraang ito: serialize() at unserialize()

// complex array $myvar = array("hello", 42, array(1,"two"), "apple"); // convert sa string $string = serialize($myvar); echo $string; /* ay magpi-print ng:4:(i:0;s:5:"hello";i:1;i:42;i:2;a:2:(i:0;i:1;i:1; s :3:"dalawa";)i:3;s:5:"mansanas";) */ // makuha ang orihinal na halaga $newvar = unserialize($string); print_r($newvar); /* ay maglalabas ng Array ( => hello => 42 => Array ( => 1 => dalawa) => mansanas) */

Ganito gumagana ang mga function na ito. Gayunpaman, dahil sa mabilis na paglaki ng katanyagan ng JSON, 2 pamamaraan na json_encode() at json_decode() ang idinagdag sa PHP 5.2. Ang kanilang trabaho ay katulad ng serialize():

// complex array $myvar = array("hello", 42, array(1,"two"), "apple"); // convert sa string $string = json_encode($myvar); echo $string; /* ay magpi-print ng ["hello",42,,"apple"] */ // ibabalik ang orihinal na halaga $newvar = json_decode($string); print_r($newvar); /* prints Array ( => hello => 42 => Array ( => 1 => dalawa) => mansanas) */

Ang pagpipiliang ito ay mas compact at tugma sa iba pang mga wika tulad ng JavaScript. Gayunpaman, kapag nagtatrabaho sa napakakumplikadong mga bagay, maaaring mangyari ang pagkawala ng data.

8. Pag-compress ng string

Kapag pinag-uusapan natin ang tungkol sa compression, agad na naiisip ang mga archive na file sa ZIP format. Nagbibigay ang PHP ng kakayahang mag-compress ng mahabang string nang walang anumang mga file.

Ang sumusunod na halimbawa ay nagpapakita kung paano gumagana ang gzcompress() at gzuncompress() function:

$string = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ut elit id mi ultricies adipiscing. Nulla facilisi. Praesent pulvinar, sapien vel feugiat vestibulum, nulla dui pretium orci, non ultricies elit lacus quis ante. Lorem i amet , consectetur adipiscing elit eu hindi enim. $compressed = gzcompress($string); echo "Orihinal na laki: ". strlen($string)."\n"; /* ay maglalabas ng Orihinal na laki: 800 */ echo "Naka-compress na laki: ". strlen($compressed)."\n"; /* ay maglalabas ng Compressed size: 418 */ // return $original = gzuncompress($compressed);

Maaari naming bawasan ang volume ng text ng 50%. Para sa parehong mga layunin, maaari mong gamitin ang gzencode() at gzdecode() na mga pamamaraan, na gumagamit ng ibang compression algorithm.

9. Ipatupad bago lumabas

Ang PHP ay may register_shutdown_function() function na magpapahintulot sa iyo na magsagawa ng ilang code bago isara ang script.

Sabihin nating gusto mong malaman ang ilang impormasyon... Oras ng pagtakbo ng script:

// makuha ang oras ng pagsisimula $start_time = microtime(true); // ilang mga operasyon // ... // ipakita ang running time echo na "execution took: ". (microtime(true) - $start_time). "segundo.";

Sa unang tingin, ito ay maaaring mukhang isang maliit na gawain. Para sa mga layuning ito, maaari mong ilagay ang code sa dulo ng file. Gayunpaman, kung ang exit() function ay gagana sa isang lugar bago ito, ang code na ito ay hindi kailanman gagana. Gayundin, hindi ito gagana kung mayroong isang error sa pahina o naantala ng gumagamit ang paglo-load ng pahina (sa pamamagitan ng pag-click sa kaukulang pindutan sa kanyang browser);

Kapag ginagamit ang register_shutdown_function() na pamamaraan, ang code ay isasagawa sa anumang kaso:

$start_time = microtime(true); register_shutdown_function("my_shutdown"); function my_shutdown() ( global $start_time; echo "naganap ang execution: ". (microtime(true) - $start_time). " seconds."; )

Konklusyon

Ang PHP ay isang buong planeta na hindi tumitigil sa paghanga sa amin sa nilalaman nito. Ano sa palagay mo ang tungkol sa mga function na ito?

). Bawat tag (seksyon) dapat may pares (/seksyon). Ang mga kinakailangang parameter ay pangalan At loop. Ang pangalan ng cycle (seksyon) ay maaaring anumang bagay na binubuo ng mga titik, numero at underscore. Mga cycle (seksyon) maaaring ma-nest at ang mga pangalan ng mga nested na seksyon ay dapat na natatangi sa isa't isa. Variable loop(karaniwan ay isang hanay ng mga halaga) ay tumutukoy sa bilang ng mga pag-ulit ng loop. Kapag nagpi-print ng mga variable sa loob ng isang seksyon, dapat na nakalista ang pangalan ng seksyon sa tabi ng pangalan ng variable sa loob ng mga square bracket. (ibang bahagi) ay pinaandar kung ang parameter loop ay hindi naglalaman ng mga halaga.

Pangalan ng katangian	Uri	Kailangan	Default	Paglalarawan
pangalan	string	Oo	n/a	Pangalan ng seksyon
loop	magkakahalo	Oo	n/a	Isang halaga na tumutukoy sa bilang ng mga pag-ulit ng loop.
simulan	integer	Hindi	0	Ang index ng posisyon kung saan magsisimula ang loop. Kung ang halaga ay negatibo, ang panimulang posisyon ay kinakalkula mula sa dulo ng array. Halimbawa, kung ang loop variable ay may 7 elemento at ang value ng start attribute ay -2, ang panimulang index ay magiging 5. Ang mga invalid na value (mga value sa labas ng array) ay awtomatikong pinuputol sa pinakamalapit na valid value.
hakbang	integer	Hindi	1	Ang halaga ng hakbang na ginamit upang tumawid sa array. Halimbawa, ang step=2 ay nagpapahiwatig ng traversal ng array sa pamamagitan ng mga elemento 0,2,4... Kung ang hakbang ay negatibo, ang array ay dadaanan sa kabaligtaran na direksyon.
max	integer	Hindi	1	Ang maximum na bilang ng mga pag-ulit ng loop.
palabas	boolean	Hindi	totoo	Isinasaad kung ipapakita ang seksyong ito o hindi

Tandaan

Mula sa bersyon 1.5.0 ng Smarty, ang syntax ng variable ng property ng session ay binago mula sa (%sectionname.varname%) patungong ($smarty.section.sectionname.varname). Ang lumang syntax ay sinusuportahan pa rin, ngunit makikita mo lamang ang mga halimbawa ng bagong syntax.

index ay ginagamit upang ipakita ang kasalukuyang index ng array, simula sa zero (o ang start attribute kung isa ay tinukoy) at incrementing ng isa (o ang value ng step attribute kung isa ang tinukoy).

Teknikal na Tala

Kung ang mga katangian ng hakbang at pagsisimula ay hindi tinukoy, ang index ay kapareho ng katangian ng seksyon ng pag-ulit, maliban na ito ay nagsisimula sa 0 sa halip na 1.

Ang pag-ulit ay ginagamit upang ipakita ang kasalukuyang numero ng pag-ulit ng loop.

Tandaan

Independiyente ang value na ito sa simula, hakbang, at max na property, hindi katulad ng index property. Gayundin, ang mga pag-ulit ay nagsisimula sa isa, hindi mula sa zero tulad ng mga indeks. Ang rownum ay isang kasingkahulugan para sa pag-aari ng pag-ulit, pareho silang gumagana.

Halimbawa 7.38. ari-arian (seksyon) pag-ulit

assign("custid",$id); ?> (pangalan ng seksyon=cu loop=$custid start=5 step=2) iteration=($smarty.section.cu.iteration) index=($smarty.section.cu.index) id=($custid)
(/seksyon)

Ang resulta ng pagpapatakbo ng halimbawang ito:

Pag-ulit=1 index=5 id=3005
iteration=2 index=7 id=3007
iteration=3 index=9 id=3009
iteration=4 index=11 id=3011
iteration=5 index=13 id=3013
iteration=6 index=15 id=3015

Ang halimbawang ito ay gumagamit ng iteration property upang i-print ang table header tuwing limang linya (gumagamit (kung) kasama ang mod operator - ang natitira sa dibisyon).

(pangalan ng seksyon=co loop=$contacts) (kung $smarty.section.co.iteration % 5 == 1) (/kung) (/seksyon)

	Pangalan>	Bahay	Cell	Email
tingnan	($contacts.name)	($contacts.home)	($contacts.cell)	($contacts.email)

Isang magandang lalaki Si Matt West mula sa Foggy Albion, na kumikita sa freelancing at entrepreneurship, ay nagdala sa aming atensyon sa post na: "Paano gumamit ng HTML5 sectional elements."
Nasa ibaba ang pagsasalin nito.

Nag-aalok ang HTML5 ng isang hanay ng mga sectional na elemento na ginagamit mo sa iyong markup upang magdagdag ng kahulugan o semantic na kahulugan sa iyong mga pahina, sa gayon ay nagbibigay-daan sa mga computer program na mas maunawaan ang kanilang nilalaman.
Pagkatapos basahin ang post na ito, matututunan mo kung paano gumamit ng mga sectional na elemento sa iyong mga website. Susubukan kong ipaliwanag sa kung anong mga kaso ang mas mahusay na gumamit ng isa o ibang elemento at kung mas mahusay na gumamit ng magandang luma.
Magsimula na tayo.

pangunahing elemento

Ang elemento ay dapat maglaman ng pangunahing nilalaman ng iyong web page. Bukod dito, ang lahat ng nilalaman ay dapat na natatangi sa pahina at hindi dapat ipakita saanman sa site.
Ang nilalamang inuulit sa maraming pahina (logo, box para sa paghahanap, mga link sa footer, atbp.) ay hindi dapat ilagay sa loob ng isang elemento.
Nasa ibaba ang isang halimbawa ng kung paano ipakita ang pangunahing nilalaman ng isang pahina.

Rocking Stone Magazine

Mga gitara

Ang pinakadakilang mga gitara sa ating panahon

Gibson SG

Fender Telecaster

Tandaan: Ginamit namin ang ARIA role="main" role attribute, dito ipinapahiwatig nito ang kahalagahan ng elementong ito sa mga program na hindi pa sumusuporta sa elemento (halimbawa, ilang screen reader).
Maaari ka lamang gumamit ng isang elemento sa bawat pahina, na hindi maaaring ilagay sa loob ng mga elemento, o.

elemento ng artikulo

Ang elemento ay dapat maglaman ng isang piraso ng self-contained na impormasyon na maaaring alisin sa konteksto ng buong page nang hindi nawawala ang kahulugan nito. Ito ay maaaring: balita, artikulo sa blog, komento ng user.

Pamagat ng artikulo

Maaari mong i-nest ang mga elemento sa loob ng isa. Nangangahulugan ito na ang mga nested na elemento ay naka-link sa panlabas na elemento.

Pamagat ng artikulo

Mga komento

Ito ay isang kawili-wiling artikulo

Paano mo ito maiuugnay sa pandaigdigang kahusayan?

Sa halimbawang ito, gumamit kami ng elemento upang i-highlight ang artikulo mismo at ang bawat komento dito. Ang nesting scheme na ito ay nagbibigay-daan sa mga komento na maiugnay sa teksto ng artikulo.

elemento ng seksyon

Ang isang elemento ay ginagamit upang kumatawan sa isang seksyon (pangkat) ng kaugnay na nilalaman. Ang aplikasyon nito ay katulad ng isa na may pangunahing pagkakaiba na ang nilalaman sa loob ng elemento ay pinapayagang walang kahulugan sa labas ng konteksto ng mismong pahina.
Inirerekomenda na gumamit ng mga tag (

–

)

upang ipahiwatig ang paksa ng seksyon.
Upang magbigay ng halimbawa ng artikulong binabasa mo ngayon, maaari mong balutin ang bawat talata sa isang tag.

Paano Gamitin ang Mga Elemento ng Seksyon ng HTML5

pangunahing elemento

elemento ng artikulo

elemento ng seksyon

...

Dito ay gumamit kami ng isang elemento para sa buong artikulo at ilang mga elemento upang i-highlight ang mga subheading na tinalakay sa post.
Kung gusto mong pangkatin ang nilalaman para sa pag-istilo sa ibang pagkakataon, sa kasong ito kailangan mong gumamit ng elemento sa halip.

elemento ng nav

Ang elemento ay ginagamit upang markahan ang isang pangkat ng mga link sa mga panlabas na pahina o mga seksyon sa loob ng kasalukuyang pahina. Ito ay angkop para sa parehong pangunahing nabigasyon ng site at sa talaan ng mga nilalaman o mga post.

Ang paglalagay ng mga link bilang isang listahan ay nagpapadali sa pag-navigate, bagama't hindi ito kinakailangan kapag ginagamit ang elemento.

sa tabi ng elemento

Ang elemento ay ginagamit upang i-highlight ang nilalaman na direktang nauugnay sa nakapalibot na nilalaman, ngunit maaari ding isaalang-alang nang hiwalay. Ang mga ito ay maaaring mga sidenote (tulad ng sa mga aklat), mga pangkat ng mga elemento, numero, o mga sipi.

Bumibili ang Google ng Nest

Sa halimbawang ito, gumamit kami ng elemento upang i-highlight ang impormasyon tungkol sa Google sa isang artikulo ng balita. Maaaring maging kapaki-pakinabang ang impormasyong ito sa mambabasa, ngunit hindi direktang nauugnay sa balita.

elemento ng header

Ang elemento ay ginagamit upang ipakita ang isang panimulang bahagi sa isang artikulo o web page. Karaniwan itong naglalaman ng pamagat o ilang metadata na nauugnay sa nilalaman, tulad ng petsa ng pagkakalathala ng artikulo o isang talaan ng mga nilalaman (sa loob ng isang elemento) para sa mas mahabang dokumento.
Ang elemento ay mali-link sa pinakamalapit na sectional na elemento, kadalasan ang direktang magulang nito sa istraktura ng pahina.

Bumibili ang Google ng Nest

Sa halimbawang ito, naglalaman ang elemento ng pamagat at petsa ng pagkakalathala ng isang artikulo ng balita.

elemento ng footer

Ang elemento ay ginagamit upang kumatawan sa impormasyon ng seksyon tulad ng may-akda, copyright, mga link sa mga kaugnay na web page.

Sa parehong paraan, ang elemento ay konektado sa pinakamalapit na sectional na elemento.

elemento ng address

Ang elemento ay isa sa mga pinaka-maling paggamit na elemento sa HTML. Ang elementong ito ay hindi nilayon upang markahan ang isang postal address, ngunit sa halip ay magbigay ng impormasyon sa pakikipag-ugnayan para sa isang artikulo o web page. Ang mga ito ay maaaring mga link sa website ng may-akda o sa kanyang email address.

Mga contact Matt West

Ang elementong ito ay kadalasang ginagamit sa loob ng isang elemento, na kung saan ay matatagpuan sa loob ng isang elemento.

Bumibili ang Google ng Nest

Konklusyon

Sa post na ito, natutunan mo kung paano gamitin ang mga elemento ng seksyong HTML5 upang mag-layout ng mga web page. Ang paggamit ng naturang mga elemento ay may isang bilang ng mga pakinabang.
Isa sa pinakamalaki ay ang pagbibigay ng kahulugan ng semantiko sa ilang partikular na bahagi ng iyong web page, na nagpapahintulot sa mga program sa computer (mga screen reader) na tukuyin ang mga pangunahing elemento ng nilalaman at nabigasyon.
Tandaan: Hindi pa lahat ng screen reader ay sumusuporta sa mga semantic na elemento. Upang protektahan ang iyong sarili, maaari kang magpatuloy sa paggamit ng mga tungkulin

HTML5 Semantic Elements malinaw na inilalarawan ang kanilang kahulugan o layunin para sa parehong mga browser at web developer.
Bago ang pagdating ng pamantayang HTML5, ang lahat ng markup ng pahina ay pangunahing ginawa gamit ang mga elemento