Мәтіндік сілтемелерден және ескертілетін мәселелерден астын сызуды жою қадамдары
Әдепкі бойынша, немесе «анкор» элементін пайдаланып HTML-ға байланыстырылған мәтіннің мазмұны астын сызу арқылы бейнеленген. Көп жағдайларда веб-дизайнерлер осы әдепкі стильді сызуды астын сызу арқылы алып тастауды таңдайды.
Көптеген дизайнерлер астын сызылған мәтіннің көрінісіне, әсіресе көптеген сілтемелермен тығыз байланыстағы блоктарда ойламайды. Аталған сөздердің барлығы құжаттың оқу ағынын шынымен бұза алады. Көптеген адамдар, шын мәнінде, нақты әріптерді өзгертудің астын сызып тастаудың арқасында, нақты айтылған сөздерді тез ажыратуға және оқуға қиындық тудыратынын айтады.
Алайда, осы сілтемелерді мәтіндік сілтемелерде сақтау үшін заңды артықшылықтар бар. Мысалға, сіз мәтіннің үлкен блоктарымен танысқан кезде, сызылған сілтемелер тиісті түстің контрастынмен бірге оқырмандарға бірден бетті сканерлеуге және сілтемелердің қай жерде екенін көруге мүмкіндік береді. Егер сіз веб-дизайн мақалаларын here.com порталына және сайттың басқа мақалаларына қарасаңыз, сілтеме жасалған сілтемелердің осы стилін көресіз.
Мәтіннен сілтемелерді жою туралы шешім қабылдайтын болсаңыз (қысқа мерзімде жария етілетін қарапайым процесс), онда бұл мәтінді стильдеу әдістерін әлі де кәдімгі мәтіннің сілтемесінен айырып алу үшін табуға тырысыңыз. Бұл көбінесе жоғарыда көрсетілген түс контрастынмен жасалады, бірақ түстің өзі түстік соқырлық сияқты көру қабілеті бұзылған келушілер үшін проблема тудыруы мүмкін. Түс соқырлығының нақты түріне қарай, оларда байланыс пен байланыстырылмаған мәтін арасындағы айырмашылықты көруге кедергі келтіретін контраст толықтай жоғалуы мүмкін. Нақ сондықтан да астын сызылған мәтін сілтемелерді көрсетудің ең жақсы әдісі болып саналады.
Сонымен, егер сіз мұны қаласаңыз, қалай сызып тастаңыз? Өйткені, бұл бізді қызықтыратын көрнекі сипатта болғандықтан, біз веб-сайттың барлық бөліктерін көрнекі түрде өңдейтін бөлігіне жүгінеміз - CSS.
Сілтемелердегі асты сызықтарды өшіру үшін каскадты мәнерлер кестелерін пайдаланыңыз
Көптеген жағдайларда, сіз тек бір мәтіндік сілтеме бойынша сызылғандыруды қаламайсыз. Оның орнына сіздің дизайн стиліңіз сізге барлық сілтемелердің астын сызып тастауды талап етеді. Бұл сіз сыртқы стиль кестесіне стиль қосу арқылы жасайтын боласыз.
{text-decoration: none; }Міне бітті! CSS-нің бір қарапайым сызығы барлық сілтемелердің астын сызуды өшіреді (ол шын мәнінде CSS-нің «мәтін-безендіру» сипатын пайдаланады).
Сіз сондай-ақ осы стильмен нақты анықтай аласыз. Мысалы, егер тек «асты сызылған» элемент ішіндегі астын сызуды немесе сілтемелерді өшіруді қаласаңыз, онда:
nav a {text-decoration: none; }Енді, беттегі мәтін сілтемелері әдепкідей астын сызады, алайда nav түрінде олар жойылды.
Көптеген веб-дизайнерлер таңдауды таңдап, «біреу» мәтінді аударғанда. Бұл келесі көмегімен жүзеге асырылады: hover CSS pseudo-class, келесідей:
{text-decoration: none; } a: hover {text-decoration: астын сызу; }Inline CSS-ды пайдалану
Сыртқы стиль кестесіне өзгертулер енгізудің баламасы ретінде, стильдерді тікелей HTML элементіне тікелей қосуға болады:
бұл сілтемеде ешқандай асты сызылған жоқБұл әдіс мәселесі HTML стиліндегі мәнер туралы ақпаратты орналастырады, бұл жақсы тәжірибе емес. Стиль (CSS) және құрылым (HTML) бөлек болуы керек.
Егер сайттың барлық мәтіндік сілтемелері астын сызуды алып тастауды қаласаңыз, осы мәнер туралы ақпаратты әрбір жеке сілтеме бойынша жеке негізде қосу сіздің сайтыңыздың кодына қосымша түзетулердің әділ мөлшерін қосады. Бұл блотта сайттың жүктеу уақытын баяулатуы және жалпы бет басқаруын әлдеқайда күрделі етуі мүмкін. Осы себептерге байланысты барлық бет стилі қажеттіліктері үшін әрдайым сыртқы стиль кестесіне ауысу керек.
Жабу кезінде
Веб-беттердің мәтіндік сілтемелерінен астын сызуды жою оңай болғандықтан, оны орындаудың салдары туралы да ескеру керек. Шындығында, беттің көрінісін тазалау мүмкін болса да, ол жалпы пайдалану мүмкіншілігінің арқасында мүмкін. Сіз келесі беттегі «мәтіндік-безендіру» сипаттарын өзгертуді қарастырған кезде оны ескеріңіз.
Дженнифер Крининнің түпнұсқа мақаласы. Джереми Джирардтың 9/19/16 редакциясында жасалды