1 заметка с тегом

советы

Переносы в вебе

Век живи, век учись.

Толь­ко сегодня уз­нал, что су­щест­вует html-тег, кото­рый поз­воляет де­лать пере­носы в сло­вах в текстах на сай­те. Без исполь­зования сторон­них пла­гинов. Встре­чайте, кто еще не:

­

Это soft hyphen или мягкий перенос. Зна­токи реко­мен­дуют вместо ­ исполь­зовать html-код ­ — у такого варианта луч­ше индек­сируе­мость поис­ко­виками.

Как вы правиль­но по­няли, спо­соб это полуавто­матичес­кий. То есть этот тег нужно встав­лять в каж­дое слово вруч­ную. А вот отобра­жаться он будет авто­ма­тичес­ки там, где нужно. Если слово не поме­щается на строку, то оно пере­несется.

Выг­лядит это так:

Из плюсов:

  • мож­но из­бе­гать «дыр» в стро­ках, особен­но, если есть длин­ное сло­во, кото­рое в эту стро­ку не поме­щает­ся;
  • пра­вая сто­ро­на текс­та выг­лядит более рав­но­мер­ной, осо­бен­но при прос­мотре с мо­биль­ного;
  • текст выг­лядит бо­лее ор­ганич­ным, «книж­ным»;
  • это прос­то кру­то.

Большой минус:

  • всё это приходится делать вручную, иногда сверяясь со словарем.

P.S. В этой заметке я исполь­зовал эту фишку. Попро­буйте поиз­ме­нять раз­мер окна.

2018   html   веб-разработка   советы