د سرلیکونو ډکولو لپاره د فکسونو، سرحدونو او انځورونو کارول
په ډیرو ویب پاڼې کې سرلیکونه عام دي. په واقعیت کې، ډیر ډیر د متن سند لږترلږه یو سرلیک لري چې تاسو د هغه څه عنوان چې تاسو یې لوستل کوئ پوهیږئ. دا سرلیکونه د HTML سرلیک عناصر - h1، h2، h3، h4، h5، او h6 په کارولو سره کوډ شوي دي.
په ځینو ځایونو کې، تاسو ممکن ومومئ چې سرلیکونه د دې عناصرو کارولو پرته کوډ شوي دي. پرځای یې، سرلیکونه کولی شي پراګرافونه د ځانګړو ټولګي ځانګړتیاو سره شریک کړي، یا د ټولګي عناصرو ویش. د دې ناسم عمل په اړه د ډیری دلیل دلیل دا دی چې ډیزاین "د سر سرلیک نه خوښوي". د ډیزاین په بڼه، سرلیکونه په زړه پورې ښودل کیږي او په اندازې کې لوی وي، په ځانګړې توګه H1 او H2 عناصر چې د پاتې برخه د متن متن څخه ډیر لوی فونټ اندازه کې ښودل کیږي. په پام کې ونیسئ دا یوازې د دغو عناصرو اصلي بڼه ده! د سی ایس ایس سره، تاسو کولی شئ د سرلیک بڼه وکړئ که څه هم تاسو غواړئ! تاسو کولی شئ د لیکلو انداز بدل کړئ، بولی لیرې کړئ، او نور ډیر. سرلیکونه د پاڼې د سرلیکونو د کود لپاره مناسب لاره ده. دلته ځینې علتونه دي.
ولې سرغړونې سرلیکونه د DIV او سټیلنګ په پرتله
د انجنونو لټون لکه د سرلیک ټکي
دا د سرلیکونو کارولو غوره غوره دلیل دی، او په درست ترتیب کې یې کاروي (لکه h1، h2، h3، او نور). د لټون انجنونه د لیکونو سرلیک دننه متن کې تر ټولو لوړه وزن ورکوي ځکه چې پدې متن کې سیمانټ ارزښت شتون لري. په بل عبارت، د خپل پاڼې سرلیک H1 لیبل کول، تاسو د لټون انجاک مکرم ته وایی چې د پاڼې # 1 تمرکز دی. د H2 سرلیکونه # 2 ټینګار او داسې نور لري.
ته باید یاد وساتئ چې کومې درجې چې تاسو یې د سرلیکونو تشریح کولو لپاره کارول کېدې
کله چې تاسو پوهیږئ چې ستاسو ټولې وېب پاڼې د H1 بوډاډ، 2em او پیل پیلوي، نو تاسو کولی شئ یو ځل ستاسو په شیلیف پاڼه کې تعریف کړئ او ترسره شي. شپږ میاشتې وروسته، کله چې تاسو یو بل مخ اضافه کړئ، تاسو یوازې د H1 ټګ د خپل پاڼې په سر کې اضافه کړئ، تاسو باید نور پاڼې ته بیرته لاړ شئ ترڅو معلومه کړئ چې کوم طرزالعمل یا کوم ټولګي چې تاسو یې د اصلي تعریف لپاره کارولئ سرلیک او فرعي سرونه.
دوی یو پیاوړی مخلیک لیک وړاندې کوي
پایلې د لوست کولو لپاره متن اسانه کوي. د همدې لپاره ډیری امریکایي ښوونځیو زده کونکو ته د لیکلو لیکلو دمخه مخکې لیکلي ول. کله چې تاسو په یوه بڼې کې د سرلیک ټګیو کاروئ، ستاسو متن یو روښانه جوړښت لري چې په چټکۍ سره ښکاره کیږي. برسیره پردې، داسې وسیلې شتون لري چې د پاڼې لنډیز بیاکتنه کولو لپاره یو ترکیب چمتو کوي، او دا د پایپ لاین لپاره د ټګ په سر باندې تکیه کوي.
ستاسو پاڼه به حتی د سټایلونو سره وتړل شي
هرڅوک نشي کولی چې د سټاټ پاڼې وګوري یا کار واخلي (او دا د # 1 سره راځي - د لټون انجین ستاسو د پاڼې محتويات (متن) لیدل کیږي، نه د طرزالعملونه). که تاسو د سرلیک ټګیو کاروئ، تاسو خپل پاڼې لا نور لاسرسۍ کولی شئ ځکه چې سرلیکونه معلومات وړاندې کوي چې DIV ټګ به نه وي.
دا د اسکرین لوستونکو او ویب پاڼې ته لاسرسۍ لپاره مرستندوی دی
د سرونو مناسب کارول د اسنادو لپاره منطقي جوړښت رامنځته کوي. دا هغه څه دي چې د اسکرین لوستونکي به د لید لپاره یو سایټ ته "د لید لید" سره کار وکړي، چې معلولیت لرونکو خلکو ته ستاسو سایټ چمتو کړي.
متن او ستاسو د سرلیکونو بڼې
د ټګونو سرلیک د "لوی، باړه، او بدچلند" ستونزه څخه د تیښتې آسانه لاره داده چې متن هغه طریقه ډک کړئ چې تاسو یې غواړئ وګورئ. په واقعیت کې، کله چې زه په یوه نوې وېب پاڼه کې کار کوم، زه په عمومي توګه د پیراګراف، H1، H2، او H3 شیلیفونو لومړنی شیان لیکم. زه عموما د فونټ کورنۍ او اندازه / وزن سره پاته شم. د بیلګې په توګه، دا کیدی شي د نوې سایټ لپاره لومړنۍ شالي پاڼه (دا یوازې یو مثال بیلګې دي چې کارول کیدی شي):
بدن، ایچ ٹی ایل {حاجی: 0؛ ډډنگ: 0؛ } p {font: 1em Arial، جنیوا، هیلیوټیکا، سیسان سیرف؛ } h1 {font: bold 2em "ټیم نیوم رومن"، ټایمز، سیفف؛ } h2 {font: bold 1.5em "ټیم نیوم رومن"، ټایمز، سیفف؛ } h3 {font: bold 1.2em ایریډ، جنیوا، هلویټیکا، سینس سیرف؛ }تاسو کولی شئ د سرلیک فونټ بدل کړئ یا د متن سټا یا حتی د متن رنګ بدل کړئ . دا ټول به ستاسو "بدی" سرلیک په ډیر خوځښت او ستاسو د ډیزاین په ساتلو کې بدل کړي.
h1 {font: bold italic 2em / 1em "ټیم نیو رومن"، "ایم ایس سیرف"، "نیویارک"، سیرف؛ حاصله: 0؛ ډډنگ: 0؛ رنګ: # e7ce00؛ }سرحدونه کولی شي د سرلیکونو جامې جامې کړي
سرحدونه ستاسو د سرلیکونو د ښه کولو لپاره خورا ښه لار ده. او سرحدونه په اسانۍ سره شامل دي. خو د سرحدونو سره تجربه مه هېروئ - تاسو د خپل سرلیک په هر اړخ کې سرحد ته اړتیا نلري. او تاسو کولی شئ د ساده سوراخ سرحدونو څخه زیات کار واخلئ.
h1 {font: bold italic 2em / 1em "ټیم نیو رومن"، "ایم ایس سیرف"، "نیویارک"، سیرف؛ حاصله: 0؛ ډډنگ: 0؛ رنګ: # e7ce00؛ سرحدي پوله: سخت # e7ce00 منځنۍ؛ سرحد - ټکی: ډټ شوی # e7ce00 پتلی؛ سورې: 600px؛ }ما د خپل نمونې سرلیک ته پورته او پورته ښکته سرحد اضافه کړ ترڅو د ځینو دلچسپیو بصری ډولونو معرفي کولو لپاره. تاسو کولی شئ سرحدونه اضافه کړئ هر هغه څه چې تاسو یې غواړئ د ډیزاین اندازې ترلاسه کړئ.
د زیاتو پیژاز لپاره ستاسو د سرلیکونو لپاره د پس منظر انځورونه شامل کړئ
ډیری ویب سایټونه د پاڼې په سر کې د سرلیک برخه لري چې یو سرلیک پکې شامل دي - په خاصه توګه د ویب پاڼې سرلیک او ګرافیک. ډیری ډیزاینران د دې دوه اړخیز عناصر په توګه فکر کوي، مګر تاسو اړتیا نلرئ. که چیرې ګرافیک یوازې د سرلیک د سجده کولو لپاره شتون ولري، نو ولې دا د سرلیک ډولونو ته اضافه نه کړئ؟
h1 {font: bold italic 3em / 1em "ټیم نیوم رومن"، "ایم ایس سیرف"، "نیویارک"، سیفف؛ شاليد: #fff url ("fancyheadline.jpg") تکرار - x لاندې؛ ګنډل: 0.5em 0 90px 0؛ متن - نښه: مرکز؛ حاصله: 0؛ سرحد - لاندی: solid # e7ce00 0.25em؛ رنګ: # e7ce00؛ }د دې سرلیک چال دا دی چې زه پوهيږم چې زما عکس د 90 پکسلز اوږد دی. نو ما د 90px سرلیک لاندې ټیټنګ اضافه کړه (ډډنگ: 0.5 0 90px 0p؛). تاسو کولی شي د حاصالتو، کرښې، او ګنډلو سره لوبې وکړئ تر څو د سرلیک متن متن په سمه توګه وښایه چې تاسو یې غواړئ.
د یادولو لپاره یو شی چې د عکسونو کارولو په وخت کې دا وي چې که تاسو یو ځواب ویونکي ویب پاڼه لرئ (کوم چې تاسو باید باید د داسې ترتیب سره چې د سکرینونو او وسایلو پراساس بدلونونه وي، تاسو سرلیک به تل د ورته اندازې نه وي. که تاسو خپل سرلیک دقیق اندازې ته اړتیا لرئ، دا د ستونزو المل کیږي. دا یو له هغو دلیلونو څخه دی چې زه عموما په یوه سرلیک کې د شاليد انځورونو څخه مخنیوی کوم، لکه څنګه چې دوی کله کله ګوري.
په سرلیکونو کې د عکس بدیل
دا د ویب ډیزاین لپاره یو بل مشهور تخنیک دی ځکه چې دا تاسو ته اجازه درکوي چې ګرافیک سرلیک جوړ کړي او د هغه انځور سره د سرلیک ټګ متن بدل کړي. دا په ریښتیا توګه د ویب ډیزاینرانو څخه یو ارزښتناکه تجربه خورا لږ فونټونو ته لاس رسی لري او غوښتل یې چې په خپل کار کې نورې غیر رسمي فونټونه کاروي. د ویب فونټونو زیاتوالی په ریښتیا سره بدلون موندلی چې څنګه ډیزاینر سیمې ساحو ته رسیدلي. اوس مهال سرلیکونه په ډیری ډولونو کې ټاکل کیدی شي او انځورونه د هغو فونټونو سره چې نور یې اړتیا نلري. لکه څنګه چې تاسو به یوازې د پخوانیو سایټونو د سرلیکونو لپاره د سی ایس ایس عکس بدل کړئ چې لا تر اوسه لا نور عصري کړنو ته نوي شوي ندي.
اصلي جینفر جینیفر کرینین. په 9/6/17 نېټه د جیریمي Girard لخوا تصویب شوی