HTML 5 ile <"strong"> Etiketinin (tag) Çalışmaması Sorunu


HTML 5 ile strong Etiketinin (tag) Çalışmaması Sorunu

HTML 5 ile <"strong"> Etiketinin (tag) Çalışmaması Sorunu


Eğer HTML5 ile web sitesi kodlaması yapıyorsanız nadiren de olsa karşınıza çıkabilecek problemlerden birisi <"strong"> etiketinin siz her şeyi doğru bir şekilde yapsanız bile işe yaramaması çalışmaması olabilir.

Normal koşullarda oluşturduğunuz sayfanızda “herhangi bir yazı” şeklinde bir text oluşturduğunuzda ve bunu koyu yani strong yapmak istediğinizde <"strong>"herhangi bir yazı<"/strong"> etiketleri arasına aldığınızda yazınız “herhangi bir yazı” şeklinde gözükecektir.

Fakat bazı durumlarda <"strong"><"/strong"> etiketlerini yerleştirseniz bile sayfanızdaki yazılar koyulaşmaz bunun sebebi “reset.css” dosyanızda oluşan bir çakışma veya “reset.css” de strong’un tanımlanmamış olmasıdır. Her iki durumda da sorunu çözmek için “reset.css” sekmesini açtığınızda karşınıza gelen tanımlama bölümünde;

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {

margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

Kod parçasının sonuna strong { font-weight: bold; } şeklindeki ifadeyi eklediğinizde strong ile ilgili probleminiz son bulacaktır.
Yani yeni şekli aşağıdaki gibi olmalıdır;

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {

margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
strong { font-weight: bold; }

Bu sorun sadece <"strong"> ile sınırlı değildir herhangi bir yazıtipi işlem etiketi ile de başınıza gelebilir. Örneğin <"body">, <"section">, <"h1">,<"h2"><"h3">,<"h4"><"h5"><"h6"> etiketleri olabilir hepsi için yukarıdaki şekilde bir reset.css düzeltmesi yaparak sorunu kökünden çözebilirsiniz.

*<"strong"> ve diğer etiketlerin içindeki tırnak(") ayraçları sadece gösterim yapılabilmesi için kullanılmıştır, normal kullanım esnasında kullanımaması gerekmektedir.

SERCAN GÜLGEZE © 2014-2016 | WWW.SERCANGULGEZE.COM | Sercan Gülgeze & Statik Yazılım