Сіздің бетте дизайн бөлімдерін жасау
Тақырыптар - мәтінді ұйымдастырудың пайдалы жолы, пайдалы бөлімдерді жасау және іздеу жүйелеріне арналған веб-бетті оңтайландыру. HTML тақырыбы тегтерін пайдаланып, тақырыптарды оңай жасауға болады. Сондай-ақ, мәтіннің көрінісін қалың және көлбеу тегтермен өзгертуге болады.
Тақырыптар
Тақырып тегтері құжатыңызды бөлудің ең қарапайым жолы болып табылады. Егер сіз өз сайтыңызды газет ретінде ойласаңыз, онда тақырыптар газеттегі тақырыптар болып табылады. Негізгі тақырып h1 және кейінгі тақырыптар h2-ден h6-ға дейін болады.
HTML жасау үшін келесі кодтарды пайдаланыңыз.
Бұл тақырып 1 Бұл тақырып 2 Бұл 3-тақырып 4-тақырып Бұл тақырып 5 6-тақырып: Есте сақтау туралы кеңестер
- Тақырыптарыңызды логикалық тәртіпте сақтауға тырысыңыз, h1 h3 алдындағы h3-ге дейін келеді және тағы басқалар.
- Тақырыптар қалай көрінетіні туралы тым көп алаңдамаңыз - тақырыпты пайдаланудан гөрі тақырыптарды стильдеу үшін CSS-ды пайдалану керек.
- Тақырып тақырыбы тегтер блоктық деңгейдегі элементтер болып табылады, сондықтан сіз олар үшін үзілістер жасайсыз. P белгілерін тақырып тегтеріне салмаңыз.
Қалың және қисық
Бұл 3-тақырып 4-тақырып Бұл тақырып 5 6-тақырып: Есте сақтау туралы кеңестер
- Тақырыптарыңызды логикалық тәртіпте сақтауға тырысыңыз, h1 h3 алдындағы h3-ге дейін келеді және тағы басқалар.
- Тақырыптар қалай көрінетіні туралы тым көп алаңдамаңыз - тақырыпты пайдаланудан гөрі тақырыптарды стильдеу үшін CSS-ды пайдалану керек.
- Тақырып тақырыбы тегтер блоктық деңгейдегі элементтер болып табылады, сондықтан сіз олар үшін үзілістер жасайсыз. P белгілерін тақырып тегтеріне салмаңыз.
Қалың және қисық
Бұл тақырып 5 6-тақырып: Есте сақтау туралы кеңестер
- Тақырыптарыңызды логикалық тәртіпте сақтауға тырысыңыз, h1 h3 алдындағы h3-ге дейін келеді және тағы басқалар.
- Тақырыптар қалай көрінетіні туралы тым көп алаңдамаңыз - тақырыпты пайдаланудан гөрі тақырыптарды стильдеу үшін CSS-ды пайдалану керек.
- Тақырып тақырыбы тегтер блоктық деңгейдегі элементтер болып табылады, сондықтан сіз олар үшін үзілістер жасайсыз. P белгілерін тақырып тегтеріне салмаңыз.
Қалың және қисық
Есте сақтау туралы кеңестер
- Тақырыптарыңызды логикалық тәртіпте сақтауға тырысыңыз, h1 h3 алдындағы h3-ге дейін келеді және тағы басқалар.
- Тақырыптар қалай көрінетіні туралы тым көп алаңдамаңыз - тақырыпты пайдаланудан гөрі тақырыптарды стильдеу үшін CSS-ды пайдалану керек.
- Тақырып тақырыбы тегтер блоктық деңгейдегі элементтер болып табылады, сондықтан сіз олар үшін үзілістер жасайсыз. P белгілерін тақырып тегтеріне салмаңыз.
Қалың және қисық
Қалың және көлбеу үшін қолдануға болатын төрт тег бар:
- және қалың үшін
- және курсив үшін
Сіз қолданатын маңызды емес. Кейбіреулер және -ды таңдағанымен, көптеген адамдар «батыл» және курсивді оңай есте сақтайды.
Мәтінді қалың немесе көлбеу ету үшін, мәтінді ашу және жабу тегтерімен қоршаңыз:
қарқынды курсивСіз бұл тегтерді (яғни, мәтінді қалың және көлбеу етіп жасай аласыз) және сыртқы немесе ішкі тегтің маңызды емес екенін білдіреді.
Мысалға:
Бұл мәтін батыл
Бұл мәтін қалыңБұл мәтін курсивпен көрсетілген
Бұл мәтін курсивпенБұл мәтін қалың және көлбеу
Бұл мәтін қалың және көлбеу болып табыладыНеліктен екі қалың және курсивтік белгілер бар
HTML4-де және тегтері мәтіннің көрінісіне ғана әсер еткен және тегтің мазмұны туралы ештеңе айтпаған және оларды пайдаланудың жаман түрі деп қарастырылған стиль белгілері болып саналды. Содан кейін, HTML5-мен оларға мәтіннің көрінісінен тыс семантикалық мән берілді.
HTML5-те бұл тегтер нақты мағынасы бар:
- айналасындағы мәтіннен маңызды емес мәтінді білдіреді, бірақ әдеттегі типографиялық көрсетілім қалың мәтін болып табылады, мысалы, құжатта дерексіз сөздер немесе шолудағы өнім атаулары.
- маңындағы мәтіннен маңызды емес мәтінді білдіреді, бірақ типографиялық ұсыныс - кітаптың атауы, техникалық термин немесе басқа тілдегі фраза сияқты қиғаш мәтін.
- маңындағы мәтінмен салыстырғанда маңызды мәнге ие мәтінді білдіреді.
- айналасындағы мәтінмен салыстырғанда стресс болатын мәтінді білдіреді.